From 12990f86d26a597ce259c881c326e2bc88af1a78 Mon Sep 17 00:00:00 2001
From: zhaohy <1695786511@qq.com>
Date: Thu, 22 Aug 2024 09:15:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E6=9E=9A=E4=B8=BE=20?=
 =?UTF-8?q?=E6=96=B0=E9=A3=8E=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/api/airConditioningSystem.ts |   6 +
 .../alarmSettings/energyAlarm/editeEnergyAlarm.vue |   8 +-
 .../components/newTrendModel.vue                   |   5 +-
 .../airConditioningSystem/devicePosition.ts        |  18 ++
 .../airConditioningSystem/index.vue                | 254 +++++++++------------
 .../components/doubleSingleModel.vue               |  16 +-
 6 files changed, 148 insertions(+), 159 deletions(-)
 create mode 100644 hx-ai-intelligent/src/api/airConditioningSystem.ts
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts

diff --git a/hx-ai-intelligent/src/api/airConditioningSystem.ts b/hx-ai-intelligent/src/api/airConditioningSystem.ts
new file mode 100644
index 0000000..47d6418
--- /dev/null
+++ b/hx-ai-intelligent/src/api/airConditioningSystem.ts
@@ -0,0 +1,6 @@
+import { BASE_URL } from './index';
+
+export enum airConditioningSystemApi {
+  getVentHostCtrlList = `${BASE_URL}/api/ventHostCtrl/getDeviceState`, // 查询新风主机最新状态
+  getAcBoxCtrlList = `${BASE_URL}/api/acBoxCtrl/getDeviceState`, // 查询空调箱最新状态
+}
diff --git a/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/energyAlarm/editeEnergyAlarm.vue b/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/energyAlarm/editeEnergyAlarm.vue
index d1a22f1..7859fee 100644
--- a/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/energyAlarm/editeEnergyAlarm.vue
+++ b/hx-ai-intelligent/src/view/alarmManagement/alarmSettings/energyAlarm/editeEnergyAlarm.vue
@@ -60,7 +60,7 @@
           placeholder="请选择监测频率"
           style="width: 100%"
           allowClear
-          :options="MonitorFrequencyEnumm" />
+          :options="MonitorFrequencyEnum" />
       </a-form-item>
       <a-form-item label="启用规则">
         <a-switch
@@ -121,7 +121,7 @@
   const AlarmFrequencyEnum = ref([]);
   const PriorityEnum = ref([]);
   const intervalDurationUnitData = ref([]);
