大屏environmentalScreen添加漏水传感器数据

src/views/environmentalScreen/index.vue

@@ -49,21 +49,21 @@
               <span>报警</span>
             </div>
             <ul class="leakage-list">
-              <li class="leakage-warn">
+              <li :class="{ 'leakage-warn': waterLeakage.waterLeakageStatus1 }">
                 <p><i class="iconfont icon-weihubaojing" />维护报警</p>
                 <span class="leakage-state-tip" />
               </li>
-              <li>
+              <li :class="{ 'leakage-warn': waterLeakage.waterLeakageStatus2 }">
                 <p><i class="iconfont icon-loushuibaojing" />漏水报警</p>
                 <span class="leakage-state-tip" />
               </li>
-              <li>
+              <li :class="{ 'leakage-warn': waterLeakage.waterLeakageStatus3 }">
                 <p><i class="iconfont icon-ganyingxianduanlie" />感应线断裂</p>
                 <span class="leakage-state-tip" />
               </li>
-              <li>
+              <li :class="{ 'leakage-warn': waterLeakage.waterLeakageStatus4 }">
                 <p><i class="iconfont icon-loushuiweizhi" />漏水位置</p>
-                <span>8.22</span>
+                <span>{{ waterLeakage.waterLeakageText4 }}</span>
               </li>
             </ul>
           </div>
@@ -274,6 +274,13 @@ export default {
           unit: '',
           curstatus: 0
         }
+      },
+      waterLeakage: {
+        waterLeakageStatus1: false,
+        waterLeakageStatus2: false,
+        waterLeakageStatus3: false,
+        waterLeakageStatus4: false,
+        waterLeakageText4: ''
       }
     }
   },
@@ -386,12 +393,18 @@ export default {
               const result = data.find((item) => {
                 return item.property_id === element.deviceSpecParams[0].paramId && item.device_id === element.deviceInfo.deviceId
               })
+              if (result) {
                 this.$set(this.topDisplayData, element.divPosition, {
                   show: true,
                   curValue: result.curvalue,
                   unit: result.unit,
                   curstatus: result.curstatus
                 })
+              } else {
+                this.$set(this.topDisplayData, element.divPosition, {
+                  show: false
+                })
+              }
             } else if (element.divPosition.includes('OAO')) {
               // 获取3D弹窗显示的数据
               const wenduParamId = element.deviceSpecParams.find((item) => { return item.paramName === '温度' })?.paramId
@@ -408,7 +421,7 @@ export default {
                   return item.property_id === siduParamId && item.device_id === element.deviceInfo.deviceId
                 })
               }
-              console.log(wendu?.curstatus, sidu?.curstatus)
+              // console.log(wendu?.curstatus, sidu?.curstatus)
               this.oaoMessage.push({
                 id: element.divPosition,
                 wendu: (wendu?.curvalue) ? (Math.round(wendu?.curvalue)) : '-',
@@ -417,6 +430,36 @@ export default {
               })
             } else {
               // LS 漏水感应器
+              const waterLeakageParamId1 = element.deviceSpecParams.find((item) => { return item.paramName === '维护报警' })?.paramId
+              const waterLeakageParamId2 = element.deviceSpecParams.find((item) => { return item.paramName === '漏水报警' })?.paramId
+              const waterLeakageParamId3 = element.deviceSpecParams.find((item) => { return item.paramName === '感应线断裂' })?.paramId
+              const waterLeakage4 = element.deviceSpecParams.find((item) => { return item.paramName === '漏水位置' })
+              if (waterLeakage4) {
+                this.waterLeakage.waterLeakageText4 = waterLeakage4.unit
+              }
+              const waterLeakageParamId4 = waterLeakage4?.paramId
+              if (waterLeakageParamId1) {
+                this.waterLeakage.waterLeakageStatus1 = data.find((item) => {
+                  return item.property_id === waterLeakageParamId1 && item.device_id === element.deviceInfo.deviceId
+                })?.curstatus > 0
+              }
+              if (waterLeakageParamId2) {
+                this.$set(this.waterLeakage, 'waterLeakageStatus2', data.find((item) => {
+                  return item.property_id === waterLeakageParamId2 && item.device_id === element.deviceInfo.deviceId
+                })?.curstatus > 0)
+              }
+              if (waterLeakageParamId3) {
+                this.$set(this.waterLeakage, 'waterLeakageStatus3', data.find((item) => {
+                  return item.property_id === waterLeakageParamId3 && item.device_id === element.deviceInfo.deviceId
+                })?.curstatus > 0)
+              }
+              if (waterLeakageParamId4) {
+                const waterLeakageValue4 = data.find((item) => {
+                  return item.property_id === waterLeakageParamId4 && item.device_id === element.deviceInfo.deviceId
+                })
+                this.$set(this.waterLeakage, 'waterLeakageStatus4', waterLeakageValue4?.curstatus > 0)
+                this.waterLeakage.waterLeakageText4 = waterLeakageValue4?.curvalue ? waterLeakageValue4?.curvalue + ' ' + this.waterLeakage.waterLeakageText4 : ''
+              }
             }
           })
         })