feat: 获取环境数据对接

Gary Gu

4 days ago aac53390643a1a12368ceb68b800ae7203a49f35

feat: 获取环境数据对接

 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: "无",
              };
            }
          }
        });
      },
      /**
       * 获取设备类型