From 1051e09a7c5281908c19a8e94aaaf29744051931 Mon Sep 17 00:00:00 2001
From: zhaohy <1695786511@qq.com>
Date: Thu, 29 Aug 2024 15:41:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=86=B7=E7=83=AD=E6=BA=90=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/coldAndHeatSources.ts             |  10 +
 .../coldAndHeatSources/index.vue              | 583 ++++++++++++------
 .../coldAndHeatSources/position.ts            | 111 ++++
 .../image/coldAndHeatSources/arrow.svg        |   6 +
 .../image/coldAndHeatSources/sensor.png       | Bin 0 -> 6570 bytes
 .../view/equipmentControl/planToAdd/index.vue |  10 +-
 lib/component/tree/tree-api.vue               |   4 +-
 7 files changed, 536 insertions(+), 188 deletions(-)
 create mode 100644 hx-ai-intelligent/src/api/coldAndHeatSources.ts
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/position.ts
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/arrow.svg
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/sensor.png

diff --git a/hx-ai-intelligent/src/api/coldAndHeatSources.ts b/hx-ai-intelligent/src/api/coldAndHeatSources.ts
new file mode 100644
index 0000000..6169a7c
--- /dev/null
+++ b/hx-ai-intelligent/src/api/coldAndHeatSources.ts
@@ -0,0 +1,10 @@
+import { BASE_URL } from './index';
+
+export enum coldAndHeatSourcesApi {
+  getUserWaterPumpState = `${BASE_URL}/api/tempSysCtrl/getUserWaterPumpState`, // 用户水泵查询最新状态
+  getLandWaterPumpState = `${BASE_URL}/api/tempSysCtrl/getLandWaterPumpState`, // 地源水泵查询最新状态
+  getLandHeatPumpState = `${BASE_URL}/api/tempSysCtrl/getLandHeatPumpState`, //螺旋式地源热泵 - 查询最新状态
+  getEnergyTankState = `${BASE_URL}/api/tempSysCtrl/getEnergyTankState`, //冷热水双蓄储能罐 - 查询最新状态
+  getCoolPumpState = `${BASE_URL}/api/tempSysCtrl/getCoolPumpState`, //释冷泵 - 查询最新状态
+  getAirHeatPumpState = `${BASE_URL}/api/tempSysCtrl/getAirHeatPumpState`, //空气源热泵 - 查询最新状态
+}
diff --git a/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue b/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue
index 8d03c79..c201781 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue
@@ -17,16 +17,40 @@
           {{ item.deviceInfoName }}
         </div>
         <div style="width: 100%; height: 20px">
-          模式: <span style="color: #fff">{{ item.type }}</span>
+          模式: <span style="color: #fff">{{ item.autoStatus.label }}</span>
         </div>
         <div style="width: 100%; height: 20px">
-          设定温度: <span style="color: #fff">{{ item.number }}</span>
+          设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
         </div>
         <img
           style="position: absolute; width: 135px; height: 130px; left: -20px; top: 40px"
           :src="item.url" />
       </div>
     </template>
+    <!-- 空气源 - 传感器 -->
+    <template v-for="(item, index) in airSourceSensor" :key="index">
+      <div
+        style="
+          width: 135px;
+          height: 200px;
+          position: relative;
+          font-size: 12px;
+          position: absolute;
+          color: #ffff80;
+          z-index: 2;
+        "
+        :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
+        <div style="width: 100%; height: 20px">
+          出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
+        </div>
+        <div style="width: 100%; height: 20px">
+          流量: <span style="color: #fff">{{ item.traffic }} {{ item.trafficUnit }}</span>
+        </div>
+        <img
+          style="position: absolute; width: 28px; height: 28px; left: -20px; top: 40px"
+          :src="item.url" />
+      </div>
+    </template>
     <!-- 水泵 -->
     <div
       style="
@@ -37,7 +61,7 @@
         bottom: 50%;
         position: absolute;
       ">
-      <a-switch
+      <!-- <a-switch
         :checked="selectAllCheckbox === 1 ? true : false"
         size="small"
         :disabled="true"
@@ -46,10 +70,34 @@
           'blue-background': selectAllCheckbox === 1 ? true : false,
           'grey-background': selectAllCheckbox === 1 ? false : true,
         }"
