fix:空调、照明系统背景图&点阵修改 样式补充 图像素材补充 通风系统增加电动窗效果

hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/device.vue

@@ -4,14 +4,12 @@
       <div class="light-tag">
         <div class="light-tag-tit">
           <div>
-            <img src="/asset/image//bulbLogo/21962.png" alt="" />
+            <img src="/asset/image//bulbLogo/device2.png" alt="" />
             <span class="tag-text">{{
               device.regionName + ' > ' + device.deviceGroupName
             }}</span></div
           >
-          <button class="right-button" :class="getClass(record)">{{
-            record.runStatus.value != 0 ? record.runStatus.label : record.switchStatus.label
-          }}</button>
+          <button class="right-button" :class="getClass(record)">{{ getLabel(record) }}</button>
         </div>
         <div class="light-tag-box">
           <div class="tag-box-item">
@@ -21,7 +19,7 @@
           </div>
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
-            <span class="title-text">温度</span>
+            <span class="title-text">温&nbsp;度</span>
             <span class="result">{{ record.temp + record.tempUnit }}</span>
           </div>
           <div class="tag-box-item">
@@ -31,7 +29,7 @@
           </div>
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
-            <span class="title-text">风速</span>
+            <span class="title-text">风&nbsp;速</span>
             <span class="result">{{ record.windSpeed + record.windSpeedUnit }}</span>
           </div>
         </div>
@@ -56,7 +54,7 @@
         class="icon-item"
         src="/asset/image/bulbLogo/repair1.png"
         alt="" />
-      <!-- 警告=3 -->
+      <!-- 告警=3 -->
       <img
         v-if="record?.runStatus?.value == 3"
         class="icon-item"
@@ -92,6 +90,22 @@
       return 'button-off';
     }
   };
+  const getLabel = (record: any) => {
+    console.log(record);
+    let runState = record.runStatus.value;
+    let switchState = record.switchStatus.value;
+    if (runState == 3) {
+      return '告警';
+    } else if (runState == 2) {
+      return '维修';
+    } else if (runState == 1) {
+      return '故障';
+    } else if (runState == 0 && switchState == 1) {
+      return '开启';
+    } else if (runState == 0 && switchState == 0) {
+      return '关闭';
+    }
+  };
 </script>
 <style lang="less" scoped>
   .icon-box {
@@ -119,14 +133,16 @@
     .light-tag-tit {
       display: flex;
       justify-content: space-between;
-      vertical-align: middle;
       height: 30px;
-
+      img {
+        width: 22px;
+      }
       .tag-text {
         font-size: 16px;
         font-weight: 700;
         color: white;
         padding-left: 10px;
+        vertical-align: middle;
       }
 
       .right-button {
@@ -170,7 +186,7 @@
     .tag-box-item {
       position: relative;
       display: flex;
-      justify-content: space-between;
+      // justify-content: space-between;
 
       img {
         width: 120px;
@@ -179,8 +195,8 @@
 
       .title-text {
         position: absolute;
-        left: 53px;
-        top: 13px;
+        left: 55px;
+        top: 15px;
         color: rgba(64, 255, 252, 1);
       }
 
@@ -189,6 +205,7 @@
         font-size: 14px;
         font-weight: 700;
         color: white;
+        text-align: left;
       }
     }
   }