diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/dialogStyle.less b/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/dialogStyle.less
index 382533c..3d550c5 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/dialogStyle.less
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/dialogStyle.less
@@ -45,7 +45,12 @@
         border: 2px solid transparent;
         border-image: linear-gradient(to bottom, #0077ff, #00f6ff, #000000) 1;
         .title-img {
-          padding-top: 6px;
+          margin-top: 6px;
+        }
+        .title-text {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
         }
       }
       .imgText {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
index 299f4cb..f66f48a 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
@@ -2,14 +2,13 @@
   <div style="width: 100%; height: 100%; display: flex; overflow: hidden">
     <div class="legend-box">
       <template v-for="(item, index) in legend" :key="index">
-        <div
-          class="legend-box-item"
-          :style="{
-            'background-image': selectIndex === index ? 'url(' + selectImg + ')' : '',
-          }"
-          @click="selectLegend(item, index)">
-          <div class="legend-box-item-img">
-            <img style="width: 42px" :src="item.url" />
+        <div class="legend-box-item" @click="selectLegend(item, index)">
+          <div
+            class="legend-box-item-img"
+            :style="{
+              'background-image': selectIndex === index ? 'url(' + selectImg + ')' : '',
+            }">
+            <img :src="item.url" />
           </div>
           <div class="legend-box-item-name">
             {{ item.name }}
@@ -169,11 +168,11 @@
 <script setup lang="ts">
   import { ref, onMounted, onUnmounted } from 'vue';
   /* 图片 */
-  import temperature from '../image/airConditioningSystem/temperature.png';
-  import people from '../image/airConditioningSystem/people.png';
-  import freshAir from '../image/airConditioningSystem/freshAir.png';
-  import airConditioner from '../image/airConditioningSystem/airConditioner.png';
-  import floorHeating from '../image/airConditioningSystem/floorHeating.png';
+  import temperature from '../image/airConditioningSystem/temperature.svg';
+  import people from '../image/airConditioningSystem/people.svg';
+  import freshAir from '../image/airConditioningSystem/freshAir.svg';
+  import airConditioner from '../image/airConditioningSystem/airConditioner.svg';
+  import floorHeating from '../image/airConditioningSystem/floorHeating.svg';
   import selectImg from '../image/airConditioningSystem/selectImg.png';
   // 温泉颜色
   import sunRed from '../image/airConditioningSystem/sunRed.png';
