| | |
| | | <div class="item"> |
| | | <img class="icon" src="@/assets/images/FireFighting/ic_wendu@2x.png" alt=""> |
| | | <div class="content"> |
| | | <div class="num">{{ dataList8[dataIndex8].temperatureData?.latestValue }}<span>°C</span></div> |
| | | <div class="num" v-if="dataList8[dataIndex8].temperatureData && dataList8[dataIndex8].temperatureData.latestValue">{{ Number(dataList8[dataIndex8].temperatureData.latestValue).toFixed(1) }}<span>°C</span></div> |
| | | <div class="la">阈值 {{ dataList8[dataIndex8].temperatureData?.alarmLow }}~{{ |
| | | dataList8[dataIndex8].temperatureData?.alarmHigh }}°C</div> |
| | | </div> |
| | |
| | | <div class="item"> |
| | | <img class="icon" src="@/assets/images/FireFighting/ic_shidu@2x.png" alt=""> |
| | | <div class="content"> |
| | | <div class="num">{{ dataList8[dataIndex8].humidityData?.latestValue }}<span>%</span></div> |
| | | <div class="num" v-if="dataList8[dataIndex8].humidityData && dataList8[dataIndex8].humidityData.latestValue">{{ Number(dataList8[dataIndex8].humidityData.latestValue).toFixed(1) }}<span>%</span></div> |
| | | <div class="la">阈值 {{ dataList8[dataIndex8].humidityData?.alarmLow }}~{{ |
| | | dataList8[dataIndex8].humidityData?.alarmHigh }}</div> |
| | | dataList8[dataIndex8].humidityData?.alarmHigh }}°C</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | { |
| | | name: '最上层立体圆', |
| | | type: 'pictorialBar', |
| | | symbolSize: [170, 40], |
| | | symbolSize: [182, 40], |
| | | symbolOffset: [0, -20], |
| | | z: 12, |
| | | itemStyle: { |
| | |
| | | { |
| | | name: '中间立体圆', |
| | | type: 'pictorialBar', |
| | | symbolSize: [170, 40], |
| | | symbolSize: [182, 40], |
| | | symbolOffset: [0, -20], |
| | | z: 12, |
| | | itemStyle: { |
| | |
| | | { |
| | | name: '最底部立体圆', |
| | | type: 'pictorialBar', |
| | | symbolSize: [170, 40], |
| | | symbolSize: [182, 40], |
| | | symbolOffset: [0, 20], |
| | | z: 12, |
| | | itemStyle: { |
| | |
| | | } |
| | | |
| | | .center_box_two { |
| | | width: 100%; |
| | | width: 108%; |
| | | display: flex; |
| | | |
| | | margin: 0 -4%; |
| | | .content_wrap { |
| | | flex: 1; |
| | | flex-shrink: 0; |
| | |
| | | position: absolute; |
| | | top: 99px; |
| | | left: 0; |
| | | width: 192px; |
| | | width: 206px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | |
| | | } */ |
| | | |
| | | .liquidlevel { |
| | | width: 206px; |
| | | width: 220px; |
| | | height: 400px; |
| | | transform: scale(0.27); |
| | | color: #fff; |