-  const MonitorFrequencyEnumm = ref([]);
+  const MonitorFrequencyEnum = ref([]);
   const rules = {
     alarmTitle: [
       {
@@ -178,13 +178,13 @@
     let enumData = await getAllEnum({
       params: [
         'PriorityEnum',
-        'MonitorFrequencyEnumm',
+        'MonitorFrequencyEnum',
         'AlarmFrequencyEnum',
         'IntervalDurationUnitEnum',
       ],
     });
     PriorityEnum.value = enumData.data.PriorityEnum;
-    MonitorFrequencyEnumm.value = enumData.data.MonitorFrequencyEnumm;
+    MonitorFrequencyEnum.value = enumData.data.MonitorFrequencyEnum;
     AlarmFrequencyEnum.value = enumData.data.AlarmFrequencyEnum;
     intervalDurationUnitData.value = enumData.data.IntervalDurationUnitEnum;
   };
diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/newTrendModel.vue b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/newTrendModel.vue
index 690bbe0..ec70d53 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/newTrendModel.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/newTrendModel.vue
@@ -19,8 +19,9 @@
                   <a-tag
                     style="background-color: rgba(0, 0, 0, 0.5); width: 50px; text-align: center"
                     :style="{
-                      border: '1px solid' + ['#39d7bb', '#f3614d', '#ffa403'][0],
-                      color: ['#39d7bb', '#f3614d', '#ffa403'][0],
+                      border:
+                        '1px solid' + { '0': '', '1': '', '2': '', '3': '' }[item.runStatus.value],
+                      color: { '0': '', '1': '', '2': '', '3': '' }[item.runStatus.value],
                     }"
                     >开启</a-tag
                   >
diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts
new file mode 100644
index 0000000..d54fea1
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts
@@ -0,0 +1,18 @@
+//传感器位置
+export const devicePosition = [
+  { left: '28%', bottom: '44%' },
+  { left: '35%', bottom: '23%' },
+  { left: '47%', bottom: '31%' },
+  { left: '38.5%', bottom: '49%' },
+  { left: '65%', bottom: '43%' },
+  { left: '52%', bottom: '55.5%' },
+  { left: '76%', bottom: '48%' },
+  { left: '63%', bottom: '60%' },
+];
+// 新风主机
+export const newTrendPosition = [
+  { left: '43%', bottom: '44%' },
+  { left: '45%', bottom: '23%' },
+  { left: '61.5%', bottom: '54%' },
+  { left: '63%', bottom: '36%' },
+];
diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
index b83a527..acf191d 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
@@ -19,7 +19,7 @@
     <div class="map-box">
       <!-- 温度 -->
       <div v-if="selectIndex === 0">
-        <template v-for="(item, index) in sensor" :key="index">
+        <template v-for="(item, index) in sensorData" :key="index">
           <div
             style="position: absolute"
             :style="{ left: item.styleText.left, bottom: item.styleText.bottom }">
@@ -43,21 +43,22 @@
           <div
             style="position: absolute"
             :style="{
-              left: 'calc(' + item.styleText.left + ' - 12.9%)',
+              left: 'calc(' + item.styleText.left + ' - 14%)',
               bottom: 'calc(' + item.styleText.bottom + ' + 8%)',
+              'z-index': 2,
             }">
             <doubleSingleModel :dataSource="item" />
           </div>
           <img
-            style="width: 50px; height: 75px; position: absolute; z-index: 1"
+            style="width: 50px; height: 75px; position: absolute"
             :style="{
-              left: 'calc(' + item.styleText.left + ' - 1.5%)',
+              left: 'calc(' + item.styleText.left + ' - 2%)',
               bottom: 'calc(' + item.styleText.bottom + ' + 4%)',
               transform: 'rotateY(180deg)',
             }"
             src="../image/liftState/lift/line.png" />
           <img
-            style="width: 42px; height: 42px; position: absolute"
+            style="width: 42px; height: 42px; position: absolute; z-index: 2"
             :style="{ left: item.styleText.left, bottom: item.styleText.bottom }"
             src="../image/airConditioningSystem/fan.png" />
         </template>
@@ -78,17 +79,16 @@
       <div v-if="selectIndex === 3">
         <template v-for="(item, index) in conditioningData" :key="index">
           <div
-            style="position: absolute"
+            style="position: absolute; z-index: 2"
             :style="{
-              left:
-                'calc(' + item.styleText.left + (item.lineType === 1 ? ' - 12.9%)' : ' - 13.3%)'),
+              left: 'calc(' + item.styleText.left + (item.lineType === 1 ? ' - 13%)' : ' - 13.3%)'),
               bottom:
-                'calc(' + item.styleText.bottom + (item.lineType === 1 ? ' + 8%)' : ' - 14%)'),
+                'calc(' + item.styleText.bottom + (item.lineType === 1 ? ' + 8.1%)' : ' - 14%)'),
             }">
             <doubleSingleModel :dataSource="item" />
           </div>
           <img
-            style="width: 50px; height: 75px; position: absolute; z-index: 1"
+            style="width: 50px; height: 75px; position: absolute"
             :style="{
               left: 'calc(' + item.styleText.left + (item.lineType === 1 ? ' - 1.5%)' : ' - 2%)'),
               bottom: 'calc(' + item.styleText.bottom + (item.lineType === 1 ? ' + 4%)' : ' - 9%)'),
@@ -96,7 +96,7 @@
             }"
             src="../image/liftState/lift/line.png" />
           <img
-            style="width: 42px; height: 42px; position: absolute"
+            style="width: 42px; height: 42px; position: absolute; z-index: 2"
             :style="{ left: item.styleText.left, bottom: item.styleText.bottom }"
             src="../image/airConditioningSystem/conditioningIcon.png" />
         </template>
