From 908ce43ff21c2068ef5148b0a417423c8ed9eae5 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 12 三月 2025 16:37:32 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/dmvisit
---
screen/src/views/FireFighting.vue | 67 +++++++++++++++++++++------------
1 files changed, 43 insertions(+), 24 deletions(-)
diff --git a/screen/src/views/FireFighting.vue b/screen/src/views/FireFighting.vue
index ef06b7f..96d6c56 100644
--- a/screen/src/views/FireFighting.vue
+++ b/screen/src/views/FireFighting.vue
@@ -25,7 +25,7 @@
<div class="list_wrap">
<div class="list">
<div class="header line">
- <span class="item name">璁惧绫诲瀷</span>
+ <span class="item name">璁惧鍚嶇О</span>
<span class="item">鎬绘暟</span>
<span class="item">鎶ヨ</span>
<span class="item">灞忚斀</span>
@@ -41,7 +41,7 @@
<span class="item" style="color: #FEAF01;">{{ item.alarmDeviceNum || 0 }}</span>
<span class="item">{{ item.shieldDeviceNum || 0 }}</span>
<span class="item">{{ item.errDeviceNum || 0 }}</span>
- <span class="item">{{ item.offlineDeviceNum || 0 }}</span>
+ <span class="item">{{ item.onlineDeviceNum || 0 }}</span>
</div>
<div class="separate"></div>
</div>
@@ -90,14 +90,14 @@
<img src="@/assets/images/FireFighting/xiaofang_ic_zaixian@2x.png" alt="">
<div class="content">
<div class="name">鎬绘暟</div>
- <div class="num">{{ dataList4.onlineDeviceNum }}</div>
+ <div class="num">{{ dataList4.onlineDeviceNum || 0 }}</div>
</div>
</div>
<div class="item">
<img src="@/assets/images/FireFighting/xiaofang_ic_baojing@2x.png" alt="">
<div class="content">
<div class="name">鎶ヨ</div>
- <div class="num num2">{{ dataList4.alarmDeviceNum }}</div>
+ <div class="num num2">{{ dataList4.alarmDeviceNum || 0}}</div>
</div>
</div>
<div class="item">
@@ -111,14 +111,14 @@
<img src="@/assets/images/FireFighting/xiaofang_ic_guzhang@2x.png" alt="">
<div class="content">
<div class="name">鏁呴殰</div>
- <div class="num num3">{{ dataList4.errDeviceNum }}</div>
+ <div class="num num3">{{ dataList4.errDeviceNum || 0 }}</div>
</div>
</div>
<div class="item">
<img src="@/assets/images/FireFighting/xiaofang_ic_zhengchang@2x.png" alt="">
<div class="content">
<div class="name">姝ｅ父</div>
- <div class="num num4">{{ dataList4.offlineDeviceNum }}</div>
+ <div class="num num4">{{ dataList4.onlineDeviceNum || 0 }}</div>
</div>
</div>
</div>
@@ -147,7 +147,9 @@
<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>
@@ -155,9 +157,11 @@
<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 }}%</div>
</div>
</div>
</div>
@@ -284,7 +288,7 @@
<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">
@@ -520,8 +524,8 @@
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',
@@ -559,7 +563,7 @@
{
name: '鏈�涓婂眰绔嬩綋鍦�',
type: 'pictorialBar',
- symbolSize: [170, 40],
+ symbolSize: [182, 40],
symbolOffset: [0, -20],
z: 12,
itemStyle: {
@@ -577,7 +581,7 @@
{
name: '涓棿绔嬩綋鍦�',
type: 'pictorialBar',
- symbolSize: [170, 40],
+ symbolSize: [182, 40],
symbolOffset: [0, -20],
z: 12,
itemStyle: {
@@ -610,7 +614,7 @@
{
name: '鏈�搴曢儴绔嬩綋鍦�',
type: 'pictorialBar',
- symbolSize: [170, 40],
+ symbolSize: [182, 40],
symbolOffset: [0, 20],
z: 12,
itemStyle: {
@@ -659,7 +663,7 @@
label: {
distance: 15,
show: true,
- position: data > 52 ? 'inside' : 'top',
+ position: data > 52 ? 'inside' : 'top',
formatter: '{c}' + '%',
fontSize: 72,
color: '#1AFCFF',
@@ -929,7 +933,14 @@
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澶〩灏忔椂m鍒嗛挓')
+ } else if (times > 3600000) {
+ item.haveTime = dayjs.duration(times).format('H灏忔椂m鍒嗛挓')
+ } else {
+ item.haveTime = dayjs.duration(times).format('m鍒嗛挓')
+ }
return item
})
})
@@ -1044,16 +1055,20 @@
getData7()
}, 60 * 1000)
setInterval(() => {
-
getData5()
getData8()
-
}, 60 * 60 * 1000)
+
+ setInterval(() => {
+ changeData8(1)
+ changeData9(1)
+ }, 1000 * 5)
setTimeout(() => {
loopFn1()
loopFn2()
}, 12000)
+
})
@@ -1096,17 +1111,20 @@
font-size: 14px;
.item {
- flex: 1;
+ flex: 2;
display: flex;
justify-content: center;
+ /* margin: 0 6px; */
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+
}
.name {
- flex: 2;
+ flex: 5;
+ justify-content: flex-start;
}
.warnning {
@@ -1249,8 +1267,9 @@
}
.center_box_two {
- width: 100%;
+ width: 108%;
display: flex;
+ margin: 0 -4%;
.content_wrap {
flex: 1;
@@ -1440,7 +1459,7 @@
position: absolute;
top: 99px;
left: 0;
- width: 192px;
+ width: 206px;
display: flex;
flex-direction: column;
align-items: center;
@@ -1462,7 +1481,7 @@
} */
.liquidlevel {
- width: 206px;
+ width: 220px;
height: 400px;
transform: scale(0.27);
color: #fff;
--
Gitblit v1.9.3