-        @change="toggleAllSelection" />
+        @change="toggleAllSelection" /> -->
       <img style="display: flex; width: 111px; height: 100px" :src="waterPumpSrc" />
       <div style="width: 100%; height: 20px; color: rgb(128, 255, 255)"> 水泵 </div>
     </div>
+    <!-- 水泵 传感器 -->
+    <template v-for="(item, index) in waterSensor" :key="index">
+      <div
+        style="
+          width: 135px;
+          height: 200px;
+          position: relative;
+          font-size: 12px;
+          position: absolute;
+          color: #ffff80;
+          z-index: 2;
+        "
+        :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
+        <div style="width: 100%; height: 20px">
+          温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
+        </div>
+        <div style="width: 100%; height: 20px">
+          流量: <span style="color: #fff">{{ item.traffic }} {{ item.trafficUnit }}</span>
+        </div>
+        <img
+          style="position: absolute; width: 28px; height: 28px; left: -20px; top: 40px"
+          :src="item.url" />
+      </div>
+    </template>
     <!-- 螺杆式地源热泵 -->
     <template v-for="(item, index) in screwGeothermalHeatPump" :key="index">
       <div
@@ -70,10 +118,10 @@
           {{ item.deviceInfoName }}
         </div>
         <div style="width: 100%; height: 20px">
-          模式: <span style="color: #fff">{{ item.type }}</span>
+          模式: <span style="color: #fff">{{ item.autoStatus.label }}</span>
         </div>
         <div style="width: 100%; height: 20px">
-          设定温度: <span style="color: #fff">{{ item.number }}</span>
+          设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
         </div>
       </div>
     </template>
@@ -90,15 +138,17 @@
           z-index: 2;
         "
         :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
-        <div style="width: 100%; height: 20px; color: rgb(128, 255, 255)">
+        <div
+          style="
+            width: 100%;
+            height: 20px;
+            color: rgb(128, 255, 255);
+            position: absolute;
+            top: 40px;
+            left: 5px;
+          ">
           {{ item.deviceInfoName }}
         </div>
-        <div style="width: 100%; height: 20px">
-          出水温度: <span style="color: #fff">{{ item.number }}</span>
-        </div>
-        <div style="width: 100%; height: 20px">
-          流量: <span style="color: #fff">{{ item.lNumber }}</span>
-        </div>
         <img
           style="position: absolute; width: 117.42px; height: 106.31px; left: -20px; top: 60px"
           :src="item.url" />
@@ -117,17 +167,14 @@
           z-index: 2;
         "
         :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
-        <div style="width: 100%; height: 20px; color: rgb(128, 255, 255)">
+        <div style="width: 100%; height: 20px; color: rgb(128, 255, 255); margin-top: 20px">
           {{ item.deviceInfoName }}
         </div>
         <div style="width: 100%; height: 20px">
-          出水温度: <span style="color: #fff">{{ item.number }}</span>
+          出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
         </div>
         <div style="width: 100%; height: 20px">
-          容量: <span style="color: #fff">{{ item.rNumber }}</span>
-        </div>
-        <div style="width: 100%; height: 20px">
-          流量: <span style="color: #fff">{{ item.lNumber }}</span>
+          容量: <span style="color: #fff">{{ item.vol }} {{ item.volUnit }}</span>
         </div>
         <img
           style="position: absolute; width: 110px; height: 110px; left: -20px; top: 80px"
@@ -146,13 +193,13 @@
         "
         :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
         <a-switch
-          :checked="item.user === 1 ? true : false"
+          :checked="item.switchStatus.value === 1 ? true : false"
           size="small"
           :disabled="true"
           style="position: absolute; left: 30px; bottom: 0px; z-index: 2"
           :class="{
-            'blue-background': item.user === 1 ? true : false,
-            'grey-background': item.user === 1 ? false : true,
+            'blue-background': item.switchStatus.value === 1 ? true : false,
+            'grey-background': item.switchStatus.value === 1 ? false : true,
           }" />
         <img
           style="
@@ -168,7 +215,7 @@
             font-size: 12px;
             position: absolute;
             left: -40px;
-            top: 30px;
+            top: 40px;
             transform: rotateZ(-24deg);
           "
           >{{ item.deviceInfoName }}</div
@@ -192,21 +239,43 @@
         style="width: 226.19px; height: 176.19px; transform: rotateY(13deg)"
         :src="manifoldSrc" />
     </div>
