|  |  | 
 |  |  |                   <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: { | 
 |  |  |       trigger: 'none', | 
 |  |  | 
 |  |  |         label: { | 
 |  |  |           distance: 15, | 
 |  |  |           show: true, | 
 |  |  |           position: data > 52  ? 'inside' : 'top', | 
 |  |  |           position: data > 52 ? 'inside' : 'top', | 
 |  |  |           formatter: '{c}' + '%', | 
 |  |  |           fontSize: 72, | 
 |  |  |           color: '#1AFCFF', | 
 |  |  | 
 |  |  |   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; |