From 933e4b26a866398e9c06f70cb0a2a78e7e4136e7 Mon Sep 17 00:00:00 2001
From: zhaohy <1695786511@qq.com>
Date: Wed, 21 Aug 2024 14:47:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=80=9A=E9=A3=8E=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hx-ai-intelligent/src/api/ventilatingSystem.ts     |   2 +
 .../airConditioningSystem/index.vue                |   4 +-
 .../components/doubleSingleModel.vue               |   4 +-
 .../equipmentControl/components/singleModel.vue    |   2 +-
 .../image/airConditioningSystem/sunBlue.png        | Bin 2767 -> 0 bytes
 .../image/airConditioningSystem/sunGreen.png       | Bin 0 -> 2767 bytes
 .../ventilationSystem/devicePosition.ts            |   8 ++
 .../equipmentControl/ventilationSystem/index.vue   | 160 +++++++++++----------
 8 files changed, 101 insertions(+), 79 deletions(-)
 delete mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunBlue.png
 create mode 100644 hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunGreen.png

diff --git a/hx-ai-intelligent/src/api/ventilatingSystem.ts b/hx-ai-intelligent/src/api/ventilatingSystem.ts
index a99c07e..153c0fb 100644
--- a/hx-ai-intelligent/src/api/ventilatingSystem.ts
+++ b/hx-ai-intelligent/src/api/ventilatingSystem.ts
@@ -2,6 +2,8 @@
 const prefix = '/carbon-smart/api';
 // 通风系统相关接口
 export enum ventilating {
+  //传感器获取数据
+  getSensorData = prefix + '/multiFuncSensorCtrl/getDeviceState',
   // 排风扇相关 =============================================
   // 获得排风扇系统的树形结构
   getTree1 = prefix + '/ventilatingFanCtrl/getCtrlPanelTree',
diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
index f66f48a..b83a527 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue
@@ -177,7 +177,7 @@
   // 温泉颜色
   import sunRed from '../image/airConditioningSystem/sunRed.png';
   import sunYellow from '../image/airConditioningSystem/sunYellow.png';
-  import sunBlue from '../image/airConditioningSystem/sunBlue.png';
+  import sunGreen from '../image/airConditioningSystem/sunGreen.png';
 
   import singleModel from '../components/singleModel.vue';
   import doubleSingleModel from '../components/doubleSingleModel.vue';
@@ -230,7 +230,7 @@
       type: '温度',
       unit: '℃',
       number: 20,
-      url: sunBlue,
+      url: sunGreen,
     },
     {
       title: 'D区多功能传感器',
diff --git a/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue b/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
index 6653f59..da218f8 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/components/doubleSingleModel.vue
@@ -57,7 +57,7 @@
 <script lang="ts" setup>
   import sunRed from '../image/airConditioningSystem/sunRed.png';
   import sunYellow from '../image/airConditioningSystem/sunYellow.png';
-  import sunBlue from '../image/airConditioningSystem/sunBlue.png';
+  import sunGreen from '../image/airConditioningSystem/sunGreen.png';
 
   import electricFan from '../image/airConditioningSystem/electricFan.png';
   import setUp from '../image/airConditioningSystem/setUp.png';
@@ -70,7 +70,7 @@
   });
   const getSunUrl = () => {
     if (props.dataSource.number > 0 && props.dataSource.number < 20) {
-      return sunBlue;
+      return sunGreen;
     } else if (props.dataSource.number >= 20 && props.dataSource.number < 30) {
       return sunYellow;
     } else {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/components/singleModel.vue b/hx-ai-intelligent/src/view/equipmentControl/components/singleModel.vue
index 081f2fb..5b9874a 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/components/singleModel.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/components/singleModel.vue
@@ -17,6 +17,7 @@
         class="box-number"
         :style="{
           left: dataSource.type === '二氧化碳' ? '95px' : '90px',
+          color: dataSource.fontColor ? dataSource.fontColor : '#0dffa4',
         }"
         >{{ dataSource.number }}</div
       >
@@ -90,7 +91,6 @@
       margin-right: 4px;
     }
     .box-number {
-      color: #0dffa4;
       font-size: 18px;
       left: 72%;
       top: 45%;
diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunBlue.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunBlue.png
deleted file mode 100644
index 6757d59eb67a557edb2ac9457ae816acf215a4fb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2767
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
Vo#)x?deZ;^002ovPDHLkV1h&wR4@Pl

diff --git a/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunGreen.png b/hx-ai-intelligent/src/view/equipmentControl/image/airConditioningSystem/sunGreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..6757d59eb67a557edb2ac9457ae816acf215a4fb
GIT binary patch
literal 2767
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
Vo#)x?deZ;^002ovPDHLkV1h&wR4@Pl

literal 0
HcmV?d00001

diff --git a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/devicePosition.ts b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/devicePosition.ts
index 08c08d5..6d5112e 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/devicePosition.ts
+++ b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/devicePosition.ts
@@ -1,3 +1,11 @@
+//传感器位置
+export const devicePosition = [
+  { styleText: { left: '46.8%', bottom: '74%' } },
+  { styleText: { left: '47%', bottom: '62%' } },
+  { styleText: { left: '47.2%', bottom: '47%' } },
+  { styleText: { left: '47.3%', bottom: '34%' } },
+];
+
 // 排风扇
 export const devicePosition1 = [
   {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
index a24a017..c912950 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
@@ -287,6 +287,7 @@
   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';
 
   import boxModel from './components/boxModel.vue';
   import singleModel from '../components/singleModel.vue';
@@ -301,7 +302,12 @@
   // 全局变量
   import { items } from '/@/store/item';
   // 定位数据
-  import { devicePosition1, devicePosition2, devicePosition3 } from './devicePosition';
+  import {
+    devicePosition1,
+    devicePosition2,
+    devicePosition3,
+    devicePosition,
+  } from './devicePosition';
 
   // 父子组件交互 =======================================================================
 
@@ -433,81 +439,13 @@
     });
   };
   // 温度数组