@@ -174,7 +174,7 @@
   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';
   import sunYellow from '../image/airConditioningSystem/sunYellow.png';
   import sunGreen from '../image/airConditioningSystem/sunGreen.png';
@@ -185,7 +185,16 @@
   import conditioningModel from './components/conditioningModel.vue';
   import newTreedBox from './components/newTreedBox.vue';
   import floorHeatingModel from './components/floorHeatingModel.vue';
+  import { http } from '/nerv-lib/util/http';
+  import { ventilating } from '/@/api/ventilatingSystem';
+  import { airConditioningSystemApi } from '/@/api/airConditioningSystem';
 
+  // 全局变量
+  import { items } from '/@/store/item';
+  // 定位数据
+  import { devicePosition, newTrendPosition } from './devicePosition';
+  // 全局变量
+  const state = items();
   onMounted(() => {});
   onUnmounted(() => {});
   //图例
@@ -199,139 +208,9 @@
   const newTrendModels = ref(null);
 
   //温度传感器
-  const sensor = ref([
-    {
-      title: 'H区多功能传感器',
-      styleText: { left: '28%', bottom: '44%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: 'G区多功能传感器',
-      styleText: { left: '35%', bottom: '23%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunYellow,
-    },
-    {
-      title: 'F区多功能传感器',
-      styleText: { left: '47%', bottom: '31%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: 'E区多功能传感器',
-      styleText: { left: '38.5%', bottom: '49%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunGreen,
-    },
-    {
-      title: 'D区多功能传感器',
-      styleText: { left: '65%', bottom: '43%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: 'C区多功能传感器',
-      styleText: { left: '52%', bottom: '55.5%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: 'B区多功能传感器',
-      styleText: { left: '76%', bottom: '48%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: 'A区多功能传感器',
-      styleText: { left: '63%', bottom: '60%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-  ]);
+  const sensorData = ref([]);
   //人流
-  const peopleData = ref([
-    {
-      title: 'H区人流传感器',
-      styleText: { left: '36%', bottom: '21%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'G区人流传感器',
-      styleText: { left: '28.5%', bottom: '43.5%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'E区人流传感器',
-      styleText: { left: '39%', bottom: '48%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'F区人流传感器',
-      styleText: { left: '47.5%', bottom: '29.5%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'D区人流传感器',
-      styleText: { left: '66%', bottom: '42%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'C区人流传感器',
-      styleText: { left: '53%', bottom: '54.5%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'B区人流传感器',
-      styleText: { left: '77%', bottom: '47%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-    {
-      title: 'A区人流传感器',
-      styleText: { left: '64%', bottom: '59%' },
-      type: '人流',
-      unit: '人',
-      number: 120,
-      url: people,
-    },
-  ]);
+  const peopleData = ref([]);
   //新风主机
   const newTrend = ref([
     {
@@ -379,7 +258,7 @@
     },
     {
       title: '西区',
-      styleText: { left: '28%', bottom: '30%' },
+      styleText: { left: '28%', bottom: '28%' },
       type: '空调箱',
       lineType: 1,
       unit: '℃',
@@ -520,6 +399,91 @@
   const handleClose = () => {
     selectIndex.value = 0;
   };
+  //根据温度获取图片
+  const getSunUrl = (number: any) => {
+    if (number > 0 && number < 20) {
+      return sunGreen;
+    } else if (number >= 20 && number < 30) {
+      return sunYellow;
+    } else {
+      return sunRed;
+    }
+  };
+  //获取温度颜色
+  const getColor = (number: any) => {
+    if (number > 0 && number < 20) {
+      return '#0dffa4';
+    } else if (number >= 20 && number < 30) {
+      return '#f59a23';
+    } else {
+      return '#f36163';
+    }
+  };
+  // 获取传感器数据
+  const getSensorData = () => {
+    sensorData.value = [];
+    peopleData.value = [];
+    http
+      .get(ventilating.getSensorData, { projectId: state.projectId, siteId: state.siteId })
+      .then((res) => {
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: number) => {
+            sensorData.value.push({
+              title: item.deviceInfoName,
+              styleText: devicePosition[index],
+              type: '温度',
+              unit: item.record.tempUnit,
+              number: item.record.temp,
+              url: getSunUrl(item.record.temp),
+              fontColor: getColor(item.record.temp),
+            });
+            peopleData.value.push({
+              title: item.deviceInfoName,
+              styleText: devicePosition[index],
+              type: '人流',
+              unit: item.record.peopleNumUnit,
+              number: item.record.peopleNum,
+              url: people,
+            });
+          });
+        }
+      });
+  };
+  const getnewTrendData = () => {
+    newTrend.value = [];
+    http
+      .get(airConditioningSystemApi.getVentHostCtrlList, {
+        projectId: state.projectId,
+        siteId: state.siteId,
+      })
+      .then((res) => {
+        console.log(res);
+        if (res.msg === 'success') {
+          res.data.forEach((item: any, index: number) => {
+            newTrend.value.push({
+              title: item.deviceInfoName,
+              styleText: newTrendPosition[index],
+              type: '新风主机',
+              number: item.record.converterTemp,
+              numberUnit: item.record.converterTempUnit,
+              url: freshAir,
+              ...item.record,
+            });
+          });
+        }
+      });
+  };
+  //实时获取数据 暂定一分钟
+  const intervalId = setInterval(getSensorData, 60000);
+  onMounted(() => {
+    //获取传感器数据
+    getSensorData();
+    //获取新风主机
+    getnewTrendData();
+  });
+  onUnmounted(() => {
+    clearInterval(intervalId);
+  });
 </script>
 <style lang="less">
   .legend-box {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue b/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
index da218f8..7b7a4d8 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
@@ -26,10 +26,10 @@
         <div style="margin-top: 4px"> {{ dataSource.type === '地暖' ? '设置' : '风量' }} </div>
         <div style="margin-top: -5px">
           <span style="font-size: 18px; color: #0dffff; font-style: italic">
-            {{ dataSource.type === '地暖' ? dataSource.setUpNumber : '18' }}
+            {{ dataSource.type === '地暖' ? dataSource.setUpNumber : dataSource.airVol }}
           </span>
           <span style="font-size: 10px; margin-left: 5px">{{
-            dataSource.type === '地暖' ? '℃' : 'm3/h'
+            dataSource.type === '地暖' ? '℃' : dataSource.airVolUnit
           }}</span>
         </div>
       </div>
@@ -48,7 +48,7 @@
           <span :style="{ fontSize: '18px', color: getColor(), fontStyle: 'italic' }">
             {{ dataSource.number }}
           </span>
-          <span style="font-size: 10px; margin-left: 5px">℃</span>
+          <span style="font-size: 10px; margin-left: 5px">{{ dataSource.numberUnit }}</span>
         </div>
       </div>
     </div>
@@ -65,22 +65,22 @@
   const props = defineProps({
     dataSource: {
       type: Object,
-      default: () => ({ title: '', number: 0 }), // 假设默认值还包括number属性
+      default: () => ({ title: '', converterTemp: 0 }), // 假设默认值还包括number属性
     },
   });
   const getSunUrl = () => {
-    if (props.dataSource.number > 0 && props.dataSource.number < 20) {
+    if (props.dataSource.converterTemp > 0 && props.dataSource.converterTemp < 20) {
       return sunGreen;
-    } else if (props.dataSource.number >= 20 && props.dataSource.number < 30) {
+    } else if (props.dataSource.converterTemp >= 20 && props.dataSource.converterTemp < 30) {
       return sunYellow;
     } else {
       return sunRed;
     }
   };
   const getColor = () => {
-    if (props.dataSource.number > 0 && props.dataSource.number < 20) {
+    if (props.dataSource.converterTemp > 0 && props.dataSource.converterTemp < 20) {
       return '#0dffa4';
-    } else if (props.dataSource.number >= 20 && props.dataSource.number < 30) {
+    } else if (props.dataSource.converterTemp >= 20 && props.dataSource.converterTemp < 30) {
       return '#f59a23';
     } else {
       return '#f36163';