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

hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/components/fanControl.vue

@@ -36,8 +36,10 @@
   <!-- 设备部分 -->
   <div>
     <div class="circuit-area">
-      <div class="circuit-tab"></div>
-      <span class="circuit-text">{{ props.type }}</span>
+      <div>
+        <div class="circuit-tab"></div>
+        <span class="circuit-text">{{ props.type }}</span>
+      </div>
       <div class="btn2">
         <a-switch
           v-model:checked="selectAllCheckbox"

hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/components/tabs1.less

@@ -91,7 +91,6 @@
   .btn2 {
     display: flex;
     align-items: center;
-    margin-left: 80px;
   }
 
   .openzm {
@@ -214,6 +213,7 @@
 
   .circuit-tab,
   .circuit-text {
+    vertical-align: middle;
     display: inline-block;
   }
 
@@ -410,6 +410,9 @@
     display: flex;
     align-items: center;
   }
+  .circuit-area {
+    justify-content: space-between;
+  }
 
   .zmhlbtn {
     position: relative;

hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="box-ventilationSystem">
+  <div :class="selectIndex == 6 ? 'box-ventilationSystem1' : 'box-ventilationSystem'">
     <div class="legend-box">
       <template v-for="(item, index) in legend" :key="index">
         <div class="legend-box-item" @click="selectLegend(item, index)">
@@ -652,6 +652,16 @@
     background-repeat: no-repeat;
     position: relative;
   }
+  .box-ventilationSystem1 {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+    background-image: url('../image/ventilationSystem/ventilationSystemBg1.png');
+    background-size: 100% 99.9%;
+    background-repeat: no-repeat;
+    position: relative;
+  }
   .zep-enter-active,
   .zep-leave-active {
     animation-duration: 0.6s; /* 增加动画持续时间 */