Explorar o código

fix: 环境数据格式化

chenzhen2 %!s(int64=2) %!d(string=hai) anos
pai
achega
f265d59577
Modificáronse 1 ficheiros con 52 adicións e 32 borrados
  1. 52 32
      src/views/envmonitor/index.vue

+ 52 - 32
src/views/envmonitor/index.vue

@@ -35,7 +35,11 @@
         <div class="space-env">
         <div class="space-env">
           <div
           <div
             class="env-item"
             class="env-item"
-            :style="[{ background: item.bgColor },{opacity: item.bgColor?0.8:''},{borderRadius:item.bgColor?'25px':''}]"
+            :style="[
+              { background: item.bgColor ? item.bgColor : '' },
+              { opacity: item.bgColor ? 0.8 : '' },
+              { borderRadius: item.bgColor ? '25px' : '' },
+            ]"
             :class="index == 1 ? 'env-color' : ''"
             :class="index == 1 ? 'env-color' : ''"
             :key="'env' + index"
             :key="'env' + index"
             v-for="(item, index) in envlist"
             v-for="(item, index) in envlist"
@@ -804,24 +808,56 @@ export default defineComponent({
       },
       },
       // 设置环境参数的背景颜色
       // 设置环境参数的背景颜色
       setEnvBg(key: any, text: any) {
       setEnvBg(key: any, text: any) {
-        let bgColor: any =`linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
+        let bgColor: any = "";
         if (key === "humidity") {
         if (key === "humidity") {
           // 湿度
           // 湿度
           if (text === "干燥" || text === "潮湿") {
           if (text === "干燥" || text === "潮湿") {
-            bgColor = `linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%)";
           } else {
           } else {
             bgColor = "";
             bgColor = "";
           }
           }
         } else if (key === "hcho") {
         } else if (key === "hcho") {
           // 甲醛
           // 甲醛
           if (text === "超标") {
           if (text === "超标") {
-            bgColor = `linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%)";
+          } else {
+            bgColor = "";
+          }
+        } else if (key === "co2") {
+          if (text === "略高") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0.5) 0%, #CD0B00 100%)";
+          } else if (text === "超标") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 1) 0%, #CD0B00 100%)";
+          } else {
+            bgColor = "";
+          }
+        } else if (key === "pm25") {
+          if (text === "良") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0.2) 0%, #CD0B00 100%)";
+          } else if (text === "轻度污染") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0.4) 0%, #CD0B00 100%)";
+          } else if (text === "中度污染") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0.6) 0%, #CD0B00 100%)";
+          } else if (text === "重度污染") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 0.8) 0%, #CD0B00 100%)";
+          } else if (text === "严重污染") {
+            bgColor =
+              "linear-gradient(180deg, rgba(205, 11, 0, 1) 0%, #CD0B00 100%)";
           } else {
           } else {
             bgColor = "";
             bgColor = "";
           }
           }
         }
         }
         return bgColor;
         return bgColor;
       },
       },
+      // 格式化环境数据(处理环境数据展示的级别)
       checkLevel(value: string, name: string) {
       checkLevel(value: string, name: string) {
         let objList = {
         let objList = {
           humidity: {
           humidity: {
@@ -872,7 +908,6 @@ export default defineComponent({
       },
       },
       // 空间信息数据格式化
       // 空间信息数据格式化
       formatSpaceInfo(content: any = []) {
       formatSpaceInfo(content: any = []) {
-        proxyData.realEevList = [];
         for (let i = 0; i < content.length; i++) {
         for (let i = 0; i < content.length; i++) {
           let item = content[i];
           let item = content[i];
           if (item.co2 || item.co2 == 0) {
           if (item.co2 || item.co2 == 0) {
@@ -881,8 +916,9 @@ export default defineComponent({
             proxyData.envlist[1].bgColor = obj.bgColor;
             proxyData.envlist[1].bgColor = obj.bgColor;
             proxyData.envlist[1].num = item.co2;
             proxyData.envlist[1].num = item.co2;
           } else {
           } else {
-            proxyData.envlist[1].level = "";
-            proxyData.envlist[1].num = "";
+            proxyData.envlist[1].level = "--";
+            proxyData.envlist[1].num = "--";
+            proxyData.envlist[1].bgColor = "";
           }
           }
           if (item.pm25 || item.pm25 === 0) {
           if (item.pm25 || item.pm25 === 0) {
             let obj: any = proxyData.checkLevel(item.pm25, "pm25");
             let obj: any = proxyData.checkLevel(item.pm25, "pm25");
@@ -890,8 +926,9 @@ export default defineComponent({
             proxyData.envlist[2].bgColor = obj.bgColor;
             proxyData.envlist[2].bgColor = obj.bgColor;
             proxyData.envlist[2].num = item.pm25;
             proxyData.envlist[2].num = item.pm25;
           } else {
           } else {
-            proxyData.envlist[2].level = "";
-            proxyData.envlist[2].num = "";
+            proxyData.envlist[2].level = "--";
+            proxyData.envlist[2].num = "--";
+            proxyData.envlist[2].bgColor = "";
           }
           }
           if (item.hcho || item.hcho == 0) {
           if (item.hcho || item.hcho == 0) {
             let obj: any = proxyData.checkLevel(item.hcho, "hcho");
             let obj: any = proxyData.checkLevel(item.hcho, "hcho");
@@ -899,8 +936,9 @@ export default defineComponent({
             proxyData.envlist[0].bgColor = obj.bgColor;
             proxyData.envlist[0].bgColor = obj.bgColor;
             proxyData.envlist[0].num = item.hcho.toFixed(2);
             proxyData.envlist[0].num = item.hcho.toFixed(2);
           } else {
           } else {
-            proxyData.envlist[0].level = "";
-            proxyData.envlist[0].num = "";
+            proxyData.envlist[0].level = "--";
+            proxyData.envlist[0].num = "--";
+            proxyData.envlist[0].bgColor = "";
           }
           }
           if (item.humidity || item.humidity == 0) {
           if (item.humidity || item.humidity == 0) {
             let obj: any = proxyData.checkLevel(item.humidity, "humidity");
             let obj: any = proxyData.checkLevel(item.humidity, "humidity");
@@ -908,18 +946,11 @@ export default defineComponent({
             proxyData.envlist[3].bgColor = obj.bgColor;
             proxyData.envlist[3].bgColor = obj.bgColor;
             proxyData.envlist[3].num = item.humidity.toFixed(0);
             proxyData.envlist[3].num = item.humidity.toFixed(0);
           } else {
           } else {
-            proxyData.envlist[3].level = "";
-            proxyData.envlist[3].num = "";
+            proxyData.envlist[3].level = "--";
+            proxyData.envlist[3].num = "--";
+            proxyData.envlist[3].bgColor = "";
           }
           }
         }
         }
-        // 只展示有数据的(之江定制)
-        for (let i = 0; i < proxyData.envlist.length; i++) {
-          if (proxyData.envlist[i].num) {
-            proxyData.realEevList.push(proxyData.envlist[i]);
-          }
-        }
-        // 切换空间修改底部的位置
-        proxyData.updateBottomPerstion();
       },
       },
       // 获取会议室场景(如果是会议室的才调此接口)
       // 获取会议室场景(如果是会议室的才调此接口)
       getPageMeetingSceneHttp() {
       getPageMeetingSceneHttp() {
@@ -1257,17 +1288,6 @@ export default defineComponent({
           Toast("您没有当前空间的控制权限!");
           Toast("您没有当前空间的控制权限!");
         }
         }
       },
       },
-      /**
-       *  当没有环境参数的时候更新页面的位置
-       */
-      updateBottomPerstion() {
-        if (proxyData.isBottom) {
-          let ele: any = document.getElementById("envContent");
-          let houseEle: any = document.getElementById("houseDes");
-          let houseHeight: any = houseEle.offsetHeight;
-          ele.style.top = screenHeight - houseHeight + "px";
-        }
-      },
       // 切换空间
       // 切换空间
       triggerCheckSpace() {
       triggerCheckSpace() {
         let ele: any = document.getElementById("envContent");
         let ele: any = document.getElementById("envContent");