-  const sensorData = ref([
-    {
-      title: '多功能传感器A',
-      styleText: { left: '48%', bottom: '64%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunRed,
-    },
-    {
-      title: '多功能传感器B',
-      styleText: { left: '48.2%', bottom: '43%' },
-      type: '温度',
-      unit: '℃',
-      number: 20,
-      url: sunYellow,
-    },
-  ]);
+  const sensorData = ref([]);
   // 湿度数组
-  const humidityData = ref([
-    {
-      title: '多功能传感器A',
-      styleText: { left: '48%', bottom: '64%' },
-      type: '湿度',
-      unit: '%',
-      number: 20,
-      url: humidity,
-    },
-    {
-      title: '多功能传感器B',
-      styleText: { left: '48.2%', bottom: '43%' },
-      type: '湿度',
-      unit: '%',
-      number: 20,
-      url: humidity,
-    },
-  ]);
+  const humidityData = ref([]);
   // PM2.5数组
-  const pmData = ref([
-    {
-      title: '多功能传感器A',
-      styleText: { left: '48%', bottom: '64%' },
-      type: 'pm2.5',
-      unit: '',
-      number: 20,
-      url: PM25,
-    },
-    {
-      title: '多功能传感器B',
-      styleText: { left: '48.2%', bottom: '43%' },
-      type: 'pm2.5',
-      unit: '',
-      number: 20,
-      url: PM25,
-    },
-  ]);
+  const pmData = ref([]);
   // 二氧化碳 浓度
-  const CO2Data = ref([
-    {
-      title: '多功能传感器A',
-      styleText: { left: '48%', bottom: '64%' },
-      type: '二氧化碳',
-      unit: 'CO2e',
-      number: 20,
-      url: CO2,
-    },
-    {
-      title: '多功能传感器B',
-      styleText: { left: '48.2%', bottom: '43%' },
-      type: '二氧化碳',
-      unit: 'CO2e',
-      number: 99,
-      url: CO2,
-    },
-  ]);
+  const CO2Data = ref([]);
   // 排风扇
   const fanData = ref([]);
   // 风幕机
@@ -536,11 +474,85 @@
   const tabs2Ref = ref();
   // 抽屉tab3组件的引用
   const tabs3Ref = ref();
+  //根据温度获取图片
+  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 = [];
+    humidityData.value = [];
+    pmData.value = [];
+    CO2Data.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].styleText,
+              type: '温度',
+              unit: item.record.tempUnit,
+              number: item.record.temp,
+              url: getSunUrl(item.record.temp),
+              fontColor: getColor(item.record.temp),
+            });
+            humidityData.value.push({
+              title: item.deviceInfoName,
+              styleText: devicePosition[index].styleText,
+              type: '湿度',
+              unit: item.record.humidityUnit,
+              number: item.record.humidity,
+              url: humidity,
+            });
+            pmData.value.push({
+              title: item.deviceInfoName,
+              styleText: devicePosition[index].styleText,
+              type: 'pm2.5',
+              unit: item.record.pm2_5Unit,
+              number: item.record.pm2_5,
+              url: PM25,
+            });
+            CO2Data.value.push({
+              title: item.deviceInfoName,
+              styleText: devicePosition[index].styleText,
+              type: '二氧化碳',
+              unit: item.record.co_CO2Unit,
+              number: item.record.co_CO2,
+              url: CO2,
+            });
+          });
+        }
+      });
+  };
+  //实时获取数据 暂定一分钟
+  const intervalId = setInterval(getSensorData, 60000);
   onMounted(() => {
+    //获取传感器数据
+    getSensorData();
     // 获得枚举
     getStateEnum();
   });
-  onUnmounted(() => {});
+  onUnmounted(() => {
+    clearInterval(intervalId);
+  });
 </script>
 <style lang="less">
   @import url('../style/color.less');