@@ -524,36 +523,71 @@
 </script>
 <style lang="less">
   .legend-box {
-    width: 5%;
+    width: 80px;
     height: 100%;
     background-color: rgba(33, 40, 54, 0.95);
-    border-radius: 4px 0px 0px 4px;
-    padding: 4px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 15px 5px;
     .legend-box-item {
-      width: 100%;
-      height: 90px;
-      padding: 10px 0;
-      cursor: pointer;
-      background-size: 75%;
-      background-repeat: no-repeat;
-      background-position: center; /* 把图片背景居中 */
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 70px;
+      height: 70px;
       .legend-box-item-img {
-        width: 100%;
-        height: 50px;
-        display: flex;
-        justify-content: center; /* 水平居中 */
-        align-items: center; /* 垂直居中 */
+        width: 50px;
+        height: 60px;
+        padding-top: 5px;
+        flex: 1;
+        cursor: pointer;
+        background-size: 100% 100%;
+        text-align: center;
+        img {
+          transition: all ease 0.2s;
+        }
+        img:hover {
+          transform: scale(1.1);
+        }
       }
       .legend-box-item-name {
-        width: 100%;
-        display: flex;
-        justify-content: center; /* 水平居中 */
-        align-items: center; /* 垂直居中 */
+        transform: translateY(-5px);
+        text-align: center;
         color: white;
-        font-size: 12px;
-        margin-top: 6px;
+        font-size: 13px;
       }
     }
+    // .legend-box-item {
+    //   border: 1px solid red;
+    //   width: 100%;
+    //   height: 60px;
+    //   padding: 0px 0;
+    //   cursor: pointer;
+    //   .legend-box-item-img {
+    //     border: 2px solid orange;
+    //     width: 100%;
+    //     height: 50px;
+    //     display: flex;
+    //     justify-content: center; /* 水平居中 */
+    //     align-items: center; /* 垂直居中 */
+    //     position: relative;
+    //     background-size: 150% 150%;
+    //     background-repeat: no-repeat;
+    //     img {
+    //       position: absolute;
+    //       transform: scale(1.2);
+    //     }
+    //   }
+    //   .legend-box-item-name {
+    //     width: 100%;
+    //     display: flex;
+    //     justify-content: center; /* 水平居中 */
+    //     align-items: center; /* 垂直居中 */
+    //     color: white;
+    //     font-size: 12px;
+    //   }
+    // }
   }
   .map-box {
     width: 95%;
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.png
deleted file mode 100644
index b1b9ea6..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.svg b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.svg
new file mode 100644
index 0000000..bf3a433
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23616" data-name="组 23616" transform="translate(-1080.919 -410.333)">
+    <g id="组_23408" data-name="组 23408" transform="translate(179.349 -27.487)">
+      <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+        <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+          <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+            <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+              <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+              <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+              <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+            </g>
+            <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+            <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="组_23601" data-name="组 23601" transform="translate(914.719 359.997)">
+      <path id="路径_30239" data-name="路径 30239" d="M190.167,59.733H180.114a.9.9,0,0,0-.914.914V74.966a.917.917,0,0,0,.914.914h10.023a.9.9,0,0,0,.914-.914V60.647a.873.873,0,0,0-.883-.914Zm-6.58,10.054h-.792a.457.457,0,0,1,0-.914h.792a.457.457,0,0,1,0,.914Zm6.58-3.96H180.114V60.647h10.054Z" transform="translate(0)" fill="#0dffff"/>
+      <path id="路径_30240" data-name="路径 30240" d="M356.236,231.314h-.792a.457.457,0,0,1,0-.914h.792a.457.457,0,1,1,0,.914Z" transform="translate(-172.649 -167.62)" fill="#0dffff"/>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.png
deleted file mode 100644
index 1c926bb..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.svg b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.svg
new file mode 100644
index 0000000..ea8fe7e
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="哇哇哇哇" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <path id="路径_30969" data-name="路径 30969" d="M2.538,0A1.015,1.015,0,0,0,1.523,1.015V12.2a1.015,1.015,0,1,0,2.03,0V1.015A1.015,1.015,0,0,0,2.538,0M5.075,0H4.994A1.015,1.015,0,0,0,3.979,1.015V12.2a1.015,1.015,0,0,0,1.015,1.015h.081A1.015,1.015,0,0,0,6.09,12.2V1.015A1.015,1.015,0,0,0,5.075,0M7.613,0A1.015,1.015,0,0,0,6.6,1.015V12.2a1.015,1.015,0,1,0,2.03,0V1.015A1.015,1.015,0,0,0,7.613,0m2.538,0A1.015,1.015,0,0,0,9.135,1.015V12.2a1.015,1.015,0,1,0,2.03,0V1.015A1.015,1.015,0,0,0,10.151,0m2.538,0a1.015,1.015,0,0,0-1.015,1.015V12.2a1.015,1.015,0,0,0,2.03,0V1.015A1.015,1.015,0,0,0,12.688,0M0,4.06A1.015,1.015,0,0,0,1.015,5.075V3.045A1.015,1.015,0,0,0,0,4.06m0,5.6a1.015,1.015,0,0,0,1.015,1.015V8.641A1.015,1.015,0,0,0,0,9.656M14.23,8.641v2.03a1.015,1.015,0,0,0,0-2.03Zm0-5.59V5.075a1.015,1.015,0,0,0,0-2.03" transform="translate(12 10.76)" fill="#0dffff"/>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.png
deleted file mode 100644
index c62d11e..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.svg b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.svg
new file mode 100644
index 0000000..c321d14
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="_123" data-name="123" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <g id="组_23600" data-name="组 23600" transform="translate(11.099 9.004)">
+        <path id="路径_30237" data-name="路径 30237" d="M17.206,13.929l-6.519-5.9a1.272,1.272,0,0,0-1.745,0l-6.519,5.9a.859.859,0,0,0,.565,1.489h.667v6.468a1.03,1.03,0,0,0,1.027,1.027h9.855a1.03,1.03,0,0,0,1.027-1.027V15.418h1.129a.836.836,0,0,0,.513-1.489Zm-4.414,5.39a3.505,3.505,0,0,1-3.285,1.54V18.7a1.3,1.3,0,0,1-.77-.308L7.35,19.884S5.862,19.216,5.862,16.7H8.018a1.3,1.3,0,0,1,.308-.873l-1.54-1.437A3.625,3.625,0,0,1,10.071,12.9v2.156a1.668,1.668,0,0,1,.873.359l1.489-1.54s1.386.821,1.386,3.285H11.662a.976.976,0,0,1-.257.667l1.386,1.489Z" transform="translate(-2.147 -7.68)" fill="#0dffff"/>
+        <path id="路径_30238" data-name="路径 30238" d="M454.795,567.435m-.821,0a.821.821,0,1,0,.821-.821A.821.821,0,0,0,453.974,567.435Z" transform="translate(-447.179 -558.208)" fill="#0dffff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.png
deleted file mode 100644
index 58b80c7..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.svg b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.svg
new file mode 100644
index 0000000..f90e79a
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23408" data-name="组 23408" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <path id="减去_1091" data-name="减去 1091" d="M12.737,15.289H5.349A3.124,3.124,0,0,1,2.395,11.15l.388-1.128A4.462,4.462,0,0,1,7,7.012h5.45a3.968,3.968,0,0,1,2.5.8l.083.06a.155.155,0,0,1-.081.279l-.043,0a1.558,1.558,0,0,0-.412-.044h-.1a3.783,3.783,0,0,0-1.664,7.182Zm1.8-.511h-.073a2.9,2.9,0,0,1,0-5.794h.073a2.9,2.9,0,0,1,0,5.795Zm-1.249-4.239h0l-1.439.869.655.106a3.87,3.87,0,0,0-.065.741,2.024,2.024,0,0,0,2.122,1.787,1.96,1.96,0,0,0,.44-.048,2.256,2.256,0,0,1-1.545-1.934,1.36,1.36,0,0,1,.025-.328l.853.111-.524-.652-.521-.652ZM14.5,12.212h0l.546.63.546.63.717-.459.675-.433-.652-.087a2.783,2.783,0,0,0,.041-.741,2.161,2.161,0,0,0-2.611-1.676,2.227,2.227,0,0,1,1.586,1.893,1.816,1.816,0,0,1,0,.328l-.848-.086ZM1.484,10.4h0l-.086,0a.722.722,0,0,1-.269-.068,1.7,1.7,0,0,1-1.078-2L.089,8.2.3,7.6A2.387,2.387,0,0,1,2.4,5.987l.161-.005H4.781l.054.008a.211.211,0,0,1,.055.386A6.621,6.621,0,0,0,2.641,8.324a7.045,7.045,0,0,0-.832,1.844.311.311,0,0,1-.263.229Zm8.153-4.19a3.1,3.1,0,1,1,3.1-3.1A3.109,3.109,0,0,1,9.637,6.209ZM4.068,5.553A1.665,1.665,0,1,1,5.733,3.888,1.667,1.667,0,0,1,4.068,5.553Z" transform="translate(10.784 9.438)" fill="#0dffff"/>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.png
deleted file mode 100644
index 101b5b1..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.svg b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.svg
new file mode 100644
index 0000000..d1590a0
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" transform="translate(0 0)" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23608" data-name="组 23608" transform="translate(-901.57 -437.538)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.538)">
+      <g id="蒙版组_396" data-name="蒙版组 396" transform="translate(0 0)" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.286)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 50.198) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.42.794a.8.8,0,0,0-.689.4L.9,13.1a.8.8,0,0,0,0,.79L7.731,25.806a.8.8,0,0,0,.689.4H22.064a.8.8,0,0,0,.689-.4l6.831-11.911a.8.8,0,0,0,0-.79L22.753,1.193a.8.8,0,0,0-.689-.4H8.42M8.42,0H22.064a1.588,1.588,0,0,1,1.378.8l6.831,11.911a1.588,1.588,0,0,1,0,1.58L23.442,26.2a1.588,1.588,0,0,1-1.378.8H8.42a1.588,1.588,0,0,1-1.378-.8L.21,14.289a1.588,1.588,0,0,1,0-1.58L7.042.8A1.588,1.588,0,0,1,8.42,0Z" transform="translate(5.148 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.593,1a1,1,0,0,0-.867.5L1.131,16.487a1,1,0,0,0,0,.994L9.726,32.466a1,1,0,0,0,.867.5H27.759a1,1,0,0,0,.867-.5l8.595-14.986a1,1,0,0,0,0-.994L28.626,1.5a1,1,0,0,0-.867-.5H10.593m0-1H27.759a2,2,0,0,1,1.733,1L38.087,15.99a2,2,0,0,1,0,1.988L29.493,32.964a2,2,0,0,1-1.733,1H10.593a2,2,0,0,1-1.733-1L.265,17.978a2,2,0,0,1,0-1.988L8.86,1A2,2,0,0,1,10.593,0Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M18.9,0l8.595,14.986a2,2,0,0,1,0,1.988L18.9,31.96a2,2,0,0,1-1.733,1H0Z" transform="translate(9.676 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.8" rx="0.4" transform="translate(20.999 41.226)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.8" rx="0.4" transform="translate(20.999 8.226)" fill="#14ffff"/>
+        </g>
+      </g>
+      <path id="路径_30559" data-name="路径 30559" d="M16.349,8.773a.493.493,0,0,1-.493-.493A7.578,7.578,0,0,0,8.5.99.495.495,0,0,1,8.5,0h.094a8.555,8.555,0,0,1,8.235,8.165.517.517,0,0,1,0,.115.493.493,0,0,1-.493.493Zm-3.635-.2A4.428,4.428,0,1,1,8.287,4.14a4.428,4.428,0,0,1,4.428,4.436Zm-8.9-3.7L2.627,3.7a.591.591,0,1,1,.821-.821L4.632,4.058a.591.591,0,1,1-.821.821ZM3.132,8.535a.591.591,0,0,1-.587.591H.873a.591.591,0,0,1,0-1.183H2.545a.587.587,0,0,1,.587.587ZM3.81,12.19a.591.591,0,0,1,.821.821l-1.171,1.2a.591.591,0,1,1-.821-.821L3.822,12.2ZM8.287,13.7a.591.591,0,0,1,.591.591v1.676a.591.591,0,1,1-1.179,0v-1.68a.591.591,0,0,1,.587-.591Zm4.481-1.516,1.183,1.183a.591.591,0,0,1-.821.821l-1.2-1.171a.591.591,0,0,1,.821-.821Zm1.027-4.054V8.083h-.029A5.508,5.508,0,0,0,8.583,3.064a.542.542,0,0,1,.049-1.08.55.55,0,0,1,.144,0,6.97,6.97,0,0,1,6.1,5.992v.148a.542.542,0,1,1-1.08,0Z" transform="translate(11.218 9.308)" fill="#0dffff"/>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.png b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.png
deleted file mode 100644
index 97dc82e..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.svg
new file mode 100644
index 0000000..8af51bb
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_234qqqq08" data-name="组 234qqqq08" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <g id="组_23420" data-name="组 23420" transform="translate(10.561 10.596)">
+        <path id="路径_30582" data-name="路径 30582" d="M507.613,476.587q-.542,0-.541.85v1.32q0,.842.527.843.555,0,.554-.811v-1.3q0-.905-.541-.9Z" transform="translate(-498.084 -470.787)" fill="#0dffff"/>
+        <path id="路径_30583" data-name="路径 30583" d="M17.08,155.462a4.156,4.156,0,0,0-1.754-1.375,6.2,6.2,0,0,0-12-.233,4.118,4.118,0,0,0,.792,8.16h9.637a4.116,4.116,0,0,0,3.323-6.552Zm-9.71,2.891a.977.977,0,0,1-.894.408,1.226,1.226,0,0,1-1.04-.388,2.169,2.169,0,0,1-.289-1.286v-.862a2.181,2.181,0,0,1,.3-1.334,1.179,1.179,0,0,1,.965-.374,1.1,1.1,0,0,1,.9.332,1.583,1.583,0,0,1,.276,1.026H6.839a1.516,1.516,0,0,0-.077-.559.288.288,0,0,0-.291-.183q-.539,0-.538.849v1.32a1.16,1.16,0,0,0,.138.65.466.466,0,0,0,.406.194.312.312,0,0,0,.3-.2,1.842,1.842,0,0,0,.1-.708h.761a2.077,2.077,0,0,1-.261,1.119Zm3.484-1.261a2.189,2.189,0,0,1-.289,1.286,1.2,1.2,0,0,1-1.026.382,1.277,1.277,0,0,1-1.027-.366,2.069,2.069,0,0,1-.31-1.307v-.811A2.266,2.266,0,0,1,8.51,154.9a1.244,1.244,0,0,1,1.019-.377,1.158,1.158,0,0,1,1.061.424,2.585,2.585,0,0,1,.265,1.334v.816ZM12.7,158.3v.373H11.3a2.02,2.02,0,0,1,.082-.573,1.83,1.83,0,0,1,.411-.576l.224-.235a1.139,1.139,0,0,0,.191-.237.53.53,0,0,0,.049-.254c0-.2-.076-.3-.23-.3a.211.211,0,0,0-.213.1.988.988,0,0,0-.047.373h-.446v-.1q0-.746.7-.746a.7.7,0,0,1,.534.191.658.658,0,0,1,.177.469.976.976,0,0,1-.315.7l-.363.378a.7.7,0,0,0-.248.435H12.7Z" transform="translate(0 -149.333)" fill="#0dffff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.png b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.png
deleted file mode 100644
index 65dfead..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.svg
new file mode 100644
index 0000000..ddd9d4c
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23408qqww" data-name="组 23408qqww" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <g id="组_23422" data-name="组 23422" transform="translate(10.89 11.753)">
+        <path id="路径_30586" data-name="路径 30586" d="M625.319,233.15a3.208,3.208,0,0,1,2.849.653,1.78,1.78,0,0,0,.649-1.392c0-.958-.471-1.817-1.751-1.5a2.31,2.31,0,0,0-2.062-1.8,2.015,2.015,0,0,0-1.918,1.211A4.347,4.347,0,0,1,625.319,233.15Z" transform="translate(-612.688 -229.111)" fill="#0dffff"/>
+        <path id="路径_30587" data-name="路径 30587" d="M134.91,271.951c-.528-1.99-2.212-3.967-4.426-3.967-2.572,0-4.418,1.836-4.6,4.761a2.971,2.971,0,0,0-3.007,3.056c0,1.836,1.23,3.357,2.746,3.357h9.66a3.666,3.666,0,0,0,3.383-3.859C138.668,273.186,137.659,271.257,134.91,271.951Zm-7.624,5.308a.977.977,0,1,1,.977-.977A.977.977,0,0,1,127.285,277.259Zm2.194-4.111a.811.811,0,1,1,.811-.811A.811.811,0,0,1,129.479,273.148Zm2.829,2.617a.673.673,0,1,1,.673-.673A.673.673,0,0,1,132.308,275.766ZM135.635,277a1.032,1.032,0,1,1,1.032-1.032A1.032,1.032,0,0,1,135.635,277Z" transform="translate(-122.88 -267.176)" fill="#0dffff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/a1.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/a1.svg
new file mode 100644
index 0000000..4f62c47
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/a1.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49.3984375" height="51.1376953125" viewBox="0 0 49.3984375 51.1376953125" fill="none">
+<g  mask="url(#mask-160_6332)">
+<path d="M17.107 38.1809C17.2488 38.4336 17.5132 38.5901 17.7969 38.5892L31.5281 38.5487C31.809 38.5478 32.0712 38.3922 32.2124 38.1423L39.1121 25.9313C39.2546 25.679 39.255 25.3653 39.1131 25.1126L32.2909 12.9583C32.149 12.7056 31.8846 12.5492 31.6009 12.5499L17.8698 12.5905C17.5888 12.5913 17.3267 12.7471 17.1856 12.9969L10.2858 25.2078C10.1433 25.4602 10.1428 25.7739 10.2846 26.0266L17.107 38.1809ZM16.4193 38.5892L9.59699 26.435C9.31249 25.9282 9.31334 25.3035 9.59925 24.7974L16.4989 12.5864C16.7824 12.0848 17.3034 11.7754 17.8675 11.7738L31.5986 11.7332C32.1676 11.7315 32.694 12.0431 32.9785 12.5499L39.8009 24.7042C40.0854 25.211 40.0846 25.8357 39.7986 26.3418L32.8989 38.5528C32.6154 39.0544 32.0945 39.3638 31.5304 39.3654L17.7992 39.406C17.2302 39.4077 16.7038 39.0961 16.4193 38.5892Z"   fill="url(#linear_fill_160_6335)" >
+</path>
+<g opacity="0.2">
+<path d="M15.1473 41.4354C15.3258 41.7534 15.6584 41.9503 16.0154 41.9492L33.2907 41.8982C33.6442 41.8972 33.974 41.7013 34.1517 41.387L42.8322 26.0242C43.0116 25.7067 43.0121 25.312 42.8337 24.994L34.2504 9.7026C34.0719 9.38465 33.7393 9.18777 33.3823 9.18881L16.107 9.23982C15.7536 9.24083 15.4237 9.43675 15.2461 9.75103L6.56549 25.1139C6.38611 25.4313 6.38558 25.826 6.56405 26.144L15.1473 41.4354ZM14.2821 41.9493L5.69887 26.6578C5.34089 26.0201 5.34199 25.2341 5.70175 24.5976L14.3824 9.23474C14.739 8.60353 15.3944 8.21429 16.1042 8.21223L33.3795 8.16128C34.0954 8.15912 34.7577 8.55108 35.1156 9.18876L43.6989 24.4802C44.0569 25.1179 44.0557 25.9039 43.696 26.5405L35.0154 41.9034C34.6588 42.5345 34.0034 42.9237 33.2936 42.9258L16.0183 42.9768C15.3024 42.9789 14.6401 42.5869 14.2821 41.9493Z"   fill="url(#linear_fill_160_6336)" >
+</path>
+</g>
+<g opacity="0.61">
+<path d="M5.70189 24.5976L14.3825 9.23475C14.7391 8.60359 15.3946 8.21444 16.1043 8.21229L33.3796 8.16128C34.0955 8.15917 34.7579 8.55122 35.1157 9.1889L43.6991 24.4803L5.70189 24.5976Z"   fill="url(#linear_fill_160_6337)" >
+</path>
+</g>
+<rect  x="21.4013671875" y="42.1572265625" width="7" height="0.822857141494751" rx="0.4114285707473755"    fill="#14FFFF" >
+</rect>
+<rect  x="21.4013671875" y="8.2138671875" width="7" height="0.822857141494751" rx="0.4114285707473755"    fill="#14FFFF" >
+</rect>
+</g>
+<path     fill="#0DFFFF"  d="M24.9021 31.407C22.2896 31.407 20.1733 29.2494 20.1733 26.5868C20.1733 23.9249 24.9017 18.2322 24.9017 18.2322C24.9017 18.2322 29.6308 23.9245 29.6308 26.5864C29.6323 29.2475 27.5145 31.4066 24.9024 31.4066M24.9024 16.8799C24.9024 16.8799 19.1592 23.3742 19.1592 26.593C19.1592 29.8118 21.7304 32.42 24.9021 32.42C28.0737 32.42 30.6446 29.8106 30.6446 26.5934C30.6446 23.3762 24.9021 16.8807 24.9021 16.8807">
+</path>
+<path     fill="#0DFFFF"  d="M24.9021 31.0677C22.4768 31.0677 20.5107 29.1154 20.5107 26.7072C20.5107 24.2986 22.7932 25.5179 24.902 26.7072C27.0199 27.9008 29.293 24.2986 29.293 26.7072C29.293 29.1154 27.3269 31.0677 24.902 31.0677">
+</path>
+<defs>
+<mask id="mask-160_6332" style="mask-type:alpha" maskUnits="userSpaceOnUse">
+<rect x="5.4013671875" y="7.7001953125" width="39" height="36"   fill="#FFFFFF" >
+</rect>
+</mask>
+<linearGradient id="linear_fill_160_6335" x1="9.627471923828125" y1="25.517822265625" x2="39.83018493652344" y2="25.6212158203125" gradientUnits="userSpaceOnUse">
+<stop offset="0" stop-color="#04DFF8"  />
+<stop offset="0.25519099831581116" stop-color="#0B4975"  />
+<stop offset="0.7028830051422119" stop-color="#1A5A80"  />
+<stop offset="1" stop-color="#02E4FB"  />
+</linearGradient>
+<linearGradient id="linear_fill_160_6336" x1="5.73724365234375" y1="25.50390625" x2="43.735755920410156" y2="25.634033203125" gradientUnits="userSpaceOnUse">
+<stop offset="0" stop-color="#06E6FF"  />
+<stop offset="0.175805002450943" stop-color="#004FBF"  />
+<stop offset="0.8368269801139832" stop-color="#0055CC"  />
+<stop offset="1" stop-color="#44D2FF"  />
+</linearGradient>
+<linearGradient id="linear_fill_160_6337" x1="25.498855590820312" y1="23.3702392578125" x2="25.194908142089844" y2="8.79345703125" gradientUnits="userSpaceOnUse">
+<stop offset="0" stop-color="#06CAF2" stop-opacity="0" />
+<stop offset="1" stop-color="#1491FF"  />
+</linearGradient>
+</defs>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.png b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.png
deleted file mode 100644
index a1db48d..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.svg
new file mode 100644
index 0000000..7f2fb31
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23614" data-name="组 23614" transform="translate(-19 -377)">
+    <g id="组_23408" data-name="组 23408" transform="translate(19 377)">
+      <g id="组_23223" data-name="组 23223">
+        <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+          <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+            <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+              <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+              <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+              <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+            </g>
+            <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+            <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+          </g>
+        </g>
+      </g>
+    </g>
+    <path id="路径_30610" data-name="路径 30610" d="M96,68.934v3.947h12.829V68.934Zm11.348,2.96H103.4v-.987h3.947ZM96,64v3.947h12.829V64Zm11.348,2.96H103.4v-.987h3.947ZM96,73.868v3.947h12.829V73.868Zm11.348,2.96H103.4v-.987h3.947Z" transform="translate(-64 323.665)" fill="#0dffff"/>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/humidity.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/humidity.svg
new file mode 100644
index 0000000..455ce04
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/humidity.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="_123344" data-name="123344" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <g id="组_23421" data-name="组 23421" transform="translate(13.758 9.179)">
+        <path id="路径_30584" data-name="路径 30584" d="M133.743,15.756a4.774,4.774,0,0,1-4.729-4.82c0-2.662,4.728-8.355,4.728-8.355s4.729,5.692,4.729,8.354a4.774,4.774,0,0,1-4.728,4.82m0-14.527S128,7.723,128,10.942a5.743,5.743,0,1,0,11.485,0c0-3.217-5.742-9.713-5.742-9.713" transform="translate(-128 -1.229)" fill="#0dffff"/>
+        <path id="路径_30585" data-name="路径 30585" d="M221.3,562.257a4.376,4.376,0,0,1-4.391-4.361c0-2.409,2.282-1.189,4.391,0s4.391-2.409,4.391,0a4.376,4.376,0,0,1-4.391,4.361" transform="translate(-215.557 -548.069)" fill="#0dffff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.png b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.png
deleted file mode 100644
index f7bf12d..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.svg
new file mode 100644
index 0000000..0abb3fc
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_2qqq3408" data-name="组 2qqq3408" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <path id="路径_30609" data-name="路径 30609" d="M27.721,2.752c.3.058.6.1.884.178A3.385,3.385,0,0,1,31.09,5.724a5.688,5.688,0,0,1-.153,2.612,2.122,2.122,0,0,0-2.79.568,3.226,3.226,0,0,0-1.624-1.71A2.694,2.694,0,0,1,25.2,5.549a2.341,2.341,0,0,1,2.023-2.742c.123-.007.246-.035.368-.054Zm3.389,9.762a2.147,2.147,0,0,0,.963-2.736,3.566,3.566,0,0,0,2.4-.6,3.8,3.8,0,0,1,1.19-.354,2.148,2.148,0,0,1,2.282,1.814A2.766,2.766,0,0,1,36.6,13.5a3.49,3.49,0,0,1-4.016.057A16.776,16.776,0,0,1,31.11,12.514Zm-3.651-1.966a2.144,2.144,0,0,0,1.894,2.189,3.576,3.576,0,0,0-.687,2.337,3.805,3.805,0,0,1-.33,1.324,2.282,2.282,0,0,1-3.831.157,3.561,3.561,0,0,1,1.343-5.281c.5-.277,1.041-.472,1.611-.725Zm2.4,1.322a1.387,1.387,0,1,1,.989-.408A1.383,1.383,0,0,1,29.86,11.869Z" transform="translate(-10.357 7.208)" fill="#0dffff"/>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.png b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.png
deleted file mode 100644
index c1494ef..0000000
Binary files a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.png and /dev/null differ
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.svg b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.svg
new file mode 100644
index 0000000..12a5671
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="36" viewBox="0 0 39 36">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="矩形_16511" data-name="矩形 16511" width="39" height="36" fill="none"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#04dff8"/>
+      <stop offset="0.255" stop-color="#0b4975"/>
+      <stop offset="0.703" stop-color="#1a5a80"/>
+      <stop offset="1" stop-color="#02e4fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.743" y1="0.024" x2="0.256" y2="0.978" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06e6ff"/>
+      <stop offset="0.176" stop-color="#004fbf"/>
+      <stop offset="0.837" stop-color="#05c"/>
+      <stop offset="1" stop-color="#44d2ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.357" y1="0.535" x2="0.811" y2="0.747" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#06caf2" stop-opacity="0"/>
+      <stop offset="1" stop-color="#1491ff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_23408qqq" data-name="组 23408qqq" transform="translate(-901.57 -437.82)">
+    <g id="组_23223" data-name="组 23223" transform="translate(901.57 437.82)">
+      <g id="蒙版组_396" data-name="蒙版组 396" clip-path="url(#clip-path)">
+        <g id="组_23218" data-name="组 23218" transform="translate(-4.999 -7.947)">
+          <g id="组_23217" data-name="组 23217" transform="translate(0 51.632) rotate(-90)">
+            <path id="多边形_141" data-name="多边形 141" d="M8.61.9a.792.792,0,0,0-.7.393L1.081,13.209a.793.793,0,0,0,.01.8L8.216,26.086a.839.839,0,0,0,.709.41l13.937.169a.792.792,0,0,0,.7-.393L30.39,14.36a.793.793,0,0,0-.01-.8L23.255,1.483a.839.839,0,0,0-.709-.41L8.61.9M8.6.1,22.537.273a1.674,1.674,0,0,1,1.417.821l7.125,12.081a1.581,1.581,0,0,1,.02,1.592l-6.83,11.912a1.58,1.58,0,0,1-1.4.787L8.934,27.3a1.674,1.674,0,0,1-1.417-.821L.392,14.394A1.581,1.581,0,0,1,.372,12.8L7.2.891A1.58,1.58,0,0,1,8.6.1Z" transform="translate(5.296 20.226) rotate(-30)" fill="url(#linear-gradient)"/>
+            <path id="多边形_141-2" data-name="多边形 141" d="M10.832,1.137a1,1,0,0,0-.879.495L1.36,16.618a1,1,0,0,0,.012,1l8.964,15.2a1.056,1.056,0,0,0,.891.516l17.534.212a1,1,0,0,0,.879-.495l8.594-14.986a1,1,0,0,0-.012-1l-8.964-15.2a1.056,1.056,0,0,0-.891-.516L10.832,1.137M10.82.131,28.354.343a2.106,2.106,0,0,1,1.783,1.033l8.964,15.2a1.989,1.989,0,0,1,.025,2L30.532,33.564a1.988,1.988,0,0,1-1.758.99L11.24,34.341a2.106,2.106,0,0,1-1.783-1.033L.493,18.11a1.989,1.989,0,0,1-.025-2L9.062,1.121A1.988,1.988,0,0,1,10.82.131Z" transform="translate(0 19.176) rotate(-30)" opacity="0.2" fill="url(#linear-gradient-2)"/>
+            <path id="多边形_141-3" data-name="多边形 141" d="M19.3.234l8.964,15.2a1.989,1.989,0,0,1,.025,2L19.7,32.422a1.988,1.988,0,0,1-1.758.99L.408,33.2Z" transform="translate(9.952 14.75) rotate(-30)" opacity="0.61" fill="url(#linear-gradient-3)"/>
+          </g>
+          <rect id="矩形_16509" data-name="矩形 16509" width="7" height="0.823" rx="0.411" transform="translate(20.999 42.404)" fill="#14ffff"/>
+          <rect id="矩形_16510" data-name="矩形 16510" width="7" height="0.823" rx="0.411" transform="translate(20.999 8.461)" fill="#14ffff"/>
+        </g>
+      </g>
+      <g id="组_23486" data-name="组 23486" transform="translate(12.814 10.981)">
+        <path id="路径_30568" data-name="路径 30568" d="M195.274,14.038a.938.938,0,0,1-.965-.965V12.9h8.745a.315.315,0,0,0,.292-.292V1.316a.315.315,0,0,0-.292-.292H195.6a.315.315,0,0,0-.292.292v.79c0,.2-.088.292-.292.292h-.585c-.2,0-.292-.088-.292-.292V.965A.938.938,0,0,1,195.1,0h8.218a.953.953,0,0,1,1.024.965V12.927a.982.982,0,0,1-.175.731.9.9,0,0,1-.673.38h-8.218Z" transform="translate(-192.613 0)" fill="#0dffff"/>
+        <path id="路径_30569" data-name="路径 30569" d="M90.161,113.63H83.317l-.117-.117,3.159-11,.088-.117h6.727c.234,0,.234.117.234.117Zm0,0" transform="translate(-83.2 -100.996)" fill="#0dffff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/dialogStyle.less b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/dialogStyle.less
index 382533c..3d550c5 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/dialogStyle.less
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/dialogStyle.less
@@ -45,7 +45,12 @@
         border: 2px solid transparent;
         border-image: linear-gradient(to bottom, #0077ff, #00f6ff, #000000) 1;
         .title-img {
-          padding-top: 6px;
+          margin-top: 6px;
+        }
+        .title-text {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
         }
       }
       .imgText {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs1.vue b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs1.vue
deleted file mode 100644
index 78fd0a6..0000000
--- a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs1.vue
+++ /dev/null
@@ -1,2190 +0,0 @@
-<template>
-  <div class="lighting-img" style="overflow: hidden">
-    <div class="lighting-img-box">
-      <img src="../image/bg.jpg" />
-      <div class="bulbBox">
-        <div
-          v-for="(bulb, index) in bulbs"
-          :key="index"
-          :class="['wh100', bulb.className]"
-          v-show="bulb.visible">
-          <img class="bulbImg" :src="bulb.imageUrl" alt="" />
-        </div>
-      </div>
-    </div>
-    <div class="btn-box">
-      <button class="F1">1F</button><br />
-      <button class="F2">2F</button><br />
-      <button class="platform">站台</button>
-    </div>
-    <div class="light-tag" style="border: 1px solid red">
-      <div class="light-tag-tit">
-        <img class="tagimg" src="/asset/image//bulbLogo/21962.png" alt="" />
-        <span
-          class="tagtext"
-          :style="{
-            fontSize: '16px',
-            fontWeight: 700,
-            color: 'rgba(255, 255, 255, 1)',
-          }"
-          >站厅照明 1区</span
-        >
-        <button
-          :style="{
-            width: ' 50px',
-            height: '24px',
-            opacity: 1,
-            background: 'rgba(57, 215, 187, 0.1)',
-            border: '1px solid rgba(57, 215, 187, 1)',
-            fontSize: '12px',
-            fontWeight: 400,
-            lineHeight: ' 17.38px',
-            color: 'rgba(57, 215, 187, 1)',
-            marginLeft: '180px',
-          }"
-          >正常</button
-        >
-      </div>
-      <div class="light-tag-box">
-        <img src="/asset/image//bulbLogo/22496.png" alt="" />
-        <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px', marginRight: '20px' }"
-          >控制模式</span
-        >
-        <span
-          :style="{
-            color: 'rgba(255, 255, 255, 1)',
-            fontSize: '16px',
-            fontWeight: '700',
-            marginRight: '20px',
-          }"
-          >自动</span
-        >
-        <img src="/asset/image//bulbLogo/22546.png" alt="" />
-        <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px' }">亮度</span>
-        <span
-          :style="{
-            color: 'rgba(255, 255, 255, 1)',
-            fontSize: '16px',
-            fontWeight: '700',
-            marginLeft: '20px',
-          }"
-          >1000lux</span
-        >
-        <img src="/asset/image//bulbLogo/22554.png" alt="" />
-        <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px', marginRight: '20px' }"
-          >控制场景</span
-        >
-        <span
-          :style="{
-            color: 'rgba(255, 255, 255, 1)',
-            fontSize: '16px',
-            fontWeight: '700',
-            marginRight: '20px',
-          }"
-          >舒适</span
-        >
-        <img src="/asset/image//bulbLogo/22553.png" alt="" />
-        <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px' }">色温</span>
-        <span
-          :style="{
-            color: 'rgba(255, 255, 255, 1)',
-            fontSize: '16px',
-            fontWeight: '700',
-            marginLeft: '20px',
-          }"
-          >4200k</span
-        >
-      </div>
-    </div>
-  </div>
-  <a-drawer
-    v-model:visible="visible"
-    class="custom-class"
-    width="496"
-    height="1080"
-    placement="right"
-    :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8 }"
-    :closable="false"
-    id="Odrawer"
-    :maskStyle="{ 'background-color': 'rgba(0,0,0,0)' }">
-    <div>
-      <a-tabs v-model:activeKey="activeKey">
-        <a-tab-pane key="1" tab="控制面板">
-          <!-- 照明区域 -->
-          <div>
-            <div class="lightarea">
-              <div class="lightareatab"></div>
-              <span class="lightareatext"> 照明区域 </span>
-              <button
-                class="plan"
-                :class="{ enabled: isPlanEnabled, disabled: !isPlanEnabled }"
-                @click="togglePlan">
-                {{ isPlanEnabled ? '计划启用' : '计划禁用' }}
-              </button>
-            </div>
-            <!-- 照明区域按钮部分 -->
-            <div class="area">
-              <template v-if="!showAllButtonsarea">
-                <button
-                  v-for="(button, index) in buttons1"
-                  :key="index"
-                  :class="{ btn: true, selected: button === selectedButton }"
-                  @click="selectButton(button)">
-                  {{ button.label }}
-                </button>
-                <div style="margin-top: 10px">
-                  <span @click="showAllButtonsarea = true" class="openzm"
-                    ><down-outlined />展开</span
-                  >
-                </div>
-              </template>
-              <template v-else>
-                <button
-                  v-for="(button, index) in buttons"
-                  :key="index"
-                  :class="{ btn: true, selected: button === selectedButton }"
-                  @click="selectButton(button)">
-                  {{ button.label }}
-                </button>
-                <div style="margin-top: 10px">
-                  <span @click="showAllButtonsarea = false" class="openzm"
-                    ><up-outlined />回缩</span
-                  >
-                </div>
-              </template>
-            </div>
-          </div>
-          <!-- 照明回路部分 -->
-          <div>
-            <div class="circuitarea" v-if="selectedButton">
-              <div class="circuittab"></div>
-              <span class="circuittext">照明回路</span>
-              <div class="btn2">
-                <button
-                  class="openplan"
-                  :class="{ enabled2: isPlanEnabled2, disabled2: !isPlanEnabled2 }"
-                  @click="togglePlan2">
-                  {{ isPlanEnabled2 ? '启用面板' : '禁用面板' }}
-                </button>
-                <a-switch
-                  v-model:checked="selectAllCheckbox"
-                  :class="{
-                    'blue-background': selectAllCheckbox,
-                    'grey-background': !selectAllCheckbox,
-                  }"
-                  @change="toggleAllSelection" />
-                <button @click="allbtn1" class="allbtn">全选</button>
-                <button class="both" @click="selectAll">
-                  {{ isAllchoose ? '多选' : '单选' }}
-                </button>
-              </div>
-            </div>
-            <div class="btnarea" v-if="selectedButton">
-              <template v-if="!showAllButtons">
-                <button
-                  v-for="(button2, index) in limitedButtons"
-                  :key="index"
-                  :class="{ btn: true, selected: button2.selected }"
-                  class="zmhlbtn"
-                  @click="toggleSelection(button2)">
-                  <stop-outlined v-if="button2.zmhld" />
-                  {{ button2.label }}
-                </button>
-                <div style="margin-top: 10px">
-                  <span @click="showAllButtons = true" class="openzm"><down-outlined />展开</span>
-                </div>
-              </template>
-              <template v-else>
-                <button
-                  v-for="(button2, index) in buttons2"
-                  :key="index"
-                  :class="{ btn: true, selected: button2.selected }"
-                  @click="toggleSelection(button2)">
-                  {{ button2.label }}
-                </button>
-                <div style="margin-top: 10px">
-                  <span @click="showAllButtons = false" class="openzm"><up-outlined />回缩</span>
-                </div>
-              </template>
-            </div>
-          </div>
-          <!-- 控制模式 -->
-          <div>
-            <div class="controlarea" v-show="showControlMode">
-              <div class="controltab"></div>
-              <span class="controltext"> 控制模式 </span>
-            </div>
-            <!-- 控制模式按钮部分 -->
-            <div class="controlmodebtnarea" v-show="showControlMode">
-              <button
-                v-for="(button3, index) in controlbutton"
-                :key="index"
-                :class="{ btn: true, selected: button3.label === selectedButton3 }"
-                @click="selectButton3(button3)">
-                {{ button3.label }}
-              </button>
-            </div>
-          </div>
-          <!-- 控制场景 -->
-          <div>
-            <div class="controlscenearea" v-show="showControlScene">
-              <div class="controlscenetab"></div>
-              <span class="controlscenetext"> 控制场景 </span>
-            </div>
-            <!-- 控制场景按钮部分 -->
-            <div class="controlscenebtnarea" v-show="showControlScene">
-              <button
-                v-for="(button4, index) in controlscenebuttons"
-                :key="index"
-                :class="{ btn: true, selected: button4.label === selectedButton4 }"
-                @click="selectButton4(button4)">
-                {{ button4.label }}
-              </button>
-            </div>
-          </div>
-          <!-- 灯具参数 -->
-          <div>
-            <div class="lightparametersarea" v-if="selectedButton4">
-              <div class="lightparameterstab"></div>
-              <span class="lightparameterstext"> 灯具参数 </span>
-            </div>
-            <div class="lightparameterstextarea" v-if="selectedButton4">
-              <table class="custom-table table1">
-                <thead>
-                  <tr :style="{ background: 'rgba(35,45,69)' }">
-                    <th>开启数量</th>
-                    <th>亮度(lux)</th>
-                    <th>色温</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr
-                    v-for="(row, index) in lightSource"
-                    :key="index"
-                    @click="handleRowClick(row.num)"
-                    :style="{ height: '50px' }">
-                    <td>{{ row.num }}</td>
-                    <td>{{ row.light }}</td>
-                    <td>{{ row.tempruter }}</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-          <div class="bottom">
-            <button class="flushed" @click="refresh">刷新</button>
-            <button class="execute" @click="showModal">执行</button>
-          </div>
-          <a-modal
-            :v-if="cxlist.length === 0"
-            v-model:visible="executevisible"
-            width="500px"
-            height="792px"
-            okText="执行"
-            :closable="false"
-            @ok="handleOk2"
-            :mask="false"
-            :bodyStyle="{
-              opacity: 1,
-              background: ' rgba(0,0,0)',
-              color: 'rgba(255,83,0)',
-              boxSizing: 'borderBox',
-              display: 'flex',
-              flexDirection: 'column',
-              position: 'fixed',
-              right: '496px',
-              top: '0',
-            }">
-            <div :v-if="cxlist.length === 0" style="height: 792px">
-              <div>
-                <div class="div-operation"></div>
-                <span class="text-operation">变更内容 </span>
-              </div>
-              <div class="jbox" v-for="item in cxlist" :key="item.id">
-                <div class="journal" style="margin-top: 20px">
-                  <div class="imgText">
-                    <div class="zjzm">
-                      <img class="titleimg" src="/asset/image//bulbLogo/21961.png" alt="" />&nbsp;
-                      <span
-                        class="titletext"
-                        style="font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1)"
-                        >{{ item.name }}</span
-                      >
-                    </div>
-                    <button class="cxbtn" @click="delbtn(item.id)">撤销</button>
-                  </div>
-                  <div class="control-btn">
-                    <button
-                      style="
-                        width: 96px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      控制模式
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >手动</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                        margin-right: 40px;
-                      "
-                      >自动</span
-                    >
-                  </div>
-                  <div class="light-btn">
-                    <button
-                      style="
-                        width: 68px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      亮度
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >100lux</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(243, 97, 99, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                      "
-                      >30lux</span
-                    >
-                  </div>
-                  <div class="controlarea-btn">
-                    <button
-                      style="
-                        width: 96px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      控制场景
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >手动</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                        margin-right: 40px;
-                      "
-                      >自动</span
-                    >
-                  </div>
-                  <div class="temp-btn">
-                    <button
-                      style="
-                        width: 68px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      色温
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >4000k</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                      "
-                      >3800k</span
-                    >
-                  </div>
-                </div>
-              </div>
-            </div>
-          </a-modal>
-        </a-tab-pane>
-        <a-tab-pane key="2" tab="计划列表" force-render>
-          <div class="divadd">
-            <button class="add" @click="addModal">添加</button>
-          </div>
-          <table class="custom-table table1">
-            <thead>
-              <tr :style="{ background: 'rgba(35,45,69)' }">
-                <th>序号</th>
-                <th>执行时间</th>
-                <th>计划名称</th>
-                <th>状态</th>
-                <th>操作</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr v-for="(row, index) in dataSource" :key="index">
-                <td>{{ row.key }}</td>
-                <td>{{ row.data }}</td>
-                <td>{{ row.planname }}</td>
-                <td v-if="row.status === '待执行'">
-                  <button
-                    style="
-                      font-size: 12px;
-                      background: rgba(57, 215, 187, 0.1);
-                      color: rgba(57, 215, 187, 1);
-                      border: 1px solid rgba(57, 215, 187, 1);
-                    ">
-                    {{ row.status }}
-                  </button>
-                </td>
-                <td v-if="row.status !== '待执行'">
-                  <button
-                    style="
-                      font-size: 12px;
-                      background: rgba(243, 97, 99, 0.1);
-                      border: 1px solid rgba(243, 97, 99, 1);
-                      color: rgba(243, 97, 99, 1);
-                    ">
-                    {{ row.status }}
-                  </button>
-                </td>
-                <td>
-                  <button class="tabreboot" @click="handlerefClick1">重启</button>
-                  <button class="tabdelete">删除</button>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-          <a-modal
-            v-model:visible="addvisible"
-            width="500px"
-            height="792px"
-            :closable="false"
-            :mask="false"
-            :bodyStyle="{
-              opacity: 1,
-              background: ' rgba(0,0,0)',
-              color: 'rgba(255,83,0)',
-              boxSizing: 'borderBox',
-              display: 'flex',
-              flexDirection: 'column',
-              height: '100vh',
-              maxHeight: '100vh',
-              position: 'fixed',
-              right: '496px',
-              top: '0',
-            }">
-            <div>
-              <div class="div-operation"></div>
-              <span class="text-operation">计划库</span>
-            </div>
-            <div style="margin-top: 20px">
-              <a-transfer
-                v-model:target-keys="targetKeys"
-                :data-source="mockData"
-                show-search
-                :filter-option="filterOption"
-                :render="(item) => item.title"
-                @change="handleChange"
-                :style="{ color: 'rgba(255,255,255,1)' }"
-                @search="handleSearch"
-                :listStyle="{ border: '2px solid rgba(25,74,125,1)' }" />
-            </div>
-          </a-modal>
-        </a-tab-pane>
-        <a-tab-pane key="3" tab="日志">
-          <table class="custom-table table1">
-            <thead>
-              <tr :style="{ background: 'rgba(35,45,69)' }">
-                <th>序号</th>
-                <th>执行时间</th>
-                <th>操作内容</th>
-                <th>操作人</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="(row, index) in dataSource1"
-                :key="index"
-                @click="handleRowClick(row.key)"
-                :class="row.key === trindex ? 'istrindex' : ''">
-                <td>{{ row.key }}</td>
-                <td>{{ row.data }}</td>
-                <td>{{ row.planname }}</td>
-                <td>{{ row.status }}</td>
-              </tr>
-            </tbody>
-          </table>
-          <a-modal
-            width="500px"
-            v-model:visible="logModalVisible"
-            :closable="false"
-            @cancel="closeLogModal"
-            :footer="null"
-            :mask="false"
-            :bodyStyle="{
-              marginLeft: 200,
-              background: 'rgba(0, 0, 0, 1)',
-              opacity: 0.8,
-              boxSizing: 'borderBox',
-              display: 'flex',
-              flexDirection: 'column',
-              position: 'fixed',
-              right: '496px',
-              top: '0',
-            }">
-            <div style="height: calc(100vh - 96px)">
-              <div>
-                <div class="div-operation"></div>
-                <span class="text-operation">操作日志</span>
-              </div>
-              <div class="journal" style="margin-top: 20px" v-for="item in cxlist" :key="item.id">
-                <div class="imgText">
-                  <div class="zjzm">
-                    <img class="titleimg" src="/asset/image//bulbLogo/21961.png" alt="" />&nbsp;
-                    <span
-                      style="font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1)"
-                      >{{ item.name }}</span
-                    >
-                  </div>
-                </div>
-
-                <div class="gird22">
-                  <div class="control-btn">
-                    <button
-                      style="
-                        width: 96px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      控制模式
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >{{ item.manual }}</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                        margin-right: 40px;
-                      "
-                      >{{ item.automatic }}</span
-                    >
-                  </div>
-                  <div class="light-btn">
-                    <button
-                      style="
-                        width: 68px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      亮度
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >{{ item.brightness }}</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                      "
-                      >{{ item.brightness2 }}</span
-                    >
-                  </div>
-                  <div class="controlarea-btn">
-                    <button
-                      style="
-                        width: 96px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      控制场景
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >{{ item.manual2 }}</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                        margin-right: 40px;
-                      "
-                      >{{ item.automatic2 }}</span
-                    >
-                  </div>
-                  <div class="temp-btn">
-                    <button
-                      style="
-                        width: 68px;
-                        height: 40px;
-                        border-radius: 4px;
-                        background: linear-gradient(
-                          180deg,
-                          rgba(1, 206, 255, 1) 0%,
-                          rgba(0, 150, 229, 1) 100%
-                        );
-                        border: 1px solid rgba(95, 154, 251, 1);
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                      ">
-                      色温
-                    </button>
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 12px;
-                        margin-right: 8px;
-                      "
-                      >{{ item.brightness3 }}</span
-                    >
-                    <img src="/asset/image/bulbLogo/22406.png" alt="" />
-                    <span
-                      style="
-                        color: rgba(255, 255, 255, 1);
-                        font-size: 14px;
-                        font-weight: 400;
-                        margin-left: 8px;
-                      "
-                      >{{ item.brightness4 }}</span
-                    >
-                  </div>
-                </div>
-              </div>
-            </div>
-          </a-modal>
-          <!-- <div class="divadd">
-            <button class="add">刷新</button>
-          </div> -->
-        </a-tab-pane>
-      </a-tabs>
-    </div>
-  </a-drawer>
-  <div class="drawer-title1" v-if="!visible">
-    <a-button @click="toggleDrawer" class="arrowbtn">
-      <double-left-outlined style="color: rgba(255, 255, 255, 1)" />
-    </a-button>
-  </div>
-  <div class="drawer-title2" v-if="visible">
-    <a-button @click="toggleDrawer" class="arrowbtn">
-      <double-right-outlined style="color: rgba(255, 255, 255, 1)" />
-    </a-button>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, computed } from 'vue';
-  import {
-    DownOutlined,
-    UpOutlined,
-    DoubleLeftOutlined,
-    DoubleRightOutlined,
-    StopOutlined,
-  } from '@ant-design/icons-vue';
-
-  const lightSource = ref([{ num: '8/10', light: '100', tempruter: '4200' }]);
-  const toggleDrawer = () => {
-    visible.value = !visible.value;
-  };
-  const handleOk2 = (e: MouseEvent) => {
-    console.log(e);
-    console.log('ok2');
-    executevisible.value = false;
-  };
-  const cxlist = ref([
-    {
-      id: '1',
-      name: '站厅照明  1区',
-      manual: '手动',
-      automatic: '自动',
-      brightness: '100lux',
-      brightness2: '30lux',
-      manual2: '手动',
-      automatic2: '自动',
-      brightness3: '4000k',
-      brightness4: '3800k',
-    },
-    {
-      id: '2',
-      name: '站厅照明  2区',
-      manual: '手动',
-      automatic: '自动',
-      brightness: '100lux',
-      brightness2: '30lux',
-      manual2: '手动',
-      automatic2: '自动',
-      brightness3: '4000k',
-      brightness4: '3800k',
-    },
-    {
-      id: '3',
-      name: '站厅照明  3区',
-      manual: '手动',
-      automatic: '自动',
-      brightness: '100lux',
-      brightness2: '30lux',
-      manual2: '手动',
-      automatic2: '自动',
-      brightness3: '4000k',
-      brightness4: '3800k',
-    },
-  ]);
-
-  const bulbs = ref([
-    {
-      className: 'bulbLogo1',
-      imageUrl: '/asset/image/bulbLogo/22419.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo2',
-      imageUrl: '/asset/image/bulbLogo/22419.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo3',
-      imageUrl: '/asset/image/bulbLogo/22419.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo4',
-      imageUrl: '/asset/image/bulbLogo/22419.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo5',
-      imageUrl: '/asset/image/bulbLogo/22394.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo6',
-      imageUrl: '/asset/image/bulbLogo/22394.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo7',
-      imageUrl: '/asset/image/bulbLogo/22394.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo8',
-      imageUrl: '/asset/image/bulbLogo/22394.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo9',
-      imageUrl: '/asset/image/bulbLogo/22396.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo10',
-      imageUrl: '/asset/image/bulbLogo/22396.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo11',
-      imageUrl: '/asset/image/bulbLogo/22396.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo12',
-      imageUrl: '/asset/image/bulbLogo/22396.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo13',
-      imageUrl: '/asset/image/bulbLogo/22400.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo14',
-      imageUrl: '/asset/image/bulbLogo/22400.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo15',
-      imageUrl: '/asset/image/bulbLogo/22400.png',
-      visible: true,
-    },
-    {
-      className: 'bulbLogo16',
-      imageUrl: '/asset/image/bulbLogo/22400.png',
-      visible: true,
-    },
-  ]);
-
-  // 照明区域按钮单选
-  const isPlanEnabled = ref(true); // 初始状态是启用
-  // 启用面板
-  const togglePlan = () => {
-    isPlanEnabled.value = !isPlanEnabled.value;
-  };
-  const showAllButtonsarea = ref(false);
-  // 最多展示八个按钮
-  const buttons1 = computed(() => buttons.value.slice(0, 8));
-  const buttons = ref([
-    { label: 'A区', selected: false, id: 1 },
-    { label: 'B区', selected: false, id: 2 },
-    { label: 'C区', selected: false, id: 3 },
-    { label: 'D区', selected: false, id: 4 },
-    { label: '计划启用', selected: false, id: 5 },
-    { label: 'A区', selected: false, id: 6 },
-    { label: 'B区', selected: false, id: 7 },
-    { label: 'C区', selected: false, id: 8 },
-    { label: 'D区', selected: false, id: 4 },
-    { label: '计划启用', selected: false, id: 5 },
-    { label: 'A区', selected: false, id: 6 },
-    { label: 'B区', selected: false, id: 7 },
-    { label: 'C区', selected: false, id: 8 },
-  ]);
-  const selectedButton = ref(null);
-  const selectButton = (button) => {
-    selectedButton.value = button;
-    const startIndex = (button.id - 1) * 4; // 计算当前区域灯泡的起始索引
-    const endIndex = startIndex + 4; // 计算当前区域灯泡的结束索引
-    bulbs.value.forEach((bulb, index) => {
-      bulb.visible = index >= startIndex && index < endIndex;
-    });
-  };
-
-  // 照明回路按钮
-  const isAllchoose = ref(true);
-  let singleSelection = ref(true); // 默认为单选
-  const selectAllCheckbox = ref(false);
-  const showControlMode = ref(false);
-  const showAllButtons = ref(false);
-  // 默认展示八个
-  const limitedButtons = computed(() => buttons2.value.slice(0, 8));
-  const buttons2 = ref([
-    { id: 1, label: '1区', selected: false, zmhld: true },
-    { id: 2, label: '2区', selected: false, zmhld: false },
-    { id: 3, label: '3区', selected: false, zmhld: false },
-    { id: 4, label: '4区', selected: false, zmhld: false },
-    { id: 5, label: '5区', selected: false, zmhld: false },
-    { id: 6, label: '6区', selected: false, zmhld: false },
-    { id: 7, label: '7区', selected: false, zmhld: false },
-    { id: 8, label: '1区', selected: false, zmhld: false },
-    { id: 9, label: '2区', selected: false, zmhld: false },
-    { id: 10, label: '3区', selected: false, zmhld: false },
-  ]);
-  const zmhlid = ref();
-  const isPlanEnabled2 = ref(true);
-  const togglePlan2 = () => {
-    isPlanEnabled2.value = !isPlanEnabled2.value;
-    if (selectAllCheckbox.value) {
-      buttons2.value.forEach((button) => {
-        button.zmhld = true;
-        button.selected = false;
-      });
-    } else {
-      const item = buttons2.value.find((button) => button.id === zmhlid.value);
-      if (item) {
-        item.zmhld = !item.zmhld;
-        item.selected = false;
-      }
-    }
-  };
-  const selectAll = () => {
-    if (isAllchoose.value === false) {
-      isPlanEnabled2.value = limitedButtons.value[0].zmhld;
-    }
-    singleSelection.value = !singleSelection.value;
-    isAllchoose.value = !isAllchoose.value;
-    if (singleSelection.value) {
-      // 单选
-      buttons2.value.forEach((button) => {
-        button.selected = false;
-      });
-    } else {
-      // 多选
-      buttons2.value.forEach((button) => {
-        button.selected = true;
-      });
-    }
-    selectAllCheckbox.value = !singleSelection.value; // 更新全选开关的状态
-  };
-  const allbtn1 = () => {
-    buttons2.value.forEach((button) => {
-      if (!button.zmhld) {
-        button.selected = true;
-      }
-    });
-    selectAllCheckbox.value = true;
-  };
-  const toggleAllSelection = () => {
-    if (selectAllCheckbox.value) {
-      // 如果全选开关被打开，实现多选模式
-      buttons2.value.forEach((button) => {
-        button.selected = false;
-      });
-      singleSelection.value = false;
-    } else {
-      // 如果全选开关被关闭，实现单选模式
-      buttons2.value.forEach((button) => {
-        button.selected = false;
-      });
-      singleSelection.value = true;
-    }
-  };
-
-  const toggleSelection = (button) => {
-    console.log(button);
-    zmhlid.value = button.id;
-    console.log(zmhlid.value);
-    isPlanEnabled2.value = button.zmhld;
-    if (button.zmhld) {
-      return;
-    } else {
-      if (singleSelection.value) {
-        // 单选模式
-        buttons2.value.forEach((b) => {
-          if (b !== button) {
-            b.selected = false;
-          }
-        });
-      }
-      button.selected = !button.selected;
-      // 如果当前处于多选模式，更新全选开关的状态
-      if (!singleSelection.value) {
-        selectAllCheckbox.value = buttons2.value.some((button) => button.selected);
-      } else {
-        // 在单选模式下，全选开关应设为false，因为不可能所有按钮都被选中
-        selectAllCheckbox.value = false;
-      }
-      showControlMode.value = button;
-    }
-  };
-
-  // 控制模式按钮 vv
-  const selectedButton3 = ref('');
-  const showControlScene = ref(false);
-  const controlbutton = ref([
-    { label: '托管', selected: false },
-    { label: 'AI', selected: false },
-    { label: '手动', selected: false },
-  ]);
-  // 控制场景按钮
-  const selectedButton4 = ref('');
-  const controlscenebuttons = ref([
-    { label: '检修', selected: false },
-    { label: '午休', selected: false },
-    { label: '疏散', selected: false },
-    { label: '客流高峰', selected: false },
-  ]);
-  const selectButton3 = (button3) => {
-    selectedButton3.value = button3.label;
-    showControlScene.value = button3.label === '手动';
-    selectedButton4.value = ''; // 清空选中的控制场景按钮
-  };
-  const selectButton4 = (button4) => {
-    selectedButton4.value = button4.label;
-  };
-
-  const dataSource = ref([
-    {
-      key: '1',
-      data: '2024-05-01',
-      planname: '劳动节',
-      status: '暂停中',
-    },
-    {
-      key: '2',
-      data: '2024-05-01',
-      planname: '国庆节',
-      status: '待执行',
-    },
-    {
-      key: '3',
-      data: '2024-05-01',
-      planname: '元旦',
-      status: '待执行',
-    },
-  ]);
-  const dataSource1 = ref([
-    {
-      key: '1',
-      data: '2024-05-01',
-      planname: '计划再开',
-      status: '张三111',
-    },
-    {
-      key: '2',
-      data: '2024-05-01',
-      planname: '检修模式',
-      status: '李四12',
-    },
-    {
-      key: '3',
-      data: '2024-05-01',
-      planname: '设备变更',
-      status: '王五33',
-    },
-  ]);
-  // 抽屉默认显示
-  const visible = ref(true);
-  const activeKey = ref('1');
-
-  const refresh = () => {
-    selectedButton.value = null;
-    showControlMode.value = false;
-    showControlScene.value = false;
-    selectedButton3.value = '';
-    selectedButton4.value = '';
-  };
-
-  
-
-  let trindex = ref('-1');
-  const handleRowClick = (index: any) => {
-    trindex.value = index;
-    if (index === trindex.value) {
-      console.log('tri');
-    }
-    // 显示模态框
-    logModalVisible.value = true;
-  };
-  const closeLogModal = () => {
-    logModalVisible.value = false;
-  };
-  // 执行确认
-  const executevisible = ref<boolean>(false);
-  const showModal = () => {
-    executevisible.value = true;
-  };
-  // 添加模态框
-  const addvisible = ref<boolean>(false);
-  
-  // 穿梭框
-  interface MockData {
-    key: string;
-    title: string;
-    description: string;
-    chosen: boolean;
-  }
-  const mockData = ref([
-    {
-      key: '1',
-      title: '计划再开',
-    },
-    {
-      key: '2',
-      title: '检修模式',
-    },
-    {
-      key: '3',
-      title: '设备变更',
-    },
-  ]);
-  const targetKeys = ref<string[]>([]);
-  const filterOption = (inputValue: string, option: MockData) => {
-    console.log(option.description);
-
-    return option.description.indexOf(inputValue) > -1;
-  };
-  const handleChange = (keys: string[], direction: string, moveKeys: string[]) => {
-    console.log(keys, direction, moveKeys);
-  };
-  const handleSearch = (dir: string, value: string) => {
-    console.log('search:', dir, value);
-  };
-
-  //撤销
-  const delbtn = (id: any) => {
-    console.log(id);
-    cxlist.value.pop(id);
-    console.log(cxlist.value.length);
-
-    if (cxlist.value.length === 0) {
-      executevisible.value = false;
-    }
-  };
-</script>
-<style lang="less" scoped>
-  :deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover) {
-    background-color: rgba(20, 41, 76, 1);
-    color: rgb(29, 83, 172);
-  }
-  :deep(.ant-transfer-list-header-selected) {
-    color: rgba(255, 83, 0);
-  }
-
-  :deep(.ant-transfer-list-header > *:not(:last-child)) {
-    color: rgba(255, 83, 0);
-  }
-
-  .tagtext {
-    margin-left: 8px;
-  }
-
-  .light-tag {
-    position: fixed;
-    bottom: 135px;
-    left: 450px;
-    width: 396px;
-    height: 200px;
-    opacity: 0.8;
-    border-radius: 8px;
-    background: rgba(0, 0, 0, 1);
-  }
-
-  .light-tag-tit {
-    display: flex;
-    margin-top: 18px;
-    margin-left: 18px;
-  }
-
-  .light-tag-box {
-    padding: 15px 15px;
-  }
-
-  .light-tag-box > img {
-    width: 120px;
-    height: 51px;
-    margin-bottom: 10px;
-  }
-
-  .light-tag-box > span {
-    color: #fff;
-  }
-
-  .titleimg,
-  .titletext {
-    display: inline-block;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .control-btn,
-  .light-btn {
-    display: inline-block;
-    margin-top: 10px;
-  }
-
-  .controlarea-btn,
-  .temp-btn {
-    display: inline-block;
-    margin-top: 16px;
-  }
-
-  :deep(.ant-drawer-content) {
-    background-color: rgba(0, 0, 0, 1);
-    opacity: 0.8;
-  }
-
-  :deep(.ant-modal-content) {
-    background-color: rgba(0, 0, 0, 1);
-    opacity: 0.8;
-  }
-
-  :deep(.ant-transfer-list) {
-    width: 230px;
-    height: 450px;
-  }
-
-  :deep(.ant-transfer-list-header) {
-    background-color: rgba(0, 0, 0, 1);
-    color: rgba(255, 255, 255, 1);
-  }
-
-  .bulbLogo1 {
-    margin-top: 40%;
-    margin-left: 12%;
-  }
-
-  .bulbLogo2 {
-    margin-top: 35%;
-    margin-left: 20%;
-  }
-
-  .bulbLogo3 {
-    margin-top: 23%;
-    margin-left: 10%;
-  }
-
-  .bulbLogo4 {
-    margin-top: 10%;
-    margin-left: 15%;
-  }
-
-  .bulbLogo5 {
-    margin-top: 8%;
-    margin-left: 13%;
-  }
-
-  .bulbLogo6 {
-    margin-top: 8%;
-    margin-left: 15%;
-  }
-
-  .bulbLogo7 {
-    margin-top: 0%;
-    margin-left: 12%;
-  }
-
-  .bulbLogo9 {
-    margin-top: 35%;
-    margin-left: 20%;
-  }
-
-  .bulbLogo10 {
-    margin-top: 35%;
-    margin-left: 20%;
-  }
-
-  .bulbLogo11 {
-    margin-top: 35%;
-    margin-left: 20%;
-  }
-
-  .bulbLogo12 {
-    margin-top: 35%;
-    margin-left: 20%;
-  }
-
-  .custom-table {
-    border-collapse: collapse;
-    width: 416px;
-    height: 60px;
-    color: rgba(255, 255, 255, 1);
-  }
-
-  .custom-table th,
-  .custom-table td {
-    border: 1px solid rgba(163, 192, 243, 1);
-    text-align: left;
-    padding: 8px;
-    text-align: center;
-  }
-
-  .table1 {
-    margin-top: 20px;
-    width: 100%;
-    cellspacing: 0;
-    cellpadding: 0;
-    border: 1px solid rgba(255, 255, 255);
-    border-radius: 5px;
-    background: rgba(255, 255, 255, 0.1);
-  }
-
-  .lightarea,
-  .circuitarea,
-  .controlarea,
-  .controlscenearea,
-  .lightparametersarea {
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    align-items: center;
-  }
-
-  .lightareatab,
-  .circuittab,
-  .controltab,
-  .controlscenetab,
-  .lightparameterstab {
-    width: 5px;
-    height: 23px;
-    opacity: 1;
-    background: rgba(26, 174, 251, 1);
-    margin-right: 4px;
-  }
-
-  .lightareatext,
-  .circuittext,
-  .controltext,
-  .controlscenetext,
-  .lightparameterstext {
-    font-size: 14px;
-    color: rgba(255, 255, 255, 1);
-    line-height: 19px;
-    width: 110px;
-    height: 23px;
-    opacity: 1;
-    background: linear-gradient(270deg, rgba(86, 221, 253, 0) 0%, rgba(25, 176, 255, 1) 100%);
-  }
-
-  .lightareatab,
-  .lightareatext {
-    display: inline-block;
-    justify-content: center;
-  }
-
-  .plan.enabled {
-    border: none;
-    font-size: 14px;
-    font-weight: 400;
-    border-radius: 5px;
-    color: rgba(255, 255, 255, 1);
-    vertical-align: top;
-    margin-left: 235px;
-    width: 88px;
-    height: 32px;
-    background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
-    color: white;
-  }
-
-  .plan.disabled {
-    border: none;
-    font-size: 14px;
-    font-weight: 400;
-    border-radius: 5px;
-    color: rgba(255, 255, 255, 1);
-    vertical-align: top;
-    margin-left: 235px;
-    width: 88px;
-    height: 32px;
-    background-color: red;
-  }
-
-  .plan:disabled {
-    cursor: not-allowed;
-  }
-
-  .openplan.enabled2 {
-    border: none;
-    font-size: 14px;
-    font-weight: 400;
-    border-radius: 5px;
-    color: rgba(255, 255, 255, 1);
-    vertical-align: top;
-    width: 88px;
-    height: 32px;
-    background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
-    color: white;
-  }
-
-  .openplan.disabled2 {
-    border: none;
-    font-size: 14px;
-    font-weight: 400;
-    border-radius: 5px;
-    color: rgba(255, 255, 255, 1);
-    vertical-align: top;
-    width: 88px;
-    height: 32px;
-    background-color: red;
-  }
-
-  .openplan:disabled {
-    cursor: not-allowed;
-  }
-
-  .btn2 {
-    display: flex;
-    align-items: center;
-    margin-left: 80px;
-  }
-
-  .openzm {
-    color: rgba(34, 183, 255, 1);
-    margin-left: 20px;
-    font-size: 14px;
-  }
-
-  .custom-checkbox {
-    width: 13px;
-    height: 13px;
-  }
-
-  .both {
-    width: 59.79px;
-    height: 32px;
-    opacity: 1;
-    background: linear-gradient(
-      180deg,
-      rgba(255, 187, 0, 1) 0%,
-      rgba(255, 112, 3, 1) 91.21%,
-      rgba(255, 129, 3, 1) 100%
-    );
-    margin-left: 8px;
-    font-size: 12px;
-    color: rgba(255, 255, 255, 1);
-    border: none;
-    border-radius: 5px;
-  }
-
-  .btn2 {
-    button {
-      margin: 0 5px;
-    }
-  }
-
-  .allbtn {
-    border: 0;
-    width: 40px;
-    color: rgba(255, 255, 255, 1);
-    background-color: transparent;
-  }
-
-  .blue-background.ant-switch-checked {
-    background-color: linear-gradient(
-      180deg,
-      rgba(1, 206, 255, 1) 0%,
-      rgba(0, 150, 229, 1) 100%
-    ) !important;
-  }
-
-  .grey-background.ant-switch {
-    background-color: grey !important;
-  }
-
-  .blue-background.ant-switch-checked .ant-switch-handle {
-    background-color: linear-gradient(
-      180deg,
-      rgba(1, 206, 255, 1) 0%,
-      rgba(0, 150, 229, 1) 100%
-    ) !important;
-  }
-
-  .grey-background.ant-switch .ant-switch-handle {
-    background-color: grey !important;
-  }
-
-  p {
-    color: rgba(255, 255, 255, 1);
-  }
-
-  .area,
-  .btnarea,
-  .controlmodebtnarea,
-  .controlscenebtnarea {
-    margin-left: -17px;
-
-    button {
-      width: 21%;
-      padding: 0 2%;
-    }
-  }
-
-  .btn {
-    width: 92px;
-    height: 40px;
-    border-radius: 4px;
-    opacity: 1;
-    margin-top: 10px;
-    margin-left: 17px;
-    font-size: 14px;
-    font-weight: 400;
-    opacity: 1;
-    border: 1px solid rgba(207, 212, 219, 1);
-    line-height: 20.27px;
-    color: rgba(255, 255, 255, 1);
-    text-align: center;
-    vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-
-  .selected {
-    background: linear-gradient(180deg, rgba(201, 245, 255, 1) 0%, rgba(138, 215, 255, 1) 100%);
-    color: rgba(0, 61, 90, 1);
-    border: 1px solid rgba(255, 255, 255, 1);
-  }
-
-  .btn:hover {
-    background-color: rgba(207, 212, 219, 1);
-  }
-
-  .btn:active {
-    background-color: rgba(102, 102, 102, 1);
-    color: white;
-  }
-
-  .circuitarea,
-  .controlscenearea,
-  .lightparametersarea {
-    left: 51px;
-    width: 100%;
-    margin-top: 20px;
-  }
-
-  .circuittab,
-  .circuittext {
-    display: inline-block;
-  }
-
-  .batch {
-    width: 60px;
-    height: 32px;
-    opacity: 1;
-    border: 1px solid rgba(67, 136, 251, 1);
-    color: rgba(67, 136, 251, 1);
-    border-radius: 5px;
-    background-color: rgba(255, 255, 255, 1);
-    margin-left: 11px;
-  }
-
-  .controlarea {
-    left: 51px;
-    width: 100%;
-    margin-top: 20px;
-  }
-
-  .controltab,
-  .controltext {
-    display: inline-block;
-  }
-
-  :deep(.cell) {
-    text-align: center;
-  }
-
-  :deep(#pane-first) {
-    height: 100%;
-  }
-
-  .controlscenetab,
-  .controlscenetext {
-    display: inline-block;
-  }
-
-  .lightparameterstab,
-  .lightparameterstext {
-    display: inline-block;
-  }
-
-  .lightparameterstextarea > p {
-    height: 100%;
-    display: flex;
-    border: 1px solid rgba(236, 239, 245, 1);
-    justify-content: center;
-    align-items: center;
-  }
-
-  .bottom {
-    width: 100%;
-    height: 64px;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    margin-bottom: 10px;
-  }
-
-  .execute {
-    margin-right: 20px;
-    width: 74px;
-    height: 40px;
-    opacity: 1;
-    border-radius: 4px;
-    background: rgba(67, 136, 251, 1);
-    font-size: 14px;
-    font-weight: 400;
-    color: rgba(255, 255, 255, 1);
-    border: 0;
-    margin-left: 10px;
-  }
-
-  .flushed {
-    width: 74px;
-    height: 40px;
-    opacity: 1;
-    border-radius: 4px;
-    font-size: 14px;
-    font-weight: 400;
-    color: rgba(102, 102, 102, 1);
-    background: rgba(255, 255, 255, 1);
-    border: 1px solid rgba(193, 197, 204, 1);
-  }
-
-  .tabreboot,
-  .tabdelete {
-    border: none;
-    background-color: rgba(0, 0, 0, 0);
-    font-size: 14px;
-    font-weight: 400;
-    letter-spacing: 0;
-    line-height: 20px;
-    color: rgba(67, 136, 251, 1);
-  }
-
-  .tabreboot {
-    margin-right: 8px;
-  }
-
-  .add {
-    width: 74px;
-    height: 40px;
-    opacity: 1;
-    border-radius: 4px;
-    background: rgba(67, 136, 251, 1);
-    border: rgba(67, 136, 251, 1);
-    font-size: 14px;
-    font-weight: 400;
-    color: rgba(255, 255, 255, 1);
-  }
-
-  .divadd {
-    width: 100%;
-    height: 64px;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    margin-bottom: 10px;
-    margin-right: 20px;
-  }
-
-  .atable {
-    margin-top: 20px;
-  }
-
-  :deep(.ant-table-pagination) {
-    visibility: hidden;
-  }
-
-  .drawer-content {
-    margin-left: 20px;
-  }
-
-  .arrow-indicator {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-    z-index: 1;
-  }
-
-  .drawer-title1 {
-    position: fixed;
-    width: 33px;
-    height: 33px;
-    top: 0;
-    bottom: 0;
-    right: 20px;
-    margin: auto;
-    z-index: 99999;
-  }
-
-  .drawer-title2 {
-    position: fixed;
-    width: 33px;
-    height: 33px;
-    top: 0;
-    bottom: 0;
-    right: 495px;
-    margin: auto;
-    z-index: 99999;
-  }
-
-  .arrowbtn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 28px;
-    height: 28px;
-    background: rgba(0, 0, 0, 1);
-    opacity: 0.5;
-    border: none;
-  }
-
-  :deep(.ant-tabs-tab-btn) {
-    color: white;
-  }
-
-  :deep(.ant-table) {
-    background-color: transparent;
-  }
-
-  :deep(.ant-table-bordered) {
-    background-color: transparent;
-  }
-
-  :deep(.ant-table-thead) {
-    background-color: transparent;
-  }
-
-  :deep(.ant-table-cell) {
-    background-color: transparent;
-    color: #fff;
-  }
-  .lighting-img-box {
-    width: 100%;
-    max-height: calc(100% - 79px);
-  }
-  .lighting-img-box > img {
-    width: 100%;
-    height: calc(100vh - 96px);
-    object-fit: cover;
-  }
-  .F1 {
-    width: 120px;
-    height: 50.72px;
-    border-radius: 4px;
-    background: rgba(39, 120, 255, 1);
-    border: 1px solid rgba(51, 199, 255, 1);
-    box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
-    font-size: 24px;
-    font-weight: 400;
-    color: rgba(255, 255, 255, 1);
-  }
-  .F2,
-  .platform {
-    width: 120px;
-    height: 50.72px;
-    border-radius: 4px;
-    background: rgba(7, 72, 116, 1);
-    box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
-    font-size: 24px;
-    font-weight: 400;
-    color: rgba(146, 187, 255, 1);
-    border: 1px solid rgba(39, 120, 255, 1);
-    margin-top: 20px;
-  }
-
-  .btn-box {
-    position: fixed;
-    top: 100px;
-    left: 250px;
-  }
-
-  .lighting-img-box > .bulbBox > .wh100 {
-    width: 38px;
-    height: calc(38px + 19px);
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo1 {
-    position: absolute;
-    top: 10%;
-    left: 10%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo2 {
-    position: absolute;
-    top: 9%;
-    left: 15%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo3 {
-    position: absolute;
-    top: 34%;
-    left: 25%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo4 {
-    position: absolute;
-    top: 45%;
-    left: 30%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo5 {
-    position: absolute;
-    top: 45%;
-    left: 30%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo6 {
-    position: absolute;
-    top: 55%;
-    left: 30%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo7 {
-    position: absolute;
-    top: 60%;
-    left: 40%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo8 {
-    position: absolute;
-    top: 55%;
-    left: 70%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo9 {
-    position: absolute;
-    top: 10%;
-    left: 60%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo10 {
-    position: absolute;
-    top: 10%;
-    left: 40%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo11 {
-    position: absolute;
-    top: 15%;
-    left: 50%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo12 {
-    position: absolute;
-    top: 15%;
-    left: 60%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo13 {
-    position: absolute;
-    top: 55%;
-    left: 70%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo14 {
-    position: absolute;
-    top: 45%;
-    left: 60%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo15 {
-    position: absolute;
-    top: 45%;
-    left: 80%;
-    display: flex;
-    align-items: center;
-  }
-
-  .lighting-img-box > .bulbBox > .bulbLogo16 {
-    position: absolute;
-    top: 45%;
-    left: 90%;
-    display: flex;
-    align-items: center;
-  }
-
-  .editable-cell {
-    position: relative;
-
-    .editable-cell-input-wrapper,
-    .editable-cell-text-wrapper {
-      padding-right: 24px;
-    }
-
-    .editable-cell-text-wrapper {
-      padding: 5px 24px 5px 5px;
-    }
-
-    .editable-cell-icon,
-    .editable-cell-icon-check {
-      position: absolute;
-      right: 0;
-      width: 20px;
-      cursor: pointer;
-    }
-
-    .editable-cell-icon {
-      margin-top: 4px;
-      display: none;
-    }
-
-    .editable-cell-icon-check {
-      line-height: 28px;
-    }
-
-    .editable-cell-icon:hover,
-    .editable-cell-icon-check:hover {
-      color: #108ee9;
-    }
-
-    .editable-add-btn {
-      margin-bottom: 8px;
-    }
-  }
-
-  .editable-cell:hover .editable-cell-icon {
-    display: inline-block;
-  }
-
-  .div-operation {
-    width: 3px;
-    height: 13px;
-    opacity: 1;
-    border-radius: 1px;
-    background: rgba(67, 136, 251, 1);
-  }
-
-  .text-operation {
-    color: rgba(255, 255, 255, 1);
-    font-size: 16px;
-    font-weight: 700;
-    margin-left: 5px;
-  }
-
-  .div-operation,
-  .text-operation {
-    display: inline-block;
-  }
-
-  .jbox {
-    background-color: #000;
-    opacity: 1;
-    z-index: 99999;
-  }
-
-  .journal {
-    padding: 3% 5%;
-    background-size: 450px 177px;
-    width: 482px;
-    height: 177px;
-    background-color: rgba(0, 0, 0);
-    border-radius: 12px;
-    border: 2px solid transparent;
-    border-image: linear-gradient(to bottom, #0077ff, #00f6ff, #000000) 1;
-  }
-
-  .imgText {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .ztzm {
-      display: flex;
-      align-items: center;
-    }
-
-    .cxbtn {
-      color: rgba(255, 255, 255, 1);
-      border: none;
-      border-radius: 6px;
-      width: 59.79px;
-      height: 32px;
-      opacity: 1;
-      background: linear-gradient(
-        180deg,
-        rgba(255, 187, 0, 1) 0%,
-        rgba(255, 112, 3, 1) 91.21%,
-        rgba(255, 129, 3, 1) 100%
-      );
-    }
-  }
-
-  :deep(.ant-modal-content) {
-    width: 555px;
-    height: 792px;
-  }
-
-  :deep(.ant-modal-body) {
-    width: 555px;
-    max-height: 792px !important;
-    box-sizing: border-box;
-  }
-
-  .text-change {
-    text-align: center;
-    color: rgba(255, 255, 255, 1);
-    font-size: 20px;
-  }
-
-  .excuno {
-    width: 150px;
-    height: 40px;
-    margin-top: 30px;
-  }
-
-  .excuok {
-    width: 150px;
-    height: 40px;
-    margin-top: 30px;
-  }
-
-  .excubtn {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .addok {
-    width: 74px;
-    height: 40px;
-    opacity: 1;
-    border-radius: 4px;
-    background: rgba(67, 136, 251, 1);
-    border: rgba(67, 136, 251, 1);
-    font-size: 14px;
-    font-weight: 400;
-    color: rgba(255, 255, 255, 1);
-    margin-top: 440px;
-    margin-left: 350px;
-  }
-
-  .zmhlbtn {
-    position: relative;
-  }
-
-  .anticon-stop {
-    position: absolute;
-    right: 3px;
-    bottom: 3px;
-  }
-
-  .istrindex {
-    background: rgba(67, 136, 251, 1);
-  }
-
-  :deep(.ant-modal-mask.ant-modal-content) {
-    height: 100vh;
-    position: fixed;
-    right: 496px;
-    top: 0%;
-  }
-  :deep(.ant-modal-content) {
-    position: fixed;
-    bottom: 20px;
-    right: 500px;
-  }
-</style>
diff --git a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
index ebf278f..3185f86 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
@@ -2,14 +2,13 @@
   <div class="box-ventilationSystem">
     <div class="legend-box">
       <template v-for="(item, index) in legend" :key="index">
-        <div
-          class="legend-box-item"
-          :style="{
-            'background-image': selectIndex === index ? 'url(' + selectImg + ')' : '',
-          }"
-          @click="selectLegend(item, index)">
-          <div class="legend-box-item-img">
-            <img style="width: 42px" :src="item.url" />
+        <div class="legend-box-item" @click="selectLegend(item, index)">
+          <div
+            class="legend-box-item-img"
+            :style="{
+              'background-image': selectIndex === index ? 'url(' + selectImg + ')' : '',
+            }">
+            <img :src="item.url" />
           </div>
           <div class="legend-box-item-name">
             {{ item.name }}
@@ -260,13 +259,13 @@
 <script lang="ts" setup>
   import { ref, onMounted, onUnmounted } from 'vue';
   //图片
-  import temperature from '../image/airConditioningSystem/temperature.png';
-  import humidity from '../image/ventilationSystem/humidity.png';
-  import PM25 from '../image/ventilationSystem/PM25.png';
-  import CO2 from '../image/ventilationSystem/CO2.png';
-  import ventilatingFan from '../image/ventilationSystem/ventilatingFan.png';
-  import window from '../image/ventilationSystem/window.png';
-  import airCurtain from '../image/ventilationSystem/fanMachine.png';
+  import temperature from '../image/airConditioningSystem/temperature.svg';
+  import humidity from '../image/ventilationSystem/humidity.svg';
+  import PM25 from '../image/ventilationSystem/PM25.svg';
+  import CO2 from '../image/ventilationSystem/CO2.svg';
+  import ventilatingFan from '../image/ventilationSystem/ventilatingFan.svg';
+  import window from '../image/ventilationSystem/window.svg';
+  import airCurtain from '../image/ventilationSystem/fanMachine.svg';
   import selectImg from '../image/airConditioningSystem/selectImg.png';
   import sunRed from '../image/airConditioningSystem/sunRed.png';
   import sunYellow from '../image/airConditioningSystem/sunYellow.png';
@@ -476,34 +475,39 @@
 </script>
 <style lang="less">
   .legend-box {
-    width: 5%;
+    width: 80px;
     height: 100%;
-    background-color: rgba(33, 40, 54, 0.9);
-    border-radius: 4px 0px 0px 4px;
-    padding: 4px;
+    background-color: rgba(33, 40, 54, 0.95);
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 15px 5px;
     .legend-box-item {
-      width: 100%;
-      height: 90px;
-      padding: 10px 0;
-      cursor: pointer;
-      background-size: 75%;
-      background-repeat: no-repeat;
-      background-position: center; /* 把图片背景居中 */
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 70px;
+      height: 70px;
       .legend-box-item-img {
-        width: 100%;
-        height: 50px;
-        display: flex;
-        justify-content: center; /* 水平居中 */
-        align-items: center; /* 垂直居中 */
+        width: 50px;
+        height: 60px;
+        padding-top: 5px;
+        flex: 1;
+        cursor: pointer;
+        background-size: 100% 100%;
+        text-align: center;
+        img {
+          transition: all ease 0.2s;
+        }
+        img:hover {
+          transform: scale(1.1);
+        }
       }
       .legend-box-item-name {
-        width: 100%;
-        display: flex;
-        justify-content: center; /* 水平居中 */
-        align-items: center; /* 垂直居中 */
+        transform: translateY(-5px);
+        text-align: center;
         color: white;
-        font-size: 12px;
-        margin-top: 6px;
+        font-size: 13px;
       }
     }
   }