From 5d7bd5bb192612cdfd64472fd9bca3e45a81e5c5 Mon Sep 17 00:00:00 2001
From: chenpingsen <chenpingsen>
Date: Wed, 7 Aug 2024 09:27:10 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=E6=96=B0=E9=A3=8E=E7=B3=BB=E7=BB=9F=20?=
 =?UTF-8?q?&=20=E9=80=9A=E9=A3=8E=E7=B3=BB=E7=BB=9F=20=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E8=8A=82/=E5=9B=BE=E5=83=8F=E7=B4=A0=E6=9D=90?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../airConditionControlSystem/dialogStyle.less     |    7 +-
 .../airConditioningSystem/index.vue                |  102 +-
 .../image/airConditioningSystem/airConditioner.png |  Bin 2590 -> 0 bytes
 .../image/airConditioningSystem/airConditioner.svg |   44 +
 .../image/airConditioningSystem/floorHeating.png   |  Bin 2693 -> 0 bytes
 .../image/airConditioningSystem/floorHeating.svg   |   39 +
 .../image/airConditioningSystem/freshAir.png       |  Bin 2710 -> 0 bytes
 .../image/airConditioningSystem/freshAir.svg       |   42 +
 .../image/airConditioningSystem/people.png         |  Bin 2797 -> 0 bytes
 .../image/airConditioningSystem/people.svg         |   39 +
 .../image/airConditioningSystem/temperature.png    |  Bin 2717 -> 0 bytes
 .../image/airConditioningSystem/temperature.svg    |   39 +
 .../image/ventilationSystem/CO2.png                |  Bin 2469 -> 0 bytes
 .../image/ventilationSystem/CO2.svg                |   42 +
 .../image/ventilationSystem/PM25.png               |  Bin 2491 -> 0 bytes
 .../image/ventilationSystem/PM25.svg               |   42 +
 .../image/ventilationSystem/a1.svg                 |   44 +
 .../image/ventilationSystem/fanMachine.png         |  Bin 2351 -> 0 bytes
 .../image/ventilationSystem/fanMachine.svg         |   41 +
 .../image/ventilationSystem/humidity.svg           |   42 +
 .../image/ventilationSystem/ventilatingFan.png     |  Bin 2524 -> 0 bytes
 .../image/ventilationSystem/ventilatingFan.svg     |   39 +
 .../image/ventilationSystem/window.png             |  Bin 2412 -> 0 bytes
 .../image/ventilationSystem/window.svg             |   42 +
 .../lightingManage/dialogStyle.less                |    7 +-
 .../equipmentControl/lightingManage/indexs1.vue    | 2190 --------------------
 .../equipmentControl/ventilationSystem/index.vue   |   78 +-
 27 files changed, 616 insertions(+), 2263 deletions(-)
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/airConditioner.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/floorHeating.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/freshAir.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/people.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/temperature.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/CO2.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/PM25.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/a1.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/fanMachine.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/humidity.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/ventilatingFan.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/ventilationSystem/window.svg
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs1.vue

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 b1b9ea61091c1a868626f250d3bdcd12dcac7a76..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2590
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
AGXMYp

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 1c926bbb84258bbeb3dcbe7fce102c618c8b9284..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2693
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

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 c62d11e1cb15a875657fef584a855acaa0a8bb84..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2710
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
Q1poj507*qoM6N<$g3%-|F8}}l

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 58b80c7e34bae1eccb512698fe324855deaf9bb0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2797
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

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 101b5b173fc90f4a4f04d38ab4ff309f10bae2a5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2717
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
XO7C{)UywV900000NkvXXu0mjfwJSN^

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 97dc82e27ab4e3fd1f5b4159d9ea7b5c3a08f7ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2469
zcmV;W30n4vP)<h;3K|Lk000e1NJLTq001Wd001Ni1^@s63O6I000001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZyPf0{UR9J<rn166p#TCcDXLs*?@7<T5BoPt{Mi_%d
zBN<7>*ovU7c2v~CfoW|!)#(VGmRND7wT!jUcBrTwMMXPU#~;%X3zj+*ovBqD%hWo>
zL@6-}nG%AL5DfYGa&O*y_wJtlabJGDycj^w%z1bB?AdcZZ+GABeM>kEiEkd7DWNZs
z(kjeu6ZNrq<iO6hvxl^KGTk=GZrJO;C;HdZ$xG8Y6s&KVA!b%SC@jk%f*$KB7ywWs
z$|(wKH2Fv&3Evzroq)+C3jNs_W&G6J13%CI{dBq2bPilnu>w&gV9S%Ei3tpo0sIKv
zq1}vi%79ap0LZY3LT-Wt33XZV*5T&9yJG)3Yq<F4lQV^5Ev2aVlqG_({01Zij{=R1
zBF5TBZ6@R!0|yht3FD=11aS6nGG^Zj3q7zf2m+g~gI8hT)5Q=fO$0D8h>cBv1tJgt
zqL2U-mcy!miAGYUWd4gLQqlpXT%-N+yv-+;58YedaK><Xzdf<gkeRFUW9<wL-Pcx)
zbbq<Lc=@KWK?sF~WM~ZrKteKraB-T<5+%uE_|#01II<p5XEV!a0x{8vq;+-S{rv|9
zHWc;cVh~foX^HD8ZXIWfUABbFeeJ8LeEy$U!D9<9%W+EDgAEs%GE40Wsa;_qRHZ!>
z6t{6S{-#JCTP7r2>Db*A6P|CSFPn-XCtU1_lb2Im#3(<~$)vrY`-96l7JUaLGmo%j
zmj!!lvpb?%vKtV4feO69W;amm1(MwfD%kVO&fmd0aS6+W9a!4qbK*x}QEkD)9Wzc3
zZWqU(@KsUf9O4LEjfBnV-m9r(_Fh)fWyLNNyUgq{2Obl<q()S@Bm$2VyJWFPf<2+w
z9aG`LnX#RdAAe6+><XI`a6~6d>x$EYQv+Q~*cSa9wfc-?j|baUBA&m8%PI~Vn_Xi|
z*I3du7Q4n0u93lnQDj@Vtk`22){SD%*wQsNyGF1Z6rcMhQ83H+pInj_?3&U@yHS|u
zJkni0iDg3V*`q}gv<QV(vympr$?kcihp)iguWVs9V_Qc=akxJOneWFC7ue@h0ad}%
zCpaY%rZwFPAAke{J^+BCiUA*#ia!Mm-61UV8YD62+lQm6V5tY}9FH^Mgoy4u`E@qJ
zQ6;gDVZgfQ@b84r@6xObc4p!ODsu=ZE8J9T)y-5Oeh7hz@v+$F20o^@P=`4lTGB|T
z0VtaRz#2HTg`x#-q^a}`ST@Ix^)0eg^xaQyD>^b6?r$A4>>>L)IO;u8aUbcfDkOT=
zVb+E9Kq~afJYYq_1a;O=C?@K&r(>K9>Mnh&IpnuYu-afsoR~?R++*zXE(4N?4xp&O
zGv}ANGxjvCB_9~K=4=yN%9c2!3Znhe(JsS%nw<E9($}7p%9T>N(owE-(yp`;o~n!7
zFbx<06v$cf1$!=8N(Szz>cEpu*-=RG3L+<eVF~H#VtL%K9`eeD7L0Tb;oj-1Bw`aU
zQ2(?2w5Lt)cSzEIVzbYAFG49dl1h0|+i^n`Zqybo#c=mDU?Wn<bFJHlhFx#S$#X+Z
zxI<3D)lzPO6xXFoO<^LE@1iWS-&S0?a94{BWTrLJ*ndsRvzp;Jr+_9{>2q2zlvwS5
zW8nvQYa~Zlh<|O_l|tf|AS}%^^k<$$0Qw1NXP_nvuphwP3E;VG^2q*A)|q&$%D<?z
z9sp`z>Afi8#QE*3A}xrtB^Oxl4~+(shX=Q-{m1XmIY-Q!@|k&@9xY<7%wt}b&)k>C
zyew00$nxWSW-eg9D_30gVP7+jq^bd6aU)xG`}}KHG_oT|$}jnPuyxFpZU`=&y&*e5
z5pyL2-_J6)2f%FvybRy~fMpc=v@@`E+^7No7}!|ET$CM~ZTXl`R1W}6wd4z-+Xp0O
z3y|`GJZBUQY~j7`itGS7oT|!P-yE4a7eHSIVg#x`%dbcSH)VGw-^_!+!BJQeF(@Pj
zIQ5B=s2XW7hJS6P(vwCGz@%4ngurhx@F;*91N_$jj|yO!0FEJChuJbPzG63aR1@<`
zGsoTr0E=JmE##Cg*;h>+B6)7K4Zc>`+gS<#=F5fKpo2R5)q~aJgZRKdb0jJvpn-sf
zk+J~ZXP}0GM{>a#pnZZNz(xf6@zM4nQ)~I$3S_pDz#aZjDY0nO!36h%>7ns4l0+lx
z=<~>PF42LJiv9XW)q>43|KieZ05JcV<8uID-?dK1C>)kooI*+uNB-Eh008vT`McTZ
z+4hdNZy6tXh-f_lzd9Q#2DVCI{dk)+W}`_5%g5@nO8BC2q&|A^2X^!W___|;8{4q9
z)~94}E2aG%0CtZLI7qaqh<R%;c`us^s^0?I`-vv}IP(9z|BfIqNMAX>82~CCXj_m@
z1wBoxXAR_z^whBn@xY<c<HLUXA1_3<?p=2}5N9fRJO6#kezmb004mlrI&-#sd~L<{
zPG`K&#P>PwZUu8C)-*Z*peXn$`N0O~XD?3LT0V~yJoEZG7~Y+}zP1?vyuyMi?Fa3h
zYb(5|;nvpr@YC(clQjU~{otBT4$NQJ%DJ_il@vd`tD5|vo^`Md0I;Ufktr^L?(N9-
zo&1{K;kO~+7{1+53IM4Mx70%iE1h+Ze<7nsfmkO3e%$@;mCXR4{74N4>DJCowO+RG
zWVokleFQ-Zq!`_pq4k}d)(=hcJwqwJ@7Zc*b4%ZkuM0=*Tl?q0__5w6t0#?GZa4sV
z^3pB@0B(A14gd^4v}QMH|Kj{r_tkwKI0bAZt;d!~fU3ZYw0wsD6ylmzNLqx&ja_J}
z^*IPOnSh^<fAgMtM$oGOj9uSYVbL0?P51y}0P;(gXx~TgZ*Kns0AS_2^FZ8#moDr&
zbGW_BPvORf0n8qphb9~zetyI5*v<ErOXA0bP+$TC5r_yPyocx|fgS=u6ChZCMEEa2
z7zM3OCmVSu0ANL<17XfXQoJ)|eoS`-wqmaX8LvY}!9FzA`k(20CUW!s8dv~cy7a(j
zxlMT;0RY&$!h>&)Vs8I=Ul`b`78{m|At_p?bDj3`5UX}cq>C3qL{qt%XFRiHP0oHv
zJ=FW7gF7bJY$IVz1cB<n%S(EuOFix7AzoUo0W{;rJ^5qClCdJu-*fiUJP7Tdm|z<Q
j5b5;r@@k#4PnP^2*syYX$cNd@00000NkvXXu0mjf@9UmC

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 65dfeadb50377ac620d438ba471004060fd2ebe4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2491
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
FV1g`Pr?3D3

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 a1db48dd48659e7300a5c2a84472a85b3d32f6b3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2351
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
VI(6=j@)rOA002ovPDHLkV1g|8c!2-_

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 f7bf12d643ecb8a47318d670fbeab9cd7485687c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2524
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

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 c1494ef99f316429f002a7fb770a501e2f939008..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2412
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

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;
       }
     }
   }

From b079a2b464ffeaea2ec9733e6ef84c6ee854e12b Mon Sep 17 00:00:00 2001
From: fks-xuxinyue <2822784518@qq.com>
Date: Wed, 7 Aug 2024 10:28:29 +0800
Subject: [PATCH 2/3] taskId:282,remark:'commit'

---
 .../src/api/carbonEmissionFactorLibrary.ts         |   6 +-
 hx-ai-intelligent/src/icon/carbonPlanningDown.svg  |   6 +
 hx-ai-intelligent/src/icon/carbonPlanningUp.svg    |   6 +
 .../carbonEmissionManage/carbonAssets/index.vue    |   2 +-
 .../carbonEmissionFactorLibrary/config.ts          |   2 +-
 .../carbonEmissionFactorLibrary/index.vue          |   4 +-
 .../carbonEmissionStatistics/index.vue             |   1 -
 .../carbonInventoryCheck/fillInPage/index.vue      |  18 +-
 .../carbonPlanning/all/index.vue                   |  35 ++-
 .../carbonPlanning/category/categoryDeatil.vue     | 236 +++++++++++++++------
 .../carbonPlanning/category/index.vue              |  95 +++++++--
 .../carbonEmissionManage/carbonPlanning/index.vue  |  63 ++++--
 .../src/view/equipmentManage/group/index.vue       |   1 +
 13 files changed, 353 insertions(+), 122 deletions(-)
 create mode 100644 hx-ai-intelligent/src/icon/carbonPlanningDown.svg
 create mode 100644 hx-ai-intelligent/src/icon/carbonPlanningUp.svg

diff --git a/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts b/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
index fe5380d..c9b0f97 100644
--- a/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
+++ b/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
@@ -52,7 +52,7 @@ export enum carbonInventoryCheck {
   update = '/carbon-smart/api/carbon/inventory/update',
   del = '/carbon-smart/api/carbon/inventory/del',
   // 获取排放源表格数据
-  findUnitById = '/carbon-smartapi/carbon/inventory/findById',
+  findUnitById = '/carbon-smart/api/carbon/inventory/findById',
   getDetailsList = '/carbon-smart/api/carbon/inventory/details/getDetailsList',
   updateTable = '/carbon-smart/api/carbon/inventory/details/update',
   // 排放统计接口
@@ -86,4 +86,8 @@ export enum carbonPlanning {
   yearAndMonthAchievement = '/carbon-smart/api/carbon/planning/yearAndMonthAchievement',
   annualElectricityConsumption = '/carbon-smart/api/carbon/planning/annualElectricityConsumption',
   electricityUsageBackThen = '/carbon-smart/api/carbon/planning/electricityUsageBackThen',
+  detailedStatisticalDataTable = '/carbon-smart/api/carbon/planning/detailedStatisticalDataTable',
+  detailedStatisticalDataChart = '/carbon-smart/api/carbon/planning/detailedStatisticalDataChart',
+  batchOrUpdate = '/carbon-smart/api/carbon/planning/batchOrUpdate',
+  addNodes = '/carbon-smart/api/carbon/planning/addNodes',
 }
diff --git a/hx-ai-intelligent/src/icon/carbonPlanningDown.svg b/hx-ai-intelligent/src/icon/carbonPlanningDown.svg
new file mode 100644
index 0000000..cbf6941
--- /dev/null
+++ b/hx-ai-intelligent/src/icon/carbonPlanningDown.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.72705078125" height="20.530746459960938" viewBox="0 0 16.72705078125 20.530746459960938" fill="none">
+<path d="M8.83553 0.223206C8.71956 0.0818939 8.54638 0 8.36358 0C8.18079 0 8.00761 0.0818939 7.89164 0.223206L0.139786 9.14842C-0.120087 9.44533 -0.00717926 9.69086 0.391891 9.69086L3.29167 9.69086C3.69073 9.69086 4.01572 10.0111 4.01572 10.4054L4.01572 15.5251C4.01572 15.9194 4.3413 16.242 4.73977 16.242L11.988 16.242C12.3865 16.242 12.7121 15.9194 12.7121 15.5251L12.7121 10.4054C12.7121 10.0111 13.037 9.69086 13.4361 9.69086L16.3335 9.69086C16.7326 9.69086 16.8479 9.44533 16.588 9.14842L8.83553 0.223206Z"   fill="#F36163" >
+</path>
+<path d="M4.55933 20.5308L12.1678 20.5308C12.4977 20.5308 12.7652 20.2633 12.7652 19.9334L12.7652 18.1411C12.7652 17.8112 12.4977 17.5437 12.1678 17.5437L4.55933 17.5437C4.22937 17.5437 3.96191 17.8112 3.96191 18.1411L3.96191 19.9334C3.96191 20.2633 4.2294 20.5308 4.55933 20.5308Z"   fill="#F36163" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/icon/carbonPlanningUp.svg b/hx-ai-intelligent/src/icon/carbonPlanningUp.svg
new file mode 100644
index 0000000..cbf6941
--- /dev/null
+++ b/hx-ai-intelligent/src/icon/carbonPlanningUp.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.72705078125" height="20.530746459960938" viewBox="0 0 16.72705078125 20.530746459960938" fill="none">
+<path d="M8.83553 0.223206C8.71956 0.0818939 8.54638 0 8.36358 0C8.18079 0 8.00761 0.0818939 7.89164 0.223206L0.139786 9.14842C-0.120087 9.44533 -0.00717926 9.69086 0.391891 9.69086L3.29167 9.69086C3.69073 9.69086 4.01572 10.0111 4.01572 10.4054L4.01572 15.5251C4.01572 15.9194 4.3413 16.242 4.73977 16.242L11.988 16.242C12.3865 16.242 12.7121 15.9194 12.7121 15.5251L12.7121 10.4054C12.7121 10.0111 13.037 9.69086 13.4361 9.69086L16.3335 9.69086C16.7326 9.69086 16.8479 9.44533 16.588 9.14842L8.83553 0.223206Z"   fill="#F36163" >
+</path>
+<path d="M4.55933 20.5308L12.1678 20.5308C12.4977 20.5308 12.7652 20.2633 12.7652 19.9334L12.7652 18.1411C12.7652 17.8112 12.4977 17.5437 12.1678 17.5437L4.55933 17.5437C4.22937 17.5437 3.96191 17.8112 3.96191 18.1411L3.96191 19.9334C3.96191 20.2633 4.2294 20.5308 4.55933 20.5308Z"   fill="#F36163" >
+</path>
+</svg>
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue
index 748eb5c..25d7b2a 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue
@@ -148,7 +148,7 @@
         <div class="moneyImg"
           ><img width="68px" height="68px" src="../../../../src/icon/carbonAssetsMoney-4.svg"
         /></div>
-        <div class="moneyTitle">全国碳账户估值（CNY）</div>
+        <div class="moneyTitle">碳资产总估值（CNY）</div>
         <div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ whole.whole }}</div>
       </div>
       <div class="title" style="justify-content: center">
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/config.ts b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/config.ts
index 7eaf1ae..5044eff 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/config.ts
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/config.ts
@@ -191,7 +191,7 @@ export const formConfig = (disabled) => {
           },
           {
             label: '参考文献',
-            field: 'reference',
+            field: 'bibliography',
             component: 'NsTextarea',
             componentProps: {
               placeholder: '请输入参考文献',
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
index feec1a2..ba32d72 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
@@ -686,7 +686,7 @@
       },
       {
         title: '参考文献',
-        dataIndex: 'reference',
+        dataIndex: 'bibliography',
       },
       {
         title: '引用数量',
@@ -824,7 +824,7 @@
           },
         },
         {
-          field: 'reference',
+          field: 'bibliography',
           label: '文献关键字',
           component: 'NsInput',
           componentProps: {
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue
index 94da7c9..76f48a0 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue
@@ -37,7 +37,6 @@
         energyConsumptionRef.value.mainRef.nsTableRef.reload();
       }
     } else if (key === '2') {
-      debugger
       if (carbonEmissionsRef.value) {
         carbonEmissionsRef.value.getTableList(); // 调用子组件的方法
       }
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
index b5eede6..151d401 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
@@ -1163,6 +1163,8 @@
   let chartInstance: echarts.ECharts | null = null;
   const drawEcharts = () => {
     chartInstance = echarts.init(tplxChart.value);
+    let listData = datalist.value;
+    let linkDatas = linksData.value;
     let Color = [
       '#61FEFF',
       '#937FE6',
@@ -1180,6 +1182,8 @@
       '#bbc951',
       '#FFC14B',
       '#b785a6',
+      '#c23531',
+      '#2f4554',
     ];
     let Color1 = [
       '#04E0F3',
@@ -1198,6 +1202,8 @@
       '#bbc951',
       '#FFC14B',
       '#b785a6',
+      '#c23531',
+      '#2f4554',
     ];
     let sourceLabel = [
       'right',
@@ -1219,16 +1225,16 @@
     ];
     let itemStyleColor = [];
     let labelSource = [];
-    for (let i = 0; i < datalist.value.length; i++) {
-      datalist.value[i].label = {
+    for (let i = 0; i < listData.length; i++) {
+      listData[i].label = {
         normal: {
           position: sourceLabel[i],
         },
       };
       labelSource.push(sourceLabel[i]);
     }
-    for (let d = 0; d < datalist.value.length; d++) {
-      datalist.value[d].itemStyle = {
+    for (let d = 0; d < listData.length; d++) {
+      listData[d].itemStyle = {
         normal: {
           color: {
             type: 'linear',
@@ -1250,7 +1256,7 @@
           },
         },
       };
-      itemStyleColor.push(datalist.value[d]);
+      itemStyleColor.push(listData[d]);
     }
     const option = {
       backgroundColor: 'transparent',
@@ -1270,7 +1276,7 @@
           nodeWidth: 25,
           focusNodeAdjacency: 'allEdges',
           data: itemStyleColor,
-          links: linksData.value,
+          links: linkDatas,
           label: {
             normal: {
               color: '#fff',
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/all/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/all/index.vue
index 14f7fd2..0285bb9 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/all/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/all/index.vue
@@ -7,13 +7,15 @@
           v-if="selectedTime"
           style="margin-left: 5%"
           valueFormat="YYYY"
-          :value="selectYear"
+          v-model:value="selectYear"
+          @change="changeYear"
           picker="year" />
         <a-date-picker
           v-else
           style="margin-left: 5%"
           valueFormat="YYYY-MM"
-          :value="selectMonth"
+          v-model:value="selectMonth"
+          @change="changeMonth"
           picker="month" />
       </div>
       <div class="operation">
@@ -30,7 +32,13 @@
         </template>
       </div>
       <div class="tablePart">
-        <a-table :columns="columns" :data-source="data" bordered :pagination="false"> </a-table>
+        <a-table
+          :columns="columns"
+          :data-source="data"
+          bordered
+          :pagination="false"
+          :scroll="{ x: 1300, y: 300 }">
+        </a-table>
       </div>
     </div>
   </div>
@@ -52,26 +60,35 @@
     return http.post(api, params);
   };
   const selectYear = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
-  const selectMonth = ref<Dayjs>();
+  const selectMonth = ref<Dayjs>(dayjs().startOf('year').month(0));
   // 年/月切换
   const monthStyles = ref('background: #f2f2f2');
   const yearStyles = ref('background: #2778ff');
   const selectedTime = ref(true);
+  const changeMonth = () => {
+    queryParams.value.yearMonth = selectMonth.value;
+    getTableData();
+  };
   const changeToMonth = () => {
     monthStyles.value = 'background: #2778ff';
     yearStyles.value = 'background: #f2f2f2';
     queryParams.value.yearAndMonth = 'month';
-    queryParams.value.year = selectMonth.value;
+    queryParams.value.yearMonth = selectMonth.value.format('YYYY-DD');
     columns.value[2].title = '月份';
-    columns.value[2].dataIndex = 'month';
+    columns.value[2].dataIndex = 'yearMonth';
     selectedTime.value = false;
     getTableData();
   };
+  const changeYear = () => {
+    queryParams.value.year = selectYear.value;
+    getTableData();
+  };
   const changeToYear = () => {
     monthStyles.value = 'background: #f2f2f2';
     yearStyles.value = 'background: #2778ff';
     queryParams.value.yearAndMonth = 'year';
-    queryParams.value.year = selectYear.value;
+    delete queryParams.value.yearMonth;
+    // queryParams.value.year = selectYear.value;
     columns.value[2].title = '年份';
     columns.value[2].dataIndex = 'year';
     selectedTime.value = true;
@@ -85,7 +102,7 @@
       const chart = echarts.init(document.getElementById(`ydlChart_${index}`)!);
 
       const handred = 100;
-      let point = parseInt(item.budgetAchievement.replace("%", ""));
+      let point = parseInt(item.budgetAchievement.replace('%', ''));
       const option = {
         backgroundColor: 'transparent',
         title: [
@@ -197,7 +214,7 @@
     },
     {
       title: '计量单位',
-      dataIndex: 'name',
+      dataIndex: 'unitMeasurement',
     },
     {
       title: '总实际用量',
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
index 0ecc940..234403e 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
@@ -13,23 +13,49 @@
         <div class="chart" ref="chartRef"></div>
         <div class="contrast">
           <div class="model">
-            <div class="quantity"><span>12,500.00</span>kwh</div>
-            <div class="quantityTitle">2023年实际用量</div>
+            <div class="quantity">
+              <span>{{ lastYearActualUsage }}</span>
+              kwh
+            </div>
+            <div class="quantityTitle">{{ Number(props.year) - 1 }}年实际用量</div>
           </div>
           <div class="model">
-            <div class="quantity"><span>12,500.00</span>kwh</div>
-            <div class="quantityTitle">2024年实际用量</div>
+            <div class="quantity">
+              <span>{{ actualUsage }}</span>
+              kwh
+            </div>
+            <div class="quantityTitle">{{ props.year }}年实际用量</div>
           </div>
           <div class="model">
-            <div class="quantity"><span>12,500.00</span>kwh</div>
-            <div class="quantityTitle">2024年预算</div>
+            <div class="quantity">
+              <span>{{ budget }}</span>
+              kwh
+            </div>
+            <div class="quantityTitle">{{ props.year }}年预算</div>
           </div>
           <div class="model">
-            <div class="quantity"><span>12,500.00</span>kwh</div>
+            <div class="quantity">
+              <span>{{ referenceValue }}</span>
+              kwh
+            </div>
             <div class="quantityTitle">基准值</div>
           </div>
           <div class="model">
-            <div class="quantity"><span>12,500.00</span>kwh</div>
+            <div class="quantity">
+              <img
+                width="20px"
+                height="28px"
+                v-if="count < 0"
+                src="../../../../../src/icon/carbonPlanningDown.svg" />
+              <span v-if="count < 0" style="margin-left: 5px">{{ Math.abs(count) }}%</span>
+              <img
+                width="20px"
+                height="28px"
+                v-if="count > 0"
+                src="../../../../../src/icon/carbonPlanningUp.svg" />
+              <span v-if="count > 0" style="margin-left: 5px">{{ count }}%</span>
+              <span v-if="count === 0" style="margin-left: 5px">{{ count }}%</span>
+            </div>
             <div class="quantityTitle">实际|预算</div>
           </div>
         </div>
@@ -64,6 +90,7 @@
             selectedRowKeys: selectedRowKeys,
             onChange: onSelectionChange,
           }"
+          :scroll="{ x: 1300, y: 400 }"
           :pagination="false">
           <template #bodyCell="{ column, text, record }">
             <template v-if="column.key === 'action'">
@@ -75,26 +102,26 @@
         </a-table>
       </a-card>
     </div>
-    <!-- 设置 -->
+    <!-- 批量设置 -->
     <a-modal :visible="open" title="批量设置" @ok="handleOk" @cancel="onCancel">
       <a-form ref="formRef" :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
         <a-form-item label="是否按去年折算">
-          <a-select ref="select" :value="formState.value1">
-            <a-select-option value="1">是</a-select-option>
-            <a-select-option value="0">否</a-select-option>
+          <a-select ref="select" v-model:value="formState.isLastYear" @change="selectChange">
+            <a-select-option :value="1">是</a-select-option>
+            <a-select-option :value="0">否</a-select-option>
           </a-select>
         </a-form-item>
-        <a-form-item label="计算方式">
-          <a-select ref="select" :value="formState.value2">
-            <a-select-option value="1">手动</a-select-option>
-            <a-select-option value="0">自动</a-select-option>
+        <!-- <a-form-item label="计算方式">
+          <a-select ref="select" v-model:value="formState.countMethod">
+            <a-select-option value="0">手动</a-select-option>
+            <a-select-option value="1">自动</a-select-option>
           </a-select>
-        </a-form-item>
+        </a-form-item> -->
         <a-form-item label="折算率">
-          <a-input :value="formState.name" suffix="%" disabled />
+          <a-input v-model:value="formState.conversionRate" suffix="%" :disabled="disabled" />
         </a-form-item>
         <a-form-item label="预算值">
-          <a-input :value="formState.email" suffix="kWh" disabled />
+          <a-input v-model:value="formState.budget" suffix="kWh" :disabled="!disabled" />
         </a-form-item>
       </a-form>
     </a-modal>
@@ -105,7 +132,7 @@
       :width="500"
       @close="onClose"
       :footer-style="{ textAlign: 'right' }">
-      <div> 节点：站台照明 </div>
+      <div> 节点：{{ props.nodeName }} </div>
       <a-table
         :columns="drawerColumns"
         :data-source="newTableData"
@@ -134,15 +161,34 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, defineEmits, reactive } from 'vue';
+  import { ref, defineEmits, reactive, toRaw } from 'vue';
+  import { http } from '/nerv-lib/util/http';
   import { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons-vue';
+  import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
   import * as echarts from 'echarts';
+  import { any, string } from 'vue-types';
   // 父组件id
   const props = defineProps({
     parentId: {
       type: Number,
     },
+    year: {
+      type: string,
+    },
+    type: {
+      type: Number,
+    },
+    nodeName: {
+      type: string,
+    },
   });
+  console.log(props, 'xxy');
+  const orgId = ref('');
+  const result = JSON.parse(sessionStorage.getItem('ORGID')!);
+  orgId.value = result;
+  const fetch = (api, params = { orgId }) => {
+    return http.post(api, params);
+  };
   // 点击返回
   const emit = defineEmits(['change-data']);
   const changeParentData = () => {
@@ -152,7 +198,20 @@
   const selectedRowKeys = ref([]);
   const onSelectionChange = (selectedKeys, selectedRows) => {
     selectedRowKeys.value = selectedKeys;
+    formState.value.ids = selectedKeys;
   };
+  const queryParams = ref({
+    orgId: orgId.value,
+    year: props.year,
+    itemizeId: props.parentId,
+    type: props.type,
+  });
+  const getTableData = () => {
+    fetch(carbonPlanning.detailedStatisticalDataTable, queryParams.value).then((res) => {
+      data.value = res.data;
+    });
+  };
+  getTableData();
   const columns = ref([
     {
       title: '序号',
@@ -162,35 +221,31 @@
     },
     {
       title: '日期',
-      dataIndex: 'name',
+      dataIndex: 'yearMonth',
     },
     {
-      title: '2023年实际用量',
-      dataIndex: 'name',
+      title: Number(props.year) - 1 + '年实际用量',
+      dataIndex: 'lastYearActualUsage',
     },
     {
-      title: '2024年实际用量',
-      dataIndex: 'name',
+      title: props.year + '年实际用量',
+      dataIndex: 'actualUsage',
     },
     {
       title: '基准值',
-      dataIndex: 'money',
+      dataIndex: 'referenceValue',
     },
     {
       title: '是否按去年折算',
-      dataIndex: 'address',
-    },
-    {
-      title: '计算方式',
-      dataIndex: 'address',
+      dataIndex: 'lastYear',
     },
     {
       title: '折算率',
-      dataIndex: 'address',
+      dataIndex: 'conversionRate',
     },
     {
       title: '2024年预算',
-      dataIndex: 'address',
+      dataIndex: 'budget',
     },
     {
       title: '操作',
@@ -198,35 +253,50 @@
     },
   ]);
 
-  const data = [
-    {
-      key: '1',
-      name: 'John Brown',
-      money: '￥300,000.00',
-      address: 'New York No. 1 Lake Park',
-    },
-    {
-      key: '2',
-      name: 'Jim Green',
-      money: '￥1,256,000.00',
-      address: 'London No. 1 Lake Park',
-    },
-    {
-      key: '3',
-      name: 'Joe Black',
-      money: '￥120,000.00',
-      address: 'Sidney No. 1 Lake Park',
-    },
-  ];
+  const data = ref([]);
   const open = ref(false);
   const formRef = ref();
   const formState = ref({});
   const labelCol = { span: 6 };
   const wrapperCol = { span: 18 };
-  const editData = () => {
+  const editData = (record) => {
     open.value = true;
+    if (record) {
+      formState.value.ids = [record.id];
+      if (record.lastYear === '是') {
+        formState.value.isLastYear = 1;
+      } else {
+        formState.value.isLastYear = 0;
+      }
+      formState.value.conversionRate = record.conversionRate;
+      formState.value.budget = record.budget;
+    }
+  };
+  const disabled = ref(true);
+  const selectChange = (value) => {
+    if (value === 1) {
+      disabled.value = false;
+    } else {
+      disabled.value = true;
+    }
+  };
+  const handleOk = () => {
+    formRef.value
+      .validate()
+      .then(() => {
+        console.log('values', formState, toRaw(formState));
+        fetch(carbonPlanning.batchOrUpdate, formState.value).then((res) => {
+          open.value = false;
+          formState.value = {};
+          getTableData();
+        });
+      })
+      .catch((error) => {
+        console.log('error', error);
+      });
   };
   const onCancel = () => {
+    formState.value = {};
     open.value = false;
   };
   const visible = ref(false);
@@ -258,6 +328,33 @@
   // echarts图
   const chartRef = ref(null);
   let chartInstance: echarts.ECharts | null = null;
+  const XData = ref([]);
+  const actualUsageList = ref([]);
+  const lastYearActualUsageList = ref([]);
+  const budgetList = ref([]);
+  const referenceValueList = ref();
+  const actualUsage = ref();
+  const budget = ref();
+  const referenceValue = ref();
+  const lastYearActualUsage = ref();
+  const count = ref();
+  const getChartData = () => {
+    fetch(carbonPlanning.detailedStatisticalDataChart, queryParams.value).then((res) => {
+      console.log(res);
+      XData.value = res.data.yearMonth;
+      actualUsageList.value = res.data.actualUsageList;
+      lastYearActualUsageList.value = res.data.lastYearActualUsageList;
+      budgetList.value = res.data.budgetList;
+      referenceValueList.value = res.data.referenceValueList;
+      actualUsage.value = res.data.actualUsage;
+      budget.value = res.data.budget;
+      referenceValue.value = res.data.referenceValue;
+      lastYearActualUsage.value = res.data.lastYearActualUsage;
+      count.value = res.data.count;
+      chart();
+    });
+  };
+  getChartData();
   const chart = () => {
     chartInstance = echarts.init(chartRef.value);
     const option = {
@@ -278,7 +375,12 @@
         bottom: '10%',
       },
       legend: {
-        data: ['昨日总人数', '今日实时人数', '昨日使用率', '今日使用率'],
+        data: [
+          Number(props.year) - 1 + '年实际用量',
+          props.year + '年实际用量',
+          props.year + '年预算',
+          '基准值',
+        ],
         top: '0',
         left: '0',
         textStyle: {
@@ -289,7 +391,7 @@
         itemHeight: 10, // 图例标记的高度
       },
       xAxis: {
-        data: ['2020', '2021', '2022', '2023', '2024'],
+        data: XData.value,
         axisLine: {
           show: true, //隐藏X轴轴线
           lineStyle: {
@@ -337,7 +439,7 @@
       ],
       series: [
         {
-          name: '昨日总人数',
+          name: Number(props.year) - 1 + '年实际用量',
           type: 'bar',
           barWidth: 18,
           itemStyle: {
@@ -345,10 +447,10 @@
               color: '#6395f9',
             },
           },
-          data: [24, 45, 43, 35, 76],
+          data: lastYearActualUsageList.value,
         },
         {
-          name: '今日实时人数',
+          name: props.year + '年实际用量',
           type: 'bar',
           barWidth: 18,
           itemStyle: {
@@ -356,10 +458,10 @@
               color: '#62daab',
             },
           },
-          data: [133, 23, 114, 67, 89],
+          data: actualUsageList.value,
         },
         {
-          name: '昨日使用率',
+          name: props.year + '年预算',
           type: 'line',
           smooth: true, // 开启平滑曲线
           symbol: 'none', //标记的图形为实心圆
@@ -367,10 +469,10 @@
             color: '#f4664a',
             width: 2,
           },
-          data: [4.2, 3.5, 2.9, 7.8, 2],
+          data: budgetList.value,
         },
         {
-          name: '今日使用率',
+          name: '基准值',
           type: 'line',
           smooth: true, // 开启平滑曲线
           symbol: 'none', //标记的图形为实心圆
@@ -378,16 +480,13 @@
             color: '#f4664a',
             width: 2,
           },
-          data: [4, 6, 9, 8, 5],
+          data: referenceValueList.value,
         },
       ],
     };
     chartInstance = echarts.init(chartRef.value);
     chartInstance.setOption(option);
   };
-  setTimeout(() => {
-    chart();
-  }, 500);
   // 点击隐藏/展开
   const showPart = ref(true);
   const hideTopPart = () => {
@@ -395,6 +494,7 @@
   };
   const showTopPart = () => {
     showPart.value = true;
+    getChartData();
   };
 </script>
 
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
index c43c119..efa4496 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
@@ -48,13 +48,28 @@
     </div>
   </div>
   <div class="totalContant" v-else>
-    <categoryDeatil @change-data="updateData" :parentId="parentId" />
+    <categoryDeatil @change-data="updateData" :parentId="parentId" :year="year" :type="type" :nodeName="nodeName" />
   </div>
   <!-- 新增节点 -->
   <a-drawer :visible="visible" :width="500" @close="onClose" :footer-style="{ textAlign: 'right' }">
-    <p>Some contents...</p>
-    <p>Some contents...</p>
-    <p>Some contents...</p>
+    <a-tree
+      :expanded-keys="expandedKeys"
+      :selectedKeys="selectedKeys"
+      :checkedKeys="treeCheckedKeys"
+      :tree-data="treeData"
+      v-if="treeData && treeData.length > 0"
+      class="draggable-tree"
+      @check="checkTreeNode"
+      checkable
+      block-node>
+      <template #title="data">
+        <div class="treeRow">
+          <div>
+            <span>{{ data.pointName }}</span>
+          </div>
+        </div>
+      </template>
+    </a-tree>
     <template #footer>
       <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
       <a-button type="primary" @click="onSubmit">确定</a-button>
@@ -68,7 +83,9 @@
   import * as echarts from 'echarts';
   import { http } from '/nerv-lib/util/http';
   import categoryDeatil from './categoryDeatil.vue';
+  import { group } from '/@/api/deviceManage';
   import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
+  import type { TreeProps } from 'ant-design-vue';
   import 'echarts-liquidfill';
   defineOptions({
     energyType: 'all', // 与页面路由name一致缓存才可生效
@@ -78,6 +95,9 @@
     tabId: {
       type: Number,
     },
+    energyType: {
+      type: String,
+    },
   });
   console.log(props, 'xxy');
 
@@ -88,7 +108,7 @@
     return http.post(api, params);
   };
   const selectYearValue = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
-  const selectMonthValue = ref<Dayjs>();
+  const selectMonthValue = ref<Dayjs>(dayjs().startOf('year').month(0));
   const electricTotal = ref(true);
   // 年/月切换
   const monthStyles = ref('background: #f2f2f2');
@@ -98,7 +118,7 @@
     monthStyles.value = 'background: #2778ff';
     yearStyles.value = 'background: #f2f2f2';
     columns.value[2].title = '月份';
-    columns.value[2].dataIndex = 'month';
+    columns.value[2].dataIndex = 'yearMonth';
     selectedTime.value = false;
     getMonthData();
     getBallQuery.value.yearAndMonth = 'month';
@@ -277,7 +297,7 @@
   let ballChartInstance: echarts.ECharts | null = null;
   const drawSQ = () => {
     ballChartInstance = echarts.init(ballChartRef.value);
-    let ballData = (Number(ballValue.value)/100).toFixed(2)
+    let ballData = (Number(ballValue.value) / 100).toFixed(2);
     const option = {
       series: [
         {
@@ -322,8 +342,48 @@
   };
   // 新增节点
   const visible = ref(false);
+  const getTreeData = ref({
+    orgId: orgId.value,
+    energyType: props.energyType,
+  });
   const addNode = () => {
     visible.value = true;
+    fetch(group.queryDeviceGroupTree, getTreeData.value).then((res) => {
+      treeData.value = res.data;
+      // 格式化树节点数据并设置 key
+      treeData.value = formatTreeData(treeData.value);
+    });
+  };
+  const genData: TreeProps['treeData'] = [];
+  const treeData = ref<TreeProps['treeData']>(genData);
+  const expandedKeys = ref<string[]>();
+  const selectedKeys = ref<string[]>([]);
+  const treeCheckedKeys = ref<string[]>([]);
+  const checkTreeNode = (checkedKeys, info) => {
+    treeCheckedKeys.value = checkedKeys;
+    addTreeNode.value.itemizeIds = treeCheckedKeys.value;
+  };
+  const formatTreeData = (treeData) => {
+    return treeData.map((node) => {
+      const newNode = { ...node };
+      newNode.key = String(node.id); // 将 id 转换为字符串作为 key
+      if (node.children) {
+        newNode.children = formatTreeData(node.children);
+      }
+      return newNode;
+    });
+  };
+  const addTreeNode = ref({
+    orgId: orgId.value,
+    type: props.tabId,
+    year: selectYearValue.value.format('YYYY'),
+  });
+  const onSubmit = () => {
+    fetch(carbonPlanning.addNodes, addTreeNode.value).then((res) => {
+      data.value = res.data;
+      visible.value = false;
+      changeToYear();
+    });
   };
   const onClose = () => {
     visible.value = false;
@@ -379,18 +439,24 @@
   });
   const changeYear = () => {
     yearQueryParams.value.year = selectYearValue.value;
+    year.value = selectYearValue.value;
+    addTreeNode.value.year = selectYearValue.value;
     getYearData();
   };
   const getYearData = () => {
     fetch(carbonPlanning.searchListByYear, yearQueryParams.value).then((res) => {
       data.value = res.data;
+      res.data.forEach((item) => {
+        treeCheckedKeys.value.push((item.itemizeId).toString());
+      });
     });
   };
   // 获取月数据
   const monthQueryParams = ref({
     orgId: orgId.value,
     type: props.tabId,
-    yearMonth: selectYearValue.value.format('YYYY'),
+    year: selectYearValue.value.format('YYYY'),
+    yearMonth: selectMonthValue.value.format('YYYY-DD'),
   });
   const changeMonth = () => {
     monthQueryParams.value.yearMonth = selectMonthValue.value;
@@ -402,18 +468,23 @@
     });
   };
   defineExpose({
-    getYearData,
-    getBallData,
-    getYearPillarData,
+    changeToYear,
+    electricTotal,
   });
   const parentId = ref();
+  const year = ref(selectYearValue.value.format('YYYY'));
+  const type = ref();
+  const nodeName = ref();
   const detailData = (record) => {
     electricTotal.value = false;
-    parentId.value = record.id;
+    parentId.value = record.itemizeId;
+    type.value = props.tabId;
+    nodeName.value = record.itemizeName;
   };
   // 子页面点击返回
   const updateData = (type) => {
     electricTotal.value = type;
+    changeToYear();
   };
 </script>
 
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
index 76ec63c..f8b77a6 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
@@ -4,19 +4,19 @@
       <all ref="allRef" />
     </a-tab-pane>
     <a-tab-pane key="2" tab="用电量">
-      <category ref="electricRef" :tabId="tabId" />
+      <category ref="electricRef" :tabId="tabId" :energyType="energyType" />
     </a-tab-pane>
     <a-tab-pane key="3" tab="用水量">
-      <category ref="useWaterRef" />
+      <category ref="useWaterRef" :tabId="tabId" :energyType="energyType" />
     </a-tab-pane>
     <a-tab-pane key="4" tab="供水量">
-      <category ref="provideWaterRef" />
+      <category ref="provideWaterRef" :tabId="tabId" :energyType="energyType" />
     </a-tab-pane>
     <a-tab-pane key="5" tab="碳排">
-      <category ref="carbonEmissionsRef" />
+      <category ref="carbonEmissionsRef" :tabId="tabId" :energyType="energyType" />
     </a-tab-pane>
     <a-tab-pane key="6" tab="供热量">
-      <category ref="provideHotRef" />
+      <category ref="provideHotRef" :tabId="tabId" :energyType="energyType" />
     </a-tab-pane>
   </a-tabs>
 </template>
@@ -40,6 +40,7 @@
   const provideHotRef = ref<InstanceType<typeof category> | null>(null);
   // 切换tab页的回调
   const tabId = ref(1);
+  const energyType = ref();
   const handleTabChange = (key) => {
     console.log('Tab changed:', key);
     // 在这里可以执行需要在页面切换时执行的逻辑
@@ -50,30 +51,50 @@
         }
       });
     } else if (key === '2') {
+      tabId.value = 1;
+      energyType.value = 'ELECTRICITY_USAGE'
       nextTick(() => {
         if (electricRef.value) {
-          tabId.value = 1;
-          electricRef.value.getYearData(); // 调用子组件的方法
-          electricRef.value.getBallData();
-          electricRef.value.getYearPillarData();
+          electricRef.value.electricTotal = true
+          electricRef.value.changeToYear(); // 调用子组件的方法
         }
       });
     } else if (key === '3') {
-      if (useWaterRef.value) {
-        useWaterRef.value.getYearData();
-      }
+      tabId.value = 2;
+      energyType.value = 'WATER_USAGE'
+      nextTick(() => {
+        if (useWaterRef.value) {
+          useWaterRef.value.electricTotal = true
+          useWaterRef.value.changeToYear(); // 调用子组件的方法
+        }
+      });
     } else if (key === '4') {
-      if (provideWaterRef.value) {
-        provideWaterRef.value.getYearData();
-      }
+      tabId.value = 3;
+      energyType.value = 'gongshuiliang'
+      nextTick(() => {
+        if (provideWaterRef.value) {
+          provideWaterRef.value.electricTotal = true
+          provideWaterRef.value.changeToYear(); // 调用子组件的方法
+        }
+      });
     } else if (key === '5') {
-      if (carbonEmissionsRef.value) {
-        carbonEmissionsRef.value.getYearData();
-      }
+      tabId.value = 4;
+      energyType.value = 'CARBON_EMISSIONS'
+      nextTick(() => {
+        if (carbonEmissionsRef.value) {
+          carbonEmissionsRef.value.electricTotal = true
+          carbonEmissionsRef.value.changeToYear(); // 调用子组件的方法
+        }
+      });
     } else if (key === '6') {
-      if (provideHotRef.value) {
-        provideHotRef.value.getYearData();
-      }
+      tabId.value = 5;
+      energyType.value = 'HEAT_SUPPLY'
+      nextTick(() => {
+        if (provideHotRef.value) {
+          provideHotRef.value.electricTotal = true
+          provideHotRef.value.changeToYear(); // 调用子组件的方法
+        }
+      });
     }
   };
 </script>
diff --git a/hx-ai-intelligent/src/view/equipmentManage/group/index.vue b/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
index 5cc1b0e..45d7b6a 100644
--- a/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
@@ -120,6 +120,7 @@
     modalFormRef.value?.toggle();
   };
   const moveNode = (data, type: opType) => {
+    debugger
     const flag = type === 'up';
     http.post(group.move, { ...data, isUp: flag }).then(() => {
       treeRef.value?.treeReload();

From d583acfb2d2fe2e0c3bc2c29368f1ec8a8fbdea3 Mon Sep 17 00:00:00 2001
From: fks-yangshouda <yangshoudamhy@163.com>
Date: Wed, 7 Aug 2024 11:32:44 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E7=A2=B3=E6=8E=92=E5=88=86=E7=BB=84?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=89=8D=E5=8F=B0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/api/deviceManage.ts          |   5 +
 hx-ai-intelligent/src/config/app.config.ts         |   1 +
 .../src/view/equipmentManage/group/config.ts       | 459 ++++++++++++++++++++-
 .../equipmentManage/group/editCarbonEquipment.vue  | 123 ++++++
 .../src/view/equipmentManage/group/index.vue       |  56 ++-
 .../src/view/equipmentManage/group/setFactor.vue   |  77 ++++
 6 files changed, 708 insertions(+), 13 deletions(-)
 create mode 100644 hx-ai-intelligent/src/view/equipmentManage/group/editCarbonEquipment.vue
 create mode 100644 hx-ai-intelligent/src/view/equipmentManage/group/setFactor.vue

diff --git a/hx-ai-intelligent/src/api/deviceManage.ts b/hx-ai-intelligent/src/api/deviceManage.ts
index d4b2fd4..b0b008d 100644
--- a/hx-ai-intelligent/src/api/deviceManage.ts
+++ b/hx-ai-intelligent/src/api/deviceManage.ts
@@ -29,4 +29,9 @@ export enum group {
   dropGroupFilter = `${BASE_URL}/deviceGroup/dropGroupFilter`, // 分组列表查询
   dropGroupInfoFilter = `${BASE_URL}/deviceGroup/dropGroupInfoFilter`, // 计算列表查询
   queryDeviceToEnergy = `${BASE_URL}/deviceGroup/queryDeviceToEnergy`, // 能耗监测用查询设备（能耗监测设备树）
+
+  getCarbonGroupList = `${BASE_URL}/deviceGroup/carbonEmissions/getGroupList`, // 分组管理-碳排放-分组查询设备
+  deleteCarbonDevice = `${BASE_URL}/deviceGroup/carbonEmissions/deleteDevice`, // 分组管理-碳排放-删除设备
+  addCarbonDevice = `${BASE_URL}/deviceGroup/carbonEmissions/addDevice`, // 分组管理-碳排放-添加设备
+  updateCarbonFactor = `${BASE_URL}/deviceGroup/carbonEmissions/updateFactor`, // 分组管理-碳排放-设置因子
 }
diff --git a/hx-ai-intelligent/src/config/app.config.ts b/hx-ai-intelligent/src/config/app.config.ts
index 22f2982..2a80768 100644
--- a/hx-ai-intelligent/src/config/app.config.ts
+++ b/hx-ai-intelligent/src/config/app.config.ts
@@ -98,6 +98,7 @@ export const appConfig = {
         adminFlag: 'adminFlag',
       });
       sessionStorage.setItem('ORGID', info.orgId);
+      sessionStorage.setItem('LINKLIST', JSON.stringify(info.linkList));
       sessionStorage.setItem('ISADMIN', trD?.adminFlag === '1');
       selectDefaultDisabled.value = info?.adminFlag === '1';
       selectDefaultValue.value = info.orgId;
diff --git a/hx-ai-intelligent/src/view/equipmentManage/group/config.ts b/hx-ai-intelligent/src/view/equipmentManage/group/config.ts
index d1c0c36..40615fa 100644
--- a/hx-ai-intelligent/src/view/equipmentManage/group/config.ts
+++ b/hx-ai-intelligent/src/view/equipmentManage/group/config.ts
@@ -1,6 +1,8 @@
 import { http } from '/nerv-lib/util';
-import { group } from '/@/api/deviceManage';
+import { group, device } from '/@/api/deviceManage';
+import { carbonEmissionFactorLibrary, quickCalculation } from '/@/api/carbonEmissionFactorLibrary';
 import { dict } from '/@/api';
+import { ref } from 'vue';
 const tableCalKeyMap = [
   {
     title: '来源企业',
@@ -38,6 +40,54 @@ const tableCalKeyMap = [
     },
   },
 ];
+
+const tableCarbonKeyMap = [
+  {
+    title: '能源类型',
+    dataIndex: 'energyTypeName',
+    // textEllipsis: true,
+    textNumber: 5,
+  },
+  {
+    title: '设备名称',
+    textNumber: 10,
+    dataIndex: 'deviceName',
+    // textEllipsis: true,
+  },
+  {
+    title: '设备id',
+    dataIndex: 'deviceInfoCode',
+    textNumber: 10,
+  },
+  {
+    textNumber: 5,
+    title: '碳排因子值',
+    dataIndex: 'emissionFactor',
+  },
+  {
+    title: '设备品牌/型号',
+    textNumber: 10,
+    dataIndex: 'deviceModel',
+  },
+  {
+    title: '来源企业',
+    textNumber: 10,
+    dataIndex: 'manufacturer',
+  },
+  {
+    title: '分组名称',
+    textNumber: 10,
+    dataIndex: 'deviceNameType',
+  },
+  {
+    textNumber: 5,
+    title: '设备状态',
+    dataIndex: 'status',
+    customRender: ({ value }) => {
+      return value === '0' ? '启用' : '停用';
+    },
+  },
+];
 const tableKeyMap = [
   {
     title: '来源企业',
@@ -333,11 +383,19 @@ export const tableConfig = (el, elGroup, elFormula, defaultParams) => {
   };
 };
 
-export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
+export const tableConfigCal = (
+  el,
+  elGroup,
+  elFormula,
+  defaultParams,
+  isCarbon,
+  editCarbonEquipmentRef,
+  setFactorRef,
+) => {
   // 计算节点
   return {
     title: '点位信息',
-    api: group.queryGroupInfoPage,
+    api: isCarbon ? group.getCarbonGroupList : group.queryGroupInfoPage,
     params: defaultParams.value,
     headerActions: [
       {
@@ -345,9 +403,32 @@ export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
         name: 'GroupPointEdit',
         type: 'primary',
         handle: (a, b) => {
-          el.value.toggle();
+          if (isCarbon) {
+            editCarbonEquipmentRef.value.toggle();
+          } else {
+            el.value.toggle();
+          }
         },
       },
+      isCarbon
+        ? {
+            label: '关联因子值',
+            name: 'SetFactor',
+            type: 'primary',
+            dynamicDisabled: (data: any) => {
+              return data.list.length === 0;
+            },
+            handle: ({ list }) => {
+              // 过滤出 id 大于 0 的项
+              const filteredList = list.filter(({ id }) => id > 0);
+
+              // 提取出 id 值
+              const ids = filteredList.map(({ id }) => id);
+
+              setFactorRef.value.toggle(ids);
+            },
+          }
+        : {},
       {
         label: '批量删除',
         name: 'GroupPointDelete',
@@ -355,11 +436,17 @@ export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
         dynamicDisabled: (data: any) => {
           return data.list.length === 0;
         },
-        dynamicParams: { ids: 'id[]' },
+        dynamicParams: isCarbon
+          ? {
+              deviceInfoCodeList: 'id[]',
+            }
+          : {
+              ids: 'id[]',
+            },
         confirm: true,
         isReload: true,
         isClearCheck: true,
-        api: group.delComputeList,
+        api: isCarbon ? group.deleteCarbonDevice : group.delComputeList,
       },
       {
         label: '批量导出',
@@ -425,18 +512,39 @@ export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
       },
     ],
     scroll: { x: 1400 },
-    columns: tableCalKeyMap,
+    columns: isCarbon ? tableCarbonKeyMap : tableCalKeyMap,
     columnActions: {
       title: '操作',
       actions: [
         {
+          label: '关联因子',
+          name: 'SetFactor',
+          dynamicDisabled: (record) => {
+            // 这里根据record的某个字段值判断是否禁用删除按钮
+            return record.id < 0;
+          },
+          handle: (row) => {
+            setFactorRef.value.toggle([row.id]);
+          },
+        },
+        {
           label: '删除',
           name: 'GroupPointDelete',
-          dynamicParams: { ids: 'id[]' },
+          dynamicDisabled: (record) => {
+            // 这里根据record的某个字段值判断是否禁用删除按钮
+            return record.id < 0;
+          },
+          dynamicParams: isCarbon
+            ? {
+                deviceInfoCodeList: 'id[]',
+              }
+            : {
+                ids: 'id[]',
+              },
           confirm: true,
           isReload: true,
           isClearCheck: true,
-          api: group.delComputeList,
+          api: isCarbon ? group.deleteCarbonDevice : group.delComputeList,
         },
       ],
     },
@@ -522,7 +630,338 @@ export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
         },
       ],
     },
-    // pagination: { pageSizeOptions: false },
+    pagination: isCarbon ? false : true,
     rowKey: 'id',
+    rowSelection: { checkStrictly: false },
   };
 };
+
+export const editCarbonEquipmentConfig = (orgId) => {
+  return ref({
+    title: '设备信息',
+    api: device.queryDevicePage,
+    params: { orgId },
+    treeConfig: {
+      header: {
+        icon: 'deviceType',
+        title: '设备类别',
+      },
+      params: { orgId },
+      dynamicParams: { deviceCode: 'code' },
+      defaultExpandAll: true,
+      api: device.queryDeviceTree,
+      fieldNames: { title: 'deviceType', key: 'code' },
+      formConfig: {
+        schemas: [
+          {
+            field: 'energyType',
+            label: '',
+            component: 'NsSelectApi',
+            autoSubmit: true,
+            componentProps: {
+              api: () => dict({ params: { dicKey: 'ENERGY_TYPE' } }),
+              // params: { dicKey: 'ENERGY_TYPE' },
+              immediate: true,
+              // resultField: 'data.ENERGY_TYPE',
+              labelField: 'cnValue',
+              valueField: 'dicKey',
+              placeholder: '请选择能耗种类',
+              autoSelectFirst: true,
+            },
+          },
+          {
+            field: 'deviceType',
+            label: '设备名称',
+            component: 'NsInput',
+            autoSubmit: true,
+            componentProps: {
+              placeholder: '请输入设备类型',
+            },
+          },
+        ],
+      },
+    },
+    // rowSelection: null,
+    rowSelection: true,
+    // scroll: { x: 2000 },
+    columns: [
+      {
+        title: '设备名称',
+        dataIndex: 'deviceName',
+      },
+      {
+        title: '设备型号',
+        dataIndex: 'deviceModel',
+      },
+      {
+        title: 'SN码',
+        dataIndex: 'snCode',
+        textNumber: 5,
+        textEllipsis: true,
+      },
+      {
+        title: '设备一级区域',
+        dataIndex: 'device1Area',
+        textWidth: 88,
+        // width: 130,
+        textEllipsis: true,
+      },
+      {
+        title: '设备二级区域',
+        dataIndex: 'device2Area',
+        textWidth: 88,
+        // width: 130,
+        textEllipsis: true,
+      },
+      {
+        title: '设备详细位置',
+        dataIndex: 'deviceAddress',
+        textNumber: 5,
+        textEllipsis: true,
+      },
+    ],
+    formConfig: {
+      schemas: [
+        {
+          field: 'areas',
+          label: '设备区域',
+          component: 'NsCascader',
+          format: (record) => {
+            console.log(record);
+
+            return record?.reduce(
+              (pre, cur) => {
+                const len = cur?.length - 1;
+                pre[len].push(cur[len]);
+                return pre;
+              },
+              [[], []],
+            );
+          },
+          fieldMap: ['area1', 'area2'],
+          componentProps: {
+            placeholder: '请选择设备区域',
+            multiple: true,
+            loadData: (selectedOptions, options) => {
+              const targetOption = selectedOptions[selectedOptions.length - 1];
+              if (!selectedOptions.length) {
+                http.post(device.dropArea, { orgId, filterField: 'DEVICE_AREA' }).then((res) => {
+                  options.value = res.data?.map((item) => {
+                    return { label: item, value: item, children: [], isLeaf: false };
+                  });
+                });
+              }
+              const value = targetOption?.value;
+              if (targetOption) {
+                targetOption.loading = true;
+                http
+                  .post(device.dropArea, { device1Area: value, orgId, filterField: 'DEVICE_AREA' })
+                  .then((res) => {
+                    targetOption.loading = false;
+                    targetOption.children = res.data?.map((item) => {
+                      return { label: item, value: item, children: [], isLeaf: true };
+                    });
+                  });
+              }
+            },
+          },
+        },
+        {
+          field: 'deviceName',
+          label: '设备名称',
+          component: 'NsSelectApi',
+          componentProps: {
+            placeholder: '请选择设备名称',
+            api: (params) => {
+              return http.post(device.dropArea, params).then((res) => {
+                const result = res.data?.reduce((pre, cur) => {
+                  !pre.includes(cur.deviceName) && pre.push(cur.deviceName);
+                  return pre;
+                }, []);
+                return { data: result };
+              });
+            },
+            resultField: 'data',
+            params: { orgId, filterField: 'DEVICE_NAME_FACTORY' },
+            // labelField: 'deviceName',
+            // valueField: 'deviceName',
+            filterOption: (input: string, option: any) => {
+              return option.deviceName?.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+            },
+            showSearch: true,
+            immediate: true,
+            dropdownReload: true,
+            allowClear: true,
+          },
+        },
+      ],
+      params: {},
+    },
+    // pagination: { pageSizeOptions: false },
+    rowKey: 'deviceInfoCode',
+  });
+};
+
+export const setFactorConfig = (orgId) => {
+  return ref({
+    title: '排放因子库',
+    // api: carbonEmissionFactorLibrary.getTableList,
+    api: quickCalculation.queryCarbonEmissionPage,
+
+    params: { orgId, pageNum: 1, pageSize: 9999 },
+    treeConfig: {
+      header: {
+        icon: 'deviceType',
+        title: '因子分类',
+      },
+      params: { orgId },
+      dynamicParams: { energyType: 'id' },
+      defaultExpandAll: true,
+      // api: carbonEmissionFactorLibrary.getCarbonFactorTree,
+      api: quickCalculation.carbonQuickTree,
+      fieldNames: { title: 'energyType', key: 'id' },
+      formConfig: {
+        schemas: [
+          {
+            field: 'deviceType',
+            label: '设备名称',
+            component: 'NsInput',
+            autoSubmit: true,
+            componentProps: {
+              placeholder: '请输入关键字',
+            },
+          },
+        ],
+      },
+    },
+    // rowSelection: null,
+    rowSelection: { type: 'radio' },
+    // scroll: { x: 2000 },
+    columns: [
+      {
+        title: '序号',
+        textNumber: 2,
+        dataIndex: 'address',
+        customRender: (text: any) => {
+          return text.index + 1;
+        },
+      },
+      {
+        title: '因子值',
+        dataIndex: 'emissionFactors',
+        textNumber: 3,
+      },
+      {
+        title: '计量单位',
+        dataIndex: 'carbonEmissionSuffix',
+        textNumber: 4,
+        textEllipsis: true,
+      },
+      {
+        title: '更新时间',
+        dataIndex: 'updateTime',
+        textWidth: 88,
+        // width: 130,
+        textEllipsis: true,
+      },
+      {
+        title: '启用时间',
+        dataIndex: 'startTime',
+        textWidth: 88,
+        // width: 130,
+        textEllipsis: true,
+      },
+      {
+        title: '结束时间',
+        dataIndex: 'endTime',
+        textNumber: 5,
+        textEllipsis: true,
+      },
+      {
+        title: '数据来源',
+        dataIndex: 'dataSources',
+        textNumber: 5,
+        textEllipsis: true,
+      },
+    ],
+    // formConfig: {
+    //   schemas: [
+    //     {
+    //       field: 'areas',
+    //       label: '设备区域',
+    //       component: 'NsCascader',
+    //       format: (record) => {
+    //         console.log(record);
+
+    //         return record?.reduce(
+    //           (pre, cur) => {
+    //             const len = cur?.length - 1;
+    //             pre[len].push(cur[len]);
+    //             return pre;
+    //           },
+    //           [[], []],
+    //         );
+    //       },
+    //       fieldMap: ['area1', 'area2'],
+    //       componentProps: {
+    //         placeholder: '请选择设备区域',
+    //         multiple: true,
+    //         loadData: (selectedOptions, options) => {
+    //           const targetOption = selectedOptions[selectedOptions.length - 1];
+    //           if (!selectedOptions.length) {
+    //             http.post(device.dropArea, { orgId, filterField: 'DEVICE_AREA' }).then((res) => {
+    //               options.value = res.data?.map((item) => {
+    //                 return { label: item, value: item, children: [], isLeaf: false };
+    //               });
+    //             });
+    //           }
+    //           const value = targetOption?.value;
+    //           if (targetOption) {
+    //             targetOption.loading = true;
+    //             http
+    //               .post(device.dropArea, { device1Area: value, orgId, filterField: 'DEVICE_AREA' })
+    //               .then((res) => {
+    //                 targetOption.loading = false;
+    //                 targetOption.children = res.data?.map((item) => {
+    //                   return { label: item, value: item, children: [], isLeaf: true };
+    //                 });
+    //               });
+    //           }
+    //         },
+    //       },
+    //     },
+    //     {
+    //       field: 'deviceName',
+    //       label: '设备名称',
+    //       component: 'NsSelectApi',
+    //       componentProps: {
+    //         placeholder: '请选择设备名称',
+    //         api: (params) => {
+    //           return http.post(device.dropArea, params).then((res) => {
+    //             const result = res.data?.reduce((pre, cur) => {
+    //               !pre.includes(cur.deviceName) && pre.push(cur.deviceName);
+    //               return pre;
+    //             }, []);
+    //             return { data: result };
+    //           });
+    //         },
+    //         resultField: 'data',
+    //         params: { orgId, filterField: 'DEVICE_NAME_FACTORY' },
+    //         // labelField: 'deviceName',
+    //         // valueField: 'deviceName',
+    //         filterOption: (input: string, option: any) => {
+    //           return option.deviceName?.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+    //         },
+    //         showSearch: true,
+    //         immediate: true,
+    //         dropdownReload: true,
+    //         allowClear: true,
+    //       },
+    //     },
+    //   ],
+    //   params: {},
+    // },
+    // pagination: { pageSizeOptions: false },
+    rowKey: 'id',
+  });
+};
diff --git a/hx-ai-intelligent/src/view/equipmentManage/group/editCarbonEquipment.vue b/hx-ai-intelligent/src/view/equipmentManage/group/editCarbonEquipment.vue
new file mode 100644
index 0000000..6fcedcb
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentManage/group/editCarbonEquipment.vue
@@ -0,0 +1,123 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="60%"
+    class="custom-class"
+    title="添加设备"
+    destroyOnClose
+    @ok="btnClick"
+    :cancel="() => (visible = false)"
+    placement="right">
+    <template #header>
+      <div class="custom-header">
+        <!-- 这里可以放置任何你想要的内容或组件 -->
+        <h2>自定义标题</h2>
+      </div>
+    </template>
+    <!-- <template #header>
+      <div class="modal-header">
+        <span>Modal Title</span>
+        <a-select placeholder="Select an option" style="width: 150px">
+          <a-select-option value="option1">Option 1</a-select-option>
+          <a-select-option value="option2">Option 2</a-select-option>
+          <a-select-option value="option3">Option 3</a-select-option>
+        </a-select>
+      </div>
+    </template> -->
+    <div class="custom-select-wrapper">
+      <a-select
+        placeholder="请选择"
+        style="width: 200px"
+        :options="linkList"
+        :field-names="{ label: 'orgName', value: 'orgId' }"
+        @change="handleChange" />
+    </div>
+    <div class="drawerContainer">
+      <ns-view-list-table v-bind="config" ref="carbonEquipment" style="height: 500px" :key="key" />
+    </div>
+  </a-modal>
+</template>
+<script lang="ts" setup>
+  import { editCarbonEquipmentConfig } from './config';
+  import { computed, nextTick, ref } from 'vue';
+  import { NsMessage } from '/nerv-lib/saas';
+  import { http } from '/nerv-lib/util';
+  import { group, device } from '/@/api/deviceManage';
+  const orgId = ref('');
+  const key = ref(Date.now());
+
+  const result = JSON.parse(sessionStorage.getItem('ORGID')!);
+  orgId.value = result;
+
+  // const selectOrgId = ref(orgId.value);
+
+  const linkList = JSON.parse(sessionStorage.getItem('LINKLIST')!);
+  let config = editCarbonEquipmentConfig(orgId.value);
+  const visible = ref(false);
+  const carbonEquipment = ref();
+  // defineOptions({
+  //   name: 'LedgerIndex', // 与页面路由name一致缓存才可生效
+  // });
+
+  const handleChange = (value: string) => {
+    // selectOrgId.value = value;
+    config = editCarbonEquipmentConfig(value);
+    debugger;
+    key.value = Date.now();
+    // carbonEquipment.value?.nsTableRef.reload();
+    // carbonEquipment.value?.nsTableRef.treeReload();
+  };
+
+  const props = defineProps({ params: Object });
+  const emit = defineEmits(['sure']);
+  const toggle = () => {
+    visible.value = !visible.value;
+    // clearData();
+    // visible.value && getData(currentId.value);
+  };
+  const btnClick = () => {
+    let selectedRowKeys = carbonEquipment.value?.nsTableRef.tableState.selectedRowKeys;
+    if (!selectedRowKeys || selectedRowKeys.lenght == 0) {
+      NsMessage.warn('请选择设备');
+      return;
+    }
+    if (!props.params?.hxDeviceGroupId) {
+      NsMessage.warn('请选择分组');
+      return;
+    }
+    let params = [];
+    for (let i = 0; i < selectedRowKeys.length; i++) {
+      params.push({
+        orgId: props.params?.orgId,
+        groupId: props.params?.hxDeviceGroupId,
+        deviceInfoCode: selectedRowKeys[i],
+      });
+    }
+    http.post(group.addCarbonDevice, params).then(() => {
+      emit('sure');
+      NsMessage.success('操作成功');
+      toggle();
+    });
+  };
+  defineExpose({
+    toggle,
+  });
+</script>
+<style lang="less" scoped>
+  :deep(.ns-table-search),
+  :deep(.ns-part-tree),
+  :deep(.ns-table-main) {
+    box-shadow: @ns-content-box-shadow;
+  }
+  .drawerContainer {
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
+  .custom-select-wrapper {
+    position: absolute;
+    top: 10px; /* Adjust based on your modal's positioning */
+    right: 50px; /* Adjust based on your modal's positioning */
+    // z-index: 1050; /* Ensure it's above the modal's backdrop */
+  }
+</style>
diff --git a/hx-ai-intelligent/src/view/equipmentManage/group/index.vue b/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
index 45d7b6a..2a00e91 100644
--- a/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentManage/group/index.vue
@@ -4,6 +4,8 @@
   <editCalDrawer ref="editDrawerCalRef" :params="defaultParams" @sure="handleOk" />
   <editGroup ref="editGroupRef" :params="defaultParams" @sure="handleOk" />
   <editFormula ref="editFormulaRef" :params="defaultParams" @sure="handleOk" />
+  <editCarbonEquipment ref="editCarbonEquipmentRef" :params="defaultParams" @sure="handleOk" />
+  <setFactor ref="setFactorRef" :params="defaultParams" @sure="handleOk" />
 
   <NsModalFrom ref="modalFormRef" v-bind="nsModalFormConfig" />
   <div class="groupContainer">
@@ -41,7 +43,24 @@
       </ns-tree-api>
     </div>
     <ns-view-list-table v-show="defaultType" class="table" v-bind="config" ref="tableRef" />
-    <ns-view-list-table v-show="!defaultType" class="table" v-bind="configCal" ref="tableCalRef" />
+    <ns-view-list-table
+      v-show="!defaultType && !isCarbon"
+      class="table"
+      v-bind="configCal"
+      ref="tableCalRef" />
+    <ns-view-list-table
+      v-show="!defaultType && isCarbon"
+      class="table"
+      v-bind="configCarbon"
+      ref="tableCalRef">
+      <!-- <template #bodyCell="{ column, record }">
+        <template v-if="column.title === '操作'">
+          <a-button type="link" @click="setStandard(record)" v-if="record.id != selectedKey[0]"
+            >设为目标值</a-button
+          >
+        </template>
+      </template> -->
+    </ns-view-list-table>
   </div>
 </template>
 <script lang="ts" setup>
@@ -52,6 +71,9 @@
   import editCalDrawer from './editCal.vue';
   import editGroup from './editGroup.vue';
   import editFormula from './editFormula.vue';
+  import editCarbonEquipment from './editCarbonEquipment.vue';
+  import setFactor from './setFactor.vue';
+
   import { NsMessage, NsModal } from '/nerv-lib/component';
   import NsModalFrom from '/@/components/ns-modal-form.vue';
   import { group } from '/@/api/deviceManage';
@@ -68,8 +90,12 @@
   const editDrawerCalRef = ref();
   const editGroupRef = ref();
   const editFormulaRef = ref();
+  const editCarbonEquipmentRef = ref();
+  const setFactorRef = ref();
+
   const treeRef = ref();
   const defaultType = ref(true);
+  const isCarbon = ref(true);
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   const defaultParams = ref({
     orgId: result,
@@ -79,7 +105,26 @@
   });
 
   const config = tableConfig(editDrawerRef, editGroupRef, editFormulaRef, defaultParams);
-  const configCal = tableConfigCal(editDrawerCalRef, editGroupRef, editFormulaRef, defaultParams);
+  const configCal = tableConfigCal(
+    editDrawerCalRef,
+    editGroupRef,
+    editFormulaRef,
+    defaultParams,
+    false,
+    editCarbonEquipmentRef,
+    setFactorRef,
+  );
+
+  const configCarbon = tableConfigCal(
+    editDrawerCalRef,
+    editGroupRef,
+    editFormulaRef,
+    defaultParams,
+    true,
+    editCarbonEquipmentRef,
+    setFactorRef,
+  );
+
   const tConfig = treeConfig(result);
   const nsModalFormConfig = ref({
     api: group.creatOrUpdate,
@@ -120,7 +165,6 @@
     modalFormRef.value?.toggle();
   };
   const moveNode = (data, type: opType) => {
-    debugger
     const flag = type === 'up';
     http.post(group.move, { ...data, isUp: flag }).then(() => {
       treeRef.value?.treeReload();
@@ -185,6 +229,12 @@
     defaultType.value
       ? tableRef.value?.nsTableRef.reload()
       : tableCalRef.value?.nsTableRef.reload();
+
+    if (energyType == 'CARBON_EMISSIONS') {
+      isCarbon.value = true;
+    } else {
+      isCarbon.value = false;
+    }
   };
 
   const handleOk = () => {
diff --git a/hx-ai-intelligent/src/view/equipmentManage/group/setFactor.vue b/hx-ai-intelligent/src/view/equipmentManage/group/setFactor.vue
new file mode 100644
index 0000000..706bcba
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentManage/group/setFactor.vue
@@ -0,0 +1,77 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="60%"
+    class="custom-class"
+    title="关联因子值"
+    destroyOnClose
+    @ok="btnClick"
+    :cancel="() => (visible = false)"
+    placement="right">
+    <div class="drawerContainer">
+      <ns-view-list-table v-bind="config" ref="setFactorRef" style="height: 500px" />
+    </div>
+  </a-modal>
+</template>
+<script lang="ts" setup>
+  import { setFactorConfig } from './config';
+  import { computed, nextTick, ref } from 'vue';
+  import { NsMessage } from '/nerv-lib/saas';
+  import { http } from '/nerv-lib/util';
+  import { group, device } from '/@/api/deviceManage';
+  const orgId = ref('');
+  const result = JSON.parse(sessionStorage.getItem('ORGID')!);
+  orgId.value = result;
+  const config = setFactorConfig(orgId.value);
+  const visible = ref(false);
+  const setFactorRef = ref();
+  const ids = ref();
+  // defineOptions({
+  //   name: 'LedgerIndex', // 与页面路由name一致缓存才可生效
+  // });
+
+  const props = defineProps({ params: Object });
+  const emit = defineEmits(['sure']);
+  const toggle = (idlist) => {
+    ids.value = idlist;
+    visible.value = !visible.value;
+    // clearData();
+    // visible.value && getData(currentId.value);
+  };
+  const btnClick = () => {
+    let selectedRowKeys = setFactorRef.value?.nsTableRef.tableState.selectedRowKeys;
+    if (!selectedRowKeys) {
+      NsMessage.warn('请选择因子');
+      return;
+    }
+    if (!ids.value) {
+      NsMessage.warn('请选择分组');
+      return;
+    }
+    http
+      .post(group.updateCarbonFactor, {
+        deviceInfoCodeList: ids.value,
+        factorId: selectedRowKeys[0],
+      })
+      .then(() => {
+        emit('sure');
+        NsMessage.success('操作成功');
+        toggle([]);
+      });
+  };
+  defineExpose({
+    toggle,
+  });
+</script>
+<style lang="less" scoped>
+  :deep(.ns-table-search),
+  :deep(.ns-part-tree),
+  :deep(.ns-table-main) {
+    box-shadow: @ns-content-box-shadow;
+  }
+  .drawerContainer {
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
+</style>