|
@@ -253,7 +253,7 @@
|
|
|
<div class="icon"></div>
|
|
|
<div class="container">
|
|
|
<div class="data-box" v-for="(item, index) in fireMonitor1" :key="index">
|
|
|
- <div class="box-item">
|
|
|
+ <div class="box-item" style="width: 200px">
|
|
|
<div
|
|
|
:class="{
|
|
|
value1: item.warnLevel == '绿色预警',
|
|
@@ -265,7 +265,7 @@
|
|
|
<div class="title">监测位置</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="box-item">
|
|
|
+ <div class="box-item" style="width: 80px">
|
|
|
<div
|
|
|
:class="{
|
|
|
value1: item.warnLevel == '绿色预警',
|
|
@@ -399,12 +399,6 @@
|
|
|
case 'fire':
|
|
|
router.push('/fire/warn/home');
|
|
|
break;
|
|
|
- case 'dust':
|
|
|
- router.push('/dust/warn/home');
|
|
|
- break;
|
|
|
- case 'gas':
|
|
|
- router.push('/gas/warn/home');
|
|
|
- break;
|
|
|
case 'sbyj':
|
|
|
// router.push('/device/warn/home');
|
|
|
router.push('/device/warn/home');
|
|
@@ -434,26 +428,32 @@
|
|
|
console.log(res, '预警数据--------------');
|
|
|
// fireMonitor1.value.length = 0;
|
|
|
toggleData = Object.assign({}, res);
|
|
|
- windData.levels = res.info.sysInfo.ventS.levels;
|
|
|
- windData.levels['blue'] = warnNumMap.get('vent');
|
|
|
- if (showToggle.value == 'monitor') {
|
|
|
- windData.jf = res.ventInfo.zongjinfeng;
|
|
|
- windData.hf = res.ventInfo.zonghuifeng;
|
|
|
- } else if (showToggle.value == 'report') {
|
|
|
- windData.jf = res.ventInfo.totalIntM3;
|
|
|
- windData.hf = res.ventInfo.totalRetM3;
|
|
|
- } else {
|
|
|
- windData.jf = monitor.value ? res.ventInfo.zongjinfeng : res.ventInfo.totalIntM3;
|
|
|
- windData.hf = monitor.value ? res.ventInfo.zonghuifeng : res.ventInfo.totalRetM3;
|
|
|
+
|
|
|
+ if (res.ventInfo) {
|
|
|
+ if (showToggle.value == 'monitor') {
|
|
|
+ windData.jf = res.ventInfo.zongjinfeng;
|
|
|
+ windData.hf = res.ventInfo.zonghuifeng;
|
|
|
+ } else if (showToggle.value == 'report') {
|
|
|
+ windData.jf = res.ventInfo.totalIntM3;
|
|
|
+ windData.hf = res.ventInfo.totalRetM3;
|
|
|
+ } else {
|
|
|
+ windData.jf = monitor.value ? res.ventInfo.zongjinfeng : res.ventInfo.totalIntM3;
|
|
|
+ windData.hf = monitor.value ? res.ventInfo.zonghuifeng : res.ventInfo.totalRetM3;
|
|
|
+ }
|
|
|
+ windData.xf = res.ventInfo.xufengliang;
|
|
|
+ }
|
|
|
+ if (res.info && res.info.sysInfo) {
|
|
|
+ windData.levels = res.info.sysInfo.ventS.levels;
|
|
|
+ windData.levels['blue'] = warnNumMap.get('vent');
|
|
|
+ dustData.levels = res.info.sysInfo.dustS.levels;
|
|
|
+ dustData.levels['blue'] = warnNumMap.get('dust');
|
|
|
+ centerData.fire = res.info.sysInfo.fireS.maxLevel;
|
|
|
+ centerData.tf = res.info.sysInfo.ventS.maxLevel;
|
|
|
+ centerData.ws = res.info.sysInfo.gasS.maxLevel;
|
|
|
+ centerData.fc = res.info.sysInfo.dustS.maxLevel;
|
|
|
}
|
|
|
- windData.xf = res.ventInfo.xufengliang;
|
|
|
- dustData.levels = res.info.sysInfo.dustS.levels;
|
|
|
- dustData.levels['blue'] = warnNumMap.get('dust');
|
|
|
- centerData.fire = res.info.sysInfo.fireS.maxLevel;
|
|
|
- centerData.tf = res.info.sysInfo.ventS.maxLevel;
|
|
|
- centerData.ws = res.info.sysInfo.gasS.maxLevel;
|
|
|
- centerData.sb = res.info.deviceWarnInfo.maxLevel;
|
|
|
- centerData.fc = res.info.sysInfo.dustS.maxLevel;
|
|
|
+
|
|
|
+ if (res.info && res.info.deviceWarnInfo) centerData.sb = res.info.deviceWarnInfo.maxLevel;
|
|
|
centerData.riskLevel = res.info.riskLevel;
|
|
|
Levels = Object.assign({}, await getDisasterProportion());
|
|
|
centerData.levels =
|
|
@@ -1376,61 +1376,58 @@
|
|
|
margin: 10px auto;
|
|
|
position: relative;
|
|
|
background-image: linear-gradient(to right, #39a3ff66, #39a3ff00);
|
|
|
+ padding: 5px 0;
|
|
|
.box-item {
|
|
|
- width: 100%;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- padding: 0 20px;
|
|
|
|
|
|
.value {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
color: #2bdcff;
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.value1 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: rgb(145, 230, 9);
|
|
|
}
|
|
|
|
|
|
.value2 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
- // color: rgb(0, 242, 255);
|
|
|
color: #ffff35;
|
|
|
}
|
|
|
|
|
|
.value3 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
- // color: #ffff35;
|
|
|
color: #ff0000;
|
|
|
}
|
|
|
|
|
|
.value4 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ffbe69;
|
|
|
}
|
|
|
|
|
|
.value5 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ff6f00;
|
|
|
}
|
|
|
|
|
|
.value6 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ff0000;
|
|
|
}
|
|
@@ -1441,7 +1438,7 @@
|
|
|
}
|
|
|
|
|
|
.box-item1 {
|
|
|
- width: 50%;
|
|
|
+ width: 120px;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
@@ -1449,58 +1446,56 @@
|
|
|
padding: 0 20px;
|
|
|
|
|
|
.value {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
color: #2bdcff;
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.value1 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: rgb(145, 230, 9);
|
|
|
}
|
|
|
|
|
|
.value2 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
- // color: rgb(0, 242, 255);
|
|
|
color: #ffff35;
|
|
|
}
|
|
|
|
|
|
.value3 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
- // color: #ffff35;
|
|
|
color: #ff0000;
|
|
|
}
|
|
|
|
|
|
.value4 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ffbe69;
|
|
|
}
|
|
|
|
|
|
.value5 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ff6f00;
|
|
|
}
|
|
|
|
|
|
.value6 {
|
|
|
- font-size: 16px;
|
|
|
- font-family: 'douyuFont';
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
margin-bottom: 5px;
|
|
|
color: #ff0000;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
- font-size: 13px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
}
|