From aac53390643a1a12368ceb68b800ae7203a49f35 Mon Sep 17 00:00:00 2001
From: Gary Gu <garygu@Garydebijibendiannao.local>
Date: Wed, 28 May 2025 10:37:36 +0800
Subject: [PATCH] feat: 获取环境数据对接
---
src/views/EquipmentView.vue | 40 ++++++++++++++++++++++++++++++++++------
1 files changed, 34 insertions(+), 6 deletions(-)
diff --git a/src/views/EquipmentView.vue b/src/views/EquipmentView.vue
index 8a19837..54e3d41 100644
--- a/src/views/EquipmentView.vue
+++ b/src/views/EquipmentView.vue
@@ -114,7 +114,7 @@
<div class="env-info">
<span class="envlabel">大气温度</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">5°C</span>
+ <span class="envvalue-text">{{ evnData.Tmp + "°C" }}</span>
</div>
</div>
</div>
@@ -123,7 +123,7 @@
<div class="env-info">
<span class="envlabel">大气湿度</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">22.9%</span>
+ <span class="envvalue-text">{{ evnData.Rh + "%" }}</span>
</div>
</div>
</div>
@@ -132,7 +132,7 @@
<div class="env-info">
<span class="envlabel">PM2.5</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">10 μg/m³</span>
+ <span class="envvalue-text">{{ evnData.Pm25 + "μg/m³" }}</span>
</div>
</div>
</div>
@@ -141,7 +141,7 @@
<div class="env-info">
<span class="envlabel">PM10</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">13 μg/m³</span>
+ <span class="envvalue-text">{{ evnData.Pm10 + "μg/m³" }}</span>
</div>
</div>
</div>
@@ -150,7 +150,7 @@
<div class="env-info">
<span class="envlabel">风力</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">3级</span>
+ <span class="envvalue-text">{{ evnData.Ws }}</span>
</div>
</div>
</div>
@@ -159,7 +159,7 @@
<div class="env-info">
<span class="envlabel">风向</span>
<div class="envvalue" :style="enviorStyle">
- <span class="envvalue-text">北风</span>
+ <span class="envvalue-text">{{ evnData.Wd }}</span>
</div>
</div>
</div>
@@ -185,6 +185,7 @@
},
data() {
return {
+ evnData: {},
deviceSelected: "",
options: [],
backgroundImage: new URL("@/assets/images/backgrounds/cover_bg.png", import.meta.url).href,
@@ -488,6 +489,7 @@
console.log("设备界面接收到的数据:", newVal);
// 处理数据变化的逻辑
this.getDeviceTypes(newVal);
+ this.getEnvData(newVal);
},
deep: true, // 深度监听对象内部变化
immediate: true, // 立即执行一次
@@ -501,6 +503,32 @@
*/
handleSelectChange(val) {
this.getDeviceState(val);
+ this.getEnvData(val);
+ },
+ /**
+ * 获取环境数据
+ */
+ getEnvData(bindId) {
+ const params = {
+ bindId,
+ };
+ HomeAPI.GetJSCEnvMonitor(params).then((res) => {
+ if (res.Ret === 1) {
+ const result = res.Data;
+ if (result) {
+ this.evnData = result;
+ } else {
+ this.evnData = {
+ Tmp: "0",
+ Rh: "0",
+ Pm25: "0",
+ Pm10: "0",
+ Ws: "0",
+ Wd: "无",
+ };
+ }
+ }
+ });
},
/**
* 获取设备类型
--
Gitblit v1.9.3