|
@@ -28,7 +28,7 @@ export type navigatorItem = {
|
|
|
unit?: string;
|
|
|
num?: number;
|
|
|
color: string;
|
|
|
- colorStr: string;
|
|
|
+ colorStr: any;
|
|
|
opacity?: number;
|
|
|
indicator?: number[];
|
|
|
[key: string]: any;
|
|
@@ -49,9 +49,9 @@ const Environment: React.FC = () => {
|
|
|
src: envir_temperature,
|
|
|
unit: '℃',
|
|
|
color: '#E5574F',
|
|
|
- colorStr: '229,87,79,',
|
|
|
- opacity: 0.2, //透明度基数
|
|
|
- indicator: [18, 21, 24, 27, 30],
|
|
|
+ colorStr: ['#5E8BCF', '#C9E5FF', '#F3F3F3', '#FFB6A7', '#EE6D66'],
|
|
|
+ opacity: 1, //透明度基数
|
|
|
+ indicator: [0, 18, 22, 26, 30],
|
|
|
fixed: 1,
|
|
|
},
|
|
|
{
|
|
@@ -293,13 +293,21 @@ const Environment: React.FC = () => {
|
|
|
<div className={styles.right}>
|
|
|
{(selNav.indicator || []).map((item, index) => {
|
|
|
return (
|
|
|
- <div className={styles.indicatorBox} key={index + 'indicator'}>
|
|
|
- <div className={styles.text}>{item}</div>
|
|
|
+ <div
|
|
|
+ className={cx(styles.indicatorBox, { [styles.tdbIndicator]: selNav.id == 'Tdb' })}
|
|
|
+ key={index + 'indicator'}
|
|
|
+ >
|
|
|
+ <div className={styles.text}>{item == 0 ? '' : item}</div>
|
|
|
<div
|
|
|
className={styles.color}
|
|
|
style={{
|
|
|
backgroundColor:
|
|
|
- 'rgba(' + selNav.colorStr + (selNav.opacity as number) * (index + 1) + ')',
|
|
|
+ selNav.id == 'Tdb'
|
|
|
+ ? selNav.colorStr[index]
|
|
|
+ : 'rgba(' +
|
|
|
+ selNav.colorStr +
|
|
|
+ (selNav.opacity as number) * (index + 1) +
|
|
|
+ ')',
|
|
|
}}
|
|
|
></div>
|
|
|
</div>
|
|
@@ -336,10 +344,12 @@ const Environment: React.FC = () => {
|
|
|
style={{
|
|
|
background: item.roomFuncType
|
|
|
? item.avgValues || item.avgValues == 0
|
|
|
- ? 'rgba(' +
|
|
|
- selNav.colorStr +
|
|
|
- (selNav.opacity as number) * getColorOpacity(item.avgValues) +
|
|
|
- ')'
|
|
|
+ ? selNav.id == 'Tdb'
|
|
|
+ ? selNav.colorStr[getColorOpacity(item.avgValues) - 1]
|
|
|
+ : 'rgba(' +
|
|
|
+ selNav.colorStr +
|
|
|
+ (selNav.opacity as number) * getColorOpacity(item.avgValues) +
|
|
|
+ ')'
|
|
|
: ''
|
|
|
: '',
|
|
|
}}
|