+    <!-- 集水器 传感器 -->
+    <template v-for="(item, index) in manifoldSensor" :key="index">
+      <div
+        style="
+          width: 135px;
+          height: 200px;
+          position: relative;
+          font-size: 12px;
+          position: absolute;
+          color: #ffff80;
+          z-index: 2;
+        "
+        :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
+        <div style="width: 100%; height: 20px">
+          回水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
+        </div>
+        <div style="width: 100%; height: 20px">
+          流量: <span style="color: #fff">{{ item.traffic }} {{ item.trafficUnit }}</span>
+        </div>
+        <img
+          style="
+            position: absolute;
+            width: 28px;
+            height: 28px;
+            left: -20px;
+            top: 40px;
+            transform: rotateX(-4deg) rotateY(180deg) rotateZ(1deg);
+          "
+          :src="item.url" />
+      </div>
+    </template>
     <!-- 定压补水装置 -->
     <template v-for="(item, index) in pressureWater" :key="index">
       <div
         style="width: 137px; height: 137px; position: relative; position: absolute; z-index: 2"
         :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
         <img style="width: 137px; height: 127px; transform: rotateY(157deg)" :src="item.url" />
-        <a-switch
-          :checked="item.user === 1 ? true : false"
-          size="small"
-          :disabled="true"
-          style="position: absolute; left: 40px; bottom: 0px"
-          :class="{
-            'blue-background': item.user === 1 ? true : false,
-            'grey-background': item.user === 1 ? false : true,
-          }" />
         <div
           style="
             width: 100%;
@@ -217,9 +286,6 @@
             font-size: 12px;
           ">
           <div> {{ item.deviceInfoName }}</div>
-          <div style="width: 100%; height: 20px; color: #ffff80">
-            压差: <span style="color: #fff">{{ item.yc }}</span>
-          </div>
         </div>
       </div>
     </template>
@@ -294,13 +360,13 @@
         "
         :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
         <a-switch
-          :checked="item.user === 1 ? true : false"
+          :checked="item.switchStatus.value === 1 ? true : false"
           size="small"
           :disabled="true"
           style="position: absolute; left: 30px; bottom: 0px; z-index: 2"
           :class="{
-            'blue-background': item.user === 1 ? true : false,
-            'grey-background': item.user === 1 ? false : true,
+            'blue-background': item.switchStatus.value === 1 ? true : false,
+            'grey-background': item.switchStatus.value === 1 ? false : true,
           }" />
         <img
           style="
@@ -356,6 +422,30 @@
       >
       <img style="width: 290.75px; height: 215.29px" :src="soilCouplerSrc" />
     </div>
+    <!-- 土壤 传感器 -->
+    <template v-for="(item, index) in soilCouplerSensor" :key="index">
+      <div
+        style="
+          width: 135px;
+          height: 80px;
+          position: relative;
+          font-size: 12px;
+          position: absolute;
+          color: #ffff80;
+          z-index: 2;
+        "
+        :style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
+        <div style="width: 100%; height: 20px">
+          供水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
+        </div>
+        <div style="width: 100%; height: 20px">
+          流量: <span style="color: #fff">{{ item.traffic }} {{ item.trafficUnit }}</span>
+        </div>
+        <img
+          style="position: absolute; width: 28px; height: 28px; left: -20px; top: 40px"
+          :src="item.url" />
+      </div>
+    </template>
     <!-- 线 -->
     <template v-for="(item, index) in line" :key="index">
       <div
@@ -370,11 +460,27 @@
         }">
       </div>
     </template>
+    <!-- 箭头 -->
+    <template v-for="(item, index) in arrow" :key="index">
+      <div
+        style="width: 50px; height: 20px; position: absolute"
+        :style="{
+          left: item.style.mLeft,
+          bottom: item.style.mBottom,
+          transform: item.style.transform,
+        }">
+        <img style="width: 50px; height: 20px" :src="item.url" />
+      </div>
+    </template>
   </div>
 </template>
 
 <script setup lang="ts">
   import { ref, onMounted, onUnmounted } from 'vue';
+  import { http } from '/nerv-lib/util';
+  import { coldAndHeatSourcesApi } from '/@/api/coldAndHeatSources';
+  import { ventilating } from '/@/api/ventilatingSystem';
+
   //图片资源
   import airSourceThermalCollapseSrc from '../image/coldAndHeatSources/airSourceThermalCollapse.png';
   import waterPumpSrc from '../image/coldAndHeatSources/waterPump.png';
@@ -386,10 +492,24 @@
   import softenedWaterTankSrc from '../image/coldAndHeatSources/softenedWaterTank.png';
   import waterProcessorSrc from '../image/coldAndHeatSources/waterProcessor.png';
   import soilCouplerSrc from '../image/coldAndHeatSources/soilCoupler.png';
+  import sensorSrc from '../image/coldAndHeatSources/sensor.png';
   import blueGif from '../image/coldAndHeatSources/blue.gif';
   import bluePng from '../image/coldAndHeatSources/blue.png';
   import greenGif from '../image/coldAndHeatSources/green.gif';
   import greenPng from '../image/coldAndHeatSources/green.png';
+  import arrowSrc from '../image/coldAndHeatSources/arrow.svg';
+  // 定位数据
+  import {
+    userWaterPumpPosition,
+    waterPumpPosition,
+    airSourceThermalCollapsePosition,
+    screwGeothermalHeatPumpPosition,
+    airSourceSensorPosition,
+  } from './position';
+  // 全局变量
+  import { items } from '/@/store/item';
+  // 全局变量
+  const state = items();
   const line = ref([
     //水泵线-热泵
     {
@@ -757,77 +877,13 @@
       },
     },
   ]);
-  const airSourceThermalCollapse = ref([
-    {
-      deviceInfoName: '1#空气源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '17%',
-        mBottom: '54%',
-      },
-      url: airSourceThermalCollapseSrc,
-    },
-    {
-      deviceInfoName: '2#空气源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '24%',
-        mBottom: '59%',
-      },
-      url: airSourceThermalCollapseSrc,
-    },
-    {
-      deviceInfoName: '3#空气源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '31%',
-        mBottom: '66%',
-      },
-      url: airSourceThermalCollapseSrc,
-    },
-    {
-      deviceInfoName: '4#空气源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '38%',
-        mBottom: '73%',
-      },
-      url: airSourceThermalCollapseSrc,
-    },
-  ]);
+  const airSourceThermalCollapse = ref([]);
   //螺杆式地源热泵
-  const screwGeothermalHeatPump = ref([
-    {
-      deviceInfoName: '1#螺杆式地源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '9.5%',
-        mBottom: '22.5%',
-      },
-      url: screwGeothermalHeatPumpSrc,
-    },
-    {
-      deviceInfoName: '2#螺杆式地源热泵',
-      type: '制热',
-      number: '40℃',
-      style: {
-        mLeft: '18.5%',
-        mBottom: '31.5%',
-      },
-      url: screwGeothermalHeatPumpSrc,
-    },
-  ]);
+  const screwGeothermalHeatPump = ref([]);
   //稀冷泵
   const diluteCoolingPump = ref([
     {
       deviceInfoName: '稀冷泵',
-      number: '40℃',
-      lNumber: '139 m3/h',
       style: {
         mLeft: '30%',
         mBottom: '29%',
@@ -836,85 +892,11 @@
     },
   ]);
   //冷热水双蓄储能罐
-  const coldWater = ref([
-    {
-      deviceInfoName: '冷热水双蓄储能罐',
-      number: '40℃',
-      lNumber: '139 m3/h',
-      rNumber: '135L',
-      style: {
-        mLeft: '36%',
-        mBottom: '39%',
-      },
-      url: coldWaterSrc,
-    },
-  ]);
+  const coldWater = ref([]);
   //用户水泵
-  const userWaterPump = ref([
-    {
-      deviceInfoName: '1#用户水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '50%',
-        mBottom: '55.5%',
-      },
-      url: waterPumpSrc,
-    },
-    {
-      deviceInfoName: '2#用户水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '55%',
-        mBottom: '51%',
-      },
-      url: waterPumpSrc,
-    },
-    {
-      deviceInfoName: '3#用户水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '59%',
-        mBottom: '47%',
-      },
-      url: waterPumpSrc,
-    },
-  ]);
+  const userWaterPump = ref([]);
   //地源水泵
-  const waterPump = ref([
-    {
-      deviceInfoName: '1#地源水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '65%',
-        mBottom: '41%',
-      },
-      url: waterPumpSrc,
-    },
-    {
-      deviceInfoName: '2#地源水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '70%',
-        mBottom: '36%',
-      },
-      url: waterPumpSrc,
-    },
-    {
-      deviceInfoName: '3#地源水泵',
-      number: '40℃',
-      user: 1,
-      style: {
-        mLeft: '75%',
-        mBottom: '31%',
-      },
-      url: waterPumpSrc,
-    },
-  ]);
+  const waterPump = ref([]);
   // 定压补水装置
   const pressureWater = ref([
     {
@@ -928,9 +910,242 @@
       url: pressureWaterSrc,
     },
   ]);
-  const selectAllCheckbox = ref(1);
-  onMounted(() => {});
-  onUnmounted(() => {});
+  //水泵 - 螺杆式 传感器
+  const waterSensor = ref([]);
+  //集水器 传感器
+  const manifoldSensor = ref([]);
+  //土壤 传感器
+  const soilCouplerSensor = ref([]);
+  //空气源 - 传感器
+  const airSourceSensor = ref([]);
+  //箭头
+  const arrow = ref([
+    {
+      url: arrowSrc,
+      style: {
+        mLeft: '6%',
+        mBottom: '42.5%',
+        transform: 'rotateZ(36deg)',
+      },
+    },
+    {
+      url: arrowSrc,
+      style: {
+        mLeft: '25%',
+        mBottom: '18%',
+        transform: 'rotateZ(36deg)',
+      },
+    },
+    {
+      url: arrowSrc,
+      style: {
+        mLeft: '76%',
+        mBottom: '13%',
+        transform: 'rotateZ(37deg)',
+      },
+    },
+    {
+      url: arrowSrc,
+      style: {
+        mLeft: '78%',
+        mBottom: '72%',
+        transform: 'rotateZ(149deg)',
+      },
+    },
+  ]);
+
+  //获取用户水泵数据
+  const getUserWaterPump = () => {
+    http
+      .get(coldAndHeatSourcesApi.getUserWaterPumpState, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: any) => {
+            userWaterPump.value.push({
+              deviceInfoName: item.deviceInfoName,
+              ...item.record,
+              url: waterPumpSrc,
+              style: userWaterPumpPosition[index].style,
+            });
+          });
+        }
+      });
+  };
+  //获取地源水泵数据
+  const getLandWaterPumpState = () => {
+    http
+      .get(coldAndHeatSourcesApi.getLandWaterPumpState, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: any) => {
+            waterPump.value.push({
+              deviceInfoName: item.deviceInfoName,
+              ...item.record,
+              url: waterPumpSrc,
+              style: waterPumpPosition[index].style,
+            });
+          });
+        }
+      });
+  };
+
+  //获取空气源热泵
+  const getAirHeatPumpState = () => {
+    http
+      .get(coldAndHeatSourcesApi.getAirHeatPumpState, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: any) => {
+            airSourceThermalCollapse.value.push({
+              deviceInfoName: item.deviceInfoName,
+              ...item.record,
+              url: airSourceThermalCollapseSrc,
+              style: airSourceThermalCollapsePosition[index].style,
+            });
+          });
+        }
+      });
+  };
+  //获取螺杆式地源热泵
+  const getLandHeatPumpState = () => {
+    http
+      .get(coldAndHeatSourcesApi.getLandHeatPumpState, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: any) => {
+            screwGeothermalHeatPump.value.push({
+              deviceInfoName: item.deviceInfoName,
+              ...item.record,
+              url: screwGeothermalHeatPumpSrc,
+              style: screwGeothermalHeatPumpPosition[index].style,
+            });
+          });
+        }
+      });
+  };
+  //冷热水双蓄储能罐
+  const getEnergyTankState = () => {
+    http
+      .get(coldAndHeatSourcesApi.getEnergyTankState, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any) => {
+            coldWater.value.push({
+              deviceInfoName: item.deviceInfoName,
+              ...item.record,
+              url: coldWaterSrc,
+              style: {
+                mLeft: '36%',
+                mBottom: '39%',
+              },
+            });
+          });
+        }
+      });
+  };
+  //获取多功能传感器
+  const getSensorData = () => {
+    waterSensor.value = [];
+    airSourceSensor.value = [];
+    manifoldSensor.value = [];
+    http
+      .get(ventilating.getSensorData, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+        floor: 1,
+      })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: any) => {
+            if (index < 4) {
+              airSourceSensor.value.push({
+                deviceInfoName: item.deviceInfoName,
+                ...item.record,
+                url: sensorSrc,
+                style: airSourceSensorPosition[index].style,
+              });
+            }
+          });
+          // 水泵传感器
+          let data = res.data[Math.floor(Math.random() * res.data.length)];
+          waterSensor.value.push({
+            deviceInfoName: data.deviceInfoName,
+            ...data.record,
+            url: sensorSrc,
+            style: {
+              mLeft: '9%',
+              mBottom: '27%',
+            },
+          });
+          // 集水器 -传感器
+          data = res.data[Math.floor(Math.random() * res.data.length)];
+          manifoldSensor.value.push({
+            deviceInfoName: data.deviceInfoName,
+            ...data.record,
+            url: sensorSrc,
+            style: {
+              mLeft: '81%',
+              mBottom: '51%',
+            },
+          });
+          // 土壤 -传感器
+          data = res.data[Math.floor(Math.random() * res.data.length)];
+          soilCouplerSensor.value.push({
+            deviceInfoName: data.deviceInfoName,
+            ...data.record,
+            url: sensorSrc,
+            style: {
+              mLeft: '79%',
+              mBottom: '13%',
+            },
+          });
+        }
+      });
+  };
+  //获取地源水泵设备
+  const getData = () => {
+    //获取用户水泵数据
+    getUserWaterPump();
+    //获取地源水泵数据
+    getLandWaterPumpState();
+    //获取空气源热泵数据
+    getAirHeatPumpState();
+    //螺杆式地源热泵
+    getLandHeatPumpState();
+    //冷热水双蓄储能罐
+    getEnergyTankState();
+    //获取多功能传感器
+    getSensorData();
+  };
+  //定时
+  // const intervalId = setInterval(getList, 60000);
+  onMounted(() => {
+    getData();
+  });
+  onUnmounted(() => {
+    // 这里写销毁时需要执行的逻辑
+    // clearInterval(intervalId);
+  });
 </script>
 <style lang="less" scoped>
   .box-cold {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/position.ts b/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/position.ts
new file mode 100644
index 0000000..700aca1
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/position.ts
@@ -0,0 +1,111 @@
+//用户水泵位置
+export const userWaterPumpPosition = [
+  {
+    style: {
+      mLeft: '50%',
+      mBottom: '55.5%',
+    },
+  },
+  {
+    style: {
+      mLeft: '55%',
+      mBottom: '51%',
+    },
+  },
+  {
+    style: {
+      mLeft: '59%',
+      mBottom: '47%',
+    },
+  },
+];
+//地源水泵位置
+export const waterPumpPosition = [
+  {
+    style: {
+      mLeft: '65%',
+      mBottom: '41%',
+    },
+  },
+  {
+    style: {
+      mLeft: '70%',
+      mBottom: '36%',
+    },
+  },
+  {
+    style: {
+      mLeft: '75%',
+      mBottom: '31%',
+    },
+  },
+];
+//空气源热泵
+export const airSourceThermalCollapsePosition = [
+  {
+    style: {
+      mLeft: '17%',
+      mBottom: '54%',
+    },
+  },
+  {
+    style: {
+      mLeft: '24%',
+      mBottom: '59%',
+    },
+  },
+  {
+    style: {
+      mLeft: '31%',
+      mBottom: '66%',
+    },
+  },
+  {
+    style: {
+      mLeft: '38%',
+      mBottom: '73%',
+    },
+  },
+];
+//获取螺杆式地源热泵
+export const screwGeothermalHeatPumpPosition = [
+  {
+    style: {
+      mLeft: '9.5%',
+      mBottom: '22.5%',
+    },
+  },
+  {
+    style: {
+      mLeft: '18.5%',
+      mBottom: '31.5%',
+    },
+  },
+];
+// 空气源 - 传感器
+export const airSourceSensorPosition = [
+  {
+    style: {
+      mLeft: '26.5%',
+      mBottom: '34%',
+    },
+  },
+  {
+    style: {
+      mLeft: '32.5%',
+      mBottom: '39%',
+    },
+  },
+  {
+    style: {
+      mLeft: '38.5%',
+      mBottom: '44.5%',
+    },
+  },
+  {
+    style: {
+      mLeft: '47.5%',
+      mBottom: '52.5%',
+    },
+  },
+];
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/arrow.svg b/hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/arrow.svg
new file mode 100644
index 0000000..03b7b5f
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/arrow.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="22px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1191 -569 )">
+    <path d="M 49.73958333333333 7.581274382314695  C 49.91319444444444 7.752925877763329  50 7.972258344169916  50 8.239271781534459  L 50 13.732119635890768  C 50 13.999133073255308  49.91319444444444 14.2184655396619  49.73958333333333 14.390117035110533  C 49.56597222222222 14.561768530559167  49.34413580246914 14.647594278283485  49.074074074074076 14.647594278283485  L 12.962962962962962 14.647594278283485  L 12.962962962962962 21.055916775032507  C 12.962962962962962 21.456436931079324  12.779706790123457 21.732986562635453  12.413194444444445 21.88556566970091  C 12.046682098765434 22.038144776766362  11.709104938271606 21.99046380580841  11.400462962962964 21.742522756827046  L 0.28935185185185186 11.729518855656698  C 0.09645061728395089 11.538794971824878  0 11.31946250541829  0 11.071521456436932  C 0 10.804508019072387  0.09645061728395089 10.575639358474207  0.28935185185185186 10.384915474642392  L 11.400462962962964 0.2574772431729524  C 11.709104938271606 -0.009536194191596348  12.046682098765434 -0.06675335934114024  12.413194444444445 0.08582574772431828  C 12.779706790123457 0.2574772431729524  12.962962962962962 0.5340268747290853  12.962962962962962 0.9154746423927169  L 12.962962962962962 7.3237971391417425  L 49.074074074074076 7.3237971391417425  C 49.34413580246914 7.3237971391417425  49.56597222222222 7.409622886866061  49.73958333333333 7.581274382314695  Z " fill-rule="nonzero" fill="#ffff80" stroke="none" transform="matrix(1 0 0 1 1191 569 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/sensor.png b/hx-ai-intelligent/src/view/equipmentControl/image/coldAndHeatSources/sensor.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ff3bc9f01ad1496433c182f0eeb83759cbf6aea
GIT binary patch
literal 6570
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

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/planToAdd/index.vue b/hx-ai-intelligent/src/view/equipmentControl/planToAdd/index.vue
index 170501a..9be9a6b 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/planToAdd/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/planToAdd/index.vue
@@ -9,10 +9,10 @@
           <div
             :style="{
               color: {
-                '0': '#ccc',
                 '1': 'rgba(255, 165, 0, 1)',
                 '2': 'rgb(57, 215, 187)',
                 '3': 'rgb(255, 0, 0)',
+                '4': '#ccc',
               }[record.executeStatus.value],
             }">
             {{ record.executeStatus.label }}</div
@@ -36,7 +36,7 @@
   import { NsMessage } from '/nerv-lib/component';
   import { getEnum } from '/@/api';
   import { http } from '/nerv-lib/util';
-
+  import dayjs, { Dayjs } from 'dayjs';
   //页面 创建
   const orgId = ref('');
   const projectId = ref('');
@@ -46,6 +46,7 @@
   projectId.value = results.projectId;
   const mainRef = ref(null);
   const modalFormRef = ref(null);
+
   const addPlan = () => {
     if (mainRef.value.nsTableRef.treeElRef.selectedRow.node.planLib) {
       http
@@ -69,6 +70,10 @@
       ? record.startTime.substring(0, 10) + '  -  ' + record.endTime.substring(0, 10)
       : '未配置时间';
   };
+  const disabledDate = (current: Dayjs) => {
+    // Can not select days before today and today
+    return current && current < dayjs().endOf('day');
+  };
   const nsModalFormConfig = ref({
     api: planToAddApi.updPlan,
     data: {},
@@ -92,6 +97,7 @@
         componentProps: {
           valueFormat: 'YYYY-MM-DD hh:mm:ss',
           placeholder: ['开始日期', '结束日期'],
+          disabledDate: disabledDate,
         },
         rules: [
           {
diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index dd72678..25f1a76 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -120,9 +120,9 @@
     })
       .then((res) => {
         treeData.value = transform(get(res, resultField));
-        //默认选择第一个 并刷新列表
-        selectedKeys.value = [];
         if (formConfig.value.callList && formConfig.value.defaultSelection) {
+          //默认选择第一个 并刷新列表
+          selectedKeys.value = [];
           handleSelect([treeData.value[0].id], {
             selected: true,
             event: 'select',