[Mod 0000] 公司端首页各个模块修改

src/views/vent/home/clique/components/risk-warn.vue

@@ -44,19 +44,7 @@
                             </svg>
                         </div> -->
             <div class="text-box">
-              <div class="text1">{{
-                centerData.levels == 101
-                  ? '正常'
-                  : centerData.levels == 102
-                  ? '低风险'
-                  : centerData.levels == 103
-                  ? '中风险'
-                  : centerData.levels == 104
-                  ? '高风险'
-                  : centerData.levels == 201
-                  ? '报警'
-                  : '--'
-              }}</div>
+              <div class="text1">{{ parseLevel(centerData.levels) }}</div>
               <div class="text2">风险分析</div>
             </div>
             <div class="icon-animation"></div>
@@ -69,7 +57,7 @@
               </div>
               <div class="item-monitor-box">
                 <span class="title">火灾监测</span>
-                <span class="value" :class="calcTextColor(centerData.fire)">{{ centerData.fire }}</span>
+                <span class="value" :class="`value${centerData.tf}`">{{ parseLevel(centerData.fire) }}</span>
               </div>
             </div>
             <div class="item item2">
@@ -78,7 +66,7 @@
               </div>
               <div class="item-monitor-box">
                 <span class="title">设备监测</span>
-                <span class="value" :class="calcTextColor(centerData.fire)">{{ centerData.sb }}</span>
+                <span class="value" :class="`value${centerData.tf}`">{{ parseLevel(centerData.sb) }}</span>
               </div>
             </div>
             <div class="item item3">
@@ -87,7 +75,7 @@
               </div>
               <div class="item-monitor-box">
                 <span class="title">瓦斯监测</span>
-                <span class="value" :class="calcTextColor(centerData.fire)">{{ centerData.ws }}</span>
+                <span class="value" :class="`value${centerData.tf}`">{{ parseLevel(centerData.ws) }}</span>
                 <!-- <div class="">
                                     <span class="title">矿井瓦斯鉴定等级监测</span>
                                     <span class="value">低瓦斯</span>
@@ -100,7 +88,7 @@
               </div>
               <div class="item-monitor-box">
                 <span class="title">粉尘监测</span>
-                <span class="value" :class="calcTextColor(centerData.fire)">{{ centerData.fc }}</span>
+                <span class="value" :class="`value${centerData.tf}`">{{ parseLevel(centerData.fc) }}</span>
               </div>
             </div>
             <div class="item item5">
@@ -109,7 +97,7 @@
               </div>
               <div class="item-monitor-box">
                 <span class="title">通风监测</span>
-                <span class="value" :class="calcTextColor(centerData.fire)">{{ centerData.tf }}</span>
+                <span class="value" :class="`value${centerData.tf}`">{{ parseLevel(centerData.tf) }}</span>
               </div>
             </div>
           </div>
@@ -151,11 +139,11 @@
     selectVal.value = val;
     let datas = warnData.value.filter((v) => v.orgname == selectVal.value)[0];
     centerData.levels = datas.sys_warndata.info.sysInfo.synthesizeS.maxLevel;
-    centerData.fire = datas.sys_warndata.info.sysInfo.fireS.maxLevel_str;
-    centerData.sb = datas.sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel_str;
-    centerData.ws = datas.sys_warndata.info.sysInfo.gasS.maxLevel_str;
-    centerData.fc = datas.sys_warndata.info.sysInfo.dustS.maxLevel_str;
-    centerData.tf = datas.sys_warndata.info.sysInfo.ventS.maxLevel_str;
+    centerData.fire = datas.sys_warndata.info.sysInfo.fireS.maxLevel;
+    centerData.sb = datas.sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel;
+    centerData.ws = datas.sys_warndata.info.sysInfo.gasS.maxLevel;
+    centerData.fc = datas.sys_warndata.info.sysInfo.dustS.maxLevel;
+    centerData.tf = datas.sys_warndata.info.sysInfo.ventS.maxLevel;
   }
 
   watch(
@@ -171,19 +159,19 @@
         if (selectVal.value) {
           let datas = newE.filter((v) => v.orgname == selectVal.value)[0];
           centerData.levels = datas.sys_warndata.info.sysInfo.synthesizeS.maxLevel;
-          centerData.fire = datas.sys_warndata.info.sysInfo.fireS.maxLevel_str;
-          centerData.sb = datas.sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel_str;
-          centerData.ws = datas.sys_warndata.info.sysInfo.gasS.maxLevel_str;
-          centerData.fc = datas.sys_warndata.info.sysInfo.dustS.maxLevel_str;
-          centerData.tf = datas.sys_warndata.info.sysInfo.ventS.maxLevel_str;
+          centerData.fire = datas.sys_warndata.info.sysInfo.fireS.maxLevel;
+          centerData.sb = datas.sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel;
+          centerData.ws = datas.sys_warndata.info.sysInfo.gasS.maxLevel;
+          centerData.fc = datas.sys_warndata.info.sysInfo.dustS.maxLevel;
+          centerData.tf = datas.sys_warndata.info.sysInfo.ventS.maxLevel;
         } else {
           selectVal.value = selectList[0].value;
           centerData.levels = newE[0].sys_warndata.info.sysInfo.synthesizeS.maxLevel;
-          centerData.fire = newE[0].sys_warndata.info.sysInfo.fireS.maxLevel_str;
-          centerData.sb = newE[0].sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel_str;
-          centerData.ws = newE[0].sys_warndata.info.sysInfo.gasS.maxLevel_str;
-          centerData.fc = newE[0].sys_warndata.info.sysInfo.dustS.maxLevel_str;
-          centerData.tf = newE[0].sys_warndata.info.sysInfo.ventS.maxLevel_str;
+          centerData.fire = newE[0].sys_warndata.info.sysInfo.fireS.maxLevel;
+          centerData.sb = newE[0].sys_warndata.info.sysInfo.deviceWarnInfo.maxLevel;
+          centerData.ws = newE[0].sys_warndata.info.sysInfo.gasS.maxLevel;
+          centerData.fc = newE[0].sys_warndata.info.sysInfo.dustS.maxLevel;
+          centerData.tf = newE[0].sys_warndata.info.sysInfo.ventS.maxLevel;
         }
       }
     },
@@ -193,20 +181,23 @@
     }
   );
 
-  function calcTextColor(str: string) {
-    switch (str) {
-      case '正常':
-        return '';
-      case '低风险':
-        return '';
-      case '一般风险':
-        return 'value-yellow';
-      case '较高风险':
-        return 'value-orange';
-      case '高风险':
-        return 'value-red';
+  function parseLevel(lv: string) {
+    const l = parseInt(lv);
+    switch (l) {
+      case 0:
+        return '低风险';
+      case 101:
+        return '低风险';
+      case 102:
+        return '一般风险';
+      case 103:
+        return '较大风险';
+      case 104:
+        return '重大风险';
+      case 201:
+        return '报警';
       default:
-        return '';
+        return '低风险';
     }
   }
 
@@ -571,11 +562,11 @@
               }
 
               .item-monitor-box {
-                width: 112px;
+                width: 142px;
                 color: #fff;
                 position: relative;
                 top: -58px;
-                left: -16px;
+                left: -21px;
                 font-weight: 600;
 
                 padding: 0px 5px 0px 5px;
@@ -593,27 +584,24 @@
 
                 .value {
                   color: #2bdcff;
-                  margin-left: 10px;
+                  margin-left: 5px;
                 }
 
-                .value-red {
+                .value104 {
                   font-size: 16px;
                   font-weight: 800;
-                  margin-top: 6px;
                   color: #ff0000;
                   animation: color-blink 1s infinite;
                 }
-                .value-orange {
+                .value103 {
                   font-size: 16px;
                   font-weight: 800;
-                  margin-top: 6px;
                   color: #ff8800;
                   animation: color-blink 1s infinite;
                 }
-                .value-yellow {
+                .value102 {
                   font-size: 16px;
                   font-weight: 800;
-                  margin-top: 6px;
                   color: #ffff00;
                   animation: color-blink 1s infinite;
                 }

src/views/vent/home/clique/components/scene-key.vue

@@ -52,7 +52,7 @@
     { label: '总阻力', value: 0 },
     // { label: '总进风', value: 0 },
     { label: '总风量', value: 0 },
-    { label: '等级孔', value: 0 },
+    { label: '等积孔', value: 0 },
   ]);
 
   let selectVal = ref('');