| | |
| | | <div class="item"> |
| | | <img class="icon" src="@/assets/images/FireFighting/ic_wendu@2x.png" alt=""> |
| | | <div class="content"> |
| | | <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="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" v-if="dataList8[dataIndex8].humidityData && dataList8[dataIndex8].humidityData.latestValue">{{ Number(dataList8[dataIndex8].humidityData.latestValue).toFixed(1) }}<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 }}°C</div> |
| | | </div> |
| | |
| | | <span class="status" v-else-if="item.handleStatus == 3">核实中</span> |
| | | <span v-else class="status">未核实</span> |
| | | </div> |
| | | <div class="have_time">已经发生{{ item.haveTime }}</div> |
| | | <div class="have_time">已发生{{ item.haveTime }}</div> |
| | | </div> |
| | | <div class="wrap"> |
| | | <div class="title"> |
| | |
| | | let conNum = maxNum - minNum |
| | | let acNum = item.obj.value.replaceAll('M', '') |
| | | var data = (((acNum - minNum) / conNum) * 100).toFixed(0) |
| | | console.log('data', data); |
| | | console.log('data', data) |
| | | |
| | | const option = { |
| | | tooltip: { |
| | |
| | | getFighalarmDataList().then(res => { |
| | | dataList7.value = res.data || [] |
| | | dataList7.value = dataList7.value.map(item => { |
| | | item.haveTime = dayjs.duration(new Date().getTime() - new Date(item.alarmTime).getTime()).format('H小时m分钟') |
| | | let times = new Date().getTime() - new Date(item.alarmTime).getTime() |
| | | if (times > 86400000) { |
| | | item.haveTime = dayjs.duration(times).format('D天H小时m分钟') |
| | | } else if (times > 3600000) { |
| | | item.haveTime = dayjs.duration(times).format('H小时m分钟') |
| | | } else { |
| | | item.haveTime = dayjs.duration(times).format('m分钟') |
| | | } |
| | | return item |
| | | }) |
| | | }) |
| | |
| | | width: 108%; |
| | | display: flex; |
| | | margin: 0 -4%; |
| | | |
| | | .content_wrap { |
| | | flex: 1; |
| | | flex-shrink: 0; |