diff --git a/src/assets/icons/svg/hz-icon.svg b/src/assets/icons/svg/hz-icon.svg
new file mode 100644
index 0000000..8af72e6
--- /dev/null
+++ b/src/assets/icons/svg/hz-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1758105515572" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7076" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M480.256 16.384C219.648 16.384 8.192 227.84 8.192 488.448c0 260.608 211.456 472.064 472.064 472.064 260.608 0 472.064-211.456 472.064-472.064 0.512-260.608-210.944-472.064-472.064-472.064z m0 881.664c-225.792 0-409.088-183.296-409.088-409.088 0-225.792 183.296-409.088 409.088-409.088 225.792 0 409.088 183.296 409.088 409.088 0.512 225.792-182.784 409.088-409.088 409.088z" p-id="7077"></path><path d="M203.264 281.088h50.688v160.256h199.68V281.088h50.688v383.488h-50.688V484.864h-199.68v179.712h-50.688V281.088zM562.176 625.664l160.768-199.68h-152.576v-40.448H778.24v40.448l-158.72 198.144h165.888l-7.68 40.448h-215.552v-38.912z" p-id="7078"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/fenggui1.png b/src/assets/images/fenggui1.png
new file mode 100644
index 0000000..fec62e7
Binary files /dev/null and b/src/assets/images/fenggui1.png differ
diff --git a/src/assets/images/fenggui.png b/src/assets/images/fenggui2.png
similarity index 100%
rename from src/assets/images/fenggui.png
rename to src/assets/images/fenggui2.png
diff --git a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(new).vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(new).vue
new file mode 100644
index 0000000..3dd01e7
--- /dev/null
+++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(new).vue
@@ -0,0 +1,2120 @@
+<template>
+  <div class="monitor" v-loading="loading">
+    <div class="monitor-top">
+      <img
+        class="title-left"
+        src="../../../assets/images/title-left.png"
+        alt=""
+      />
+      <img
+        class="title-center"
+        src="../../../assets/images/title-center.png"
+        alt=""
+      />
+      <img
+        class="title-right"
+        src="../../../assets/images/title-right.png"
+        alt=""
+      />
+      <div class="sys-title">空调风柜监控系统</div>
+      <!-- logo -->
+      <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
+      <div class="nowTime">{{ formattedDate }}</div>
+      <div class="monitor-time">已监测时长:{{ dayData }}天</div>
+      <img
+        class="icon_warning"
+        src="../../../assets/images/warning.png"
+        title="报警记录"
+        @click="goWarning"
+        v-if="isShowWarning"
+        alt=""
+      />
+      <img
+        class="icon_home"
+        src="../../../assets/images/icon_home.png"
+        title="首页"
+        @click="goSys"
+        alt=""
+      />
+      <img
+        class="back-icon"
+        src="../../../assets/images/back-icon.png"
+        title="返回"
+        @click="goBack"
+        alt=""
+      />
+    </div>
+    <div class="app-container">
+      <div class="left-tree">
+        <!-- 为 el-tree 设置一个固定的高度和滚动条 -->
+        <div class="tree-div">
+          <el-tree
+            ref="tree"
+            :data="treeData"
+            node-key="id"
+            :default-expand-all="false"
+            :default-expanded-keys="expandedKeys"
+            :auto-expand-parent="true"
+            icon-class="none"
+            @node-expand="handleNodeExpand"
+            @node-collapse="handleNodeCollapse"
+            :highlight-current="true"
+            @node-click="handleNodeClick"
+          >
+            <template #default="{ node }">
+              <span class="custom-tree-node">
+                <!-- 根据节点状态动态设置图标类名 -->
+                <div class="tree-left">
+                  <i :class="getIconClass(node)" class="custom-tree-icon"></i>
+                  <span class="tree-label">{{ node.label }}</span>
+                </div>
+              </span>
+            </template>
+          </el-tree>
+        </div>
+      </div>
+      <div class="right-monitor">
+        <div class="buildingDiv">
+          <img
+            class="title-bg"
+            src="../../../assets/images/title-bg.png"
+            alt=""
+          />
+          <div class="title-word">位置：{{ currentName }}</div>
+        </div>
+        <div class="mostDiv">
+          <div class="windC">
+            <!-- 定时开关机定位 -->
+            <div class="menu-title" @click="openTimeSwitch">
+              <div @click="openTimeSwitch">定时开关机</div>
+            </div>
+            <!-- 空调风柜定位 -->
+            <img
+              class="wind-img"
+              src="../../../assets/images/fenggui2.png"
+              alt=""
+            />
+            <!-- 风扇定位 -->
+            <img
+              class="windMove"
+              :class="{ tunCircle: runStatusObj.collectValue }"
+              src="../../../assets/images/fengshan.png"
+              alt=""
+            />
+            <div class="arrow-flex2">
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+            </div>
+            <div class="arrow-flex3">
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+            </div>
+            <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">回风温度</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
+                    @input="handleInput(backAirObj)"
+                    @blur="handleBlur()"
+                    v-model="backAirObj.collectValue"
+                    size="mini"
+                  >
+                    <svg-icon
+                      slot="prefix"
+                      icon-class="tem_icon"
+                      class="tem-icon"
+                    />
+                  </el-input> </el-form-item
+              ></el-form>
+            </div>
+            <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">1#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
+              <!-- <el-input
+                @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
+                @input="handleInput(airSupplyObj)"
+                @blur="handleBlur()"
+                disabled
+                v-model="airSupplyObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="tem_icon"
+                  class="tem-icon"
+                />
+              </el-input> -->
+            </div>
+            <div class="wind-tem3" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">2#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
+            </div>
+            <div class="wind-tem4" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">3#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
+            </div>
+            <div class="fan-satatus3">
+              <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
+                <div class="wind-text">风机故障状态:</div>
+                <div class="badStautus" v-if="faultAlarmObj.collectValue">
+                  故障
+                </div>
+                <div class="goodStautus" v-else>正常</div>
+              </div>
+              <div class="context-li" v-if="isObjectValid(runStatusObj)">
+                <div class="wind-text">风机运行状态:</div>
+                <div class="goodStautus" v-if="runStatusObj.collectValue">
+                  运行
+                </div>
+                <div class="noneStautus" v-else>不运行</div>
+              </div>
+              <div class="context-li" v-if="isObjectValid(pressureObj)">
+                <div class="wind-text">风机压差:</div>
+                <div class="badStautus" v-if="pressureObj.collectValue">
+                  故障
+                </div>
+                <div class="goodStautus" v-else>正常</div>
+              </div>
+            </div>
+            <div class="fan-satatus1">
+              <div class="context-li" v-if="isObjectValid(automaticObj)">
+                <div class="wind-text">风机手自动状态</div>
+                <el-switch
+                  style="display: block"
+                  v-model="automaticObj.collectValue"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="手动"
+                  inactive-text="自动"
+                  @change="handleAutomaticText(automaticObj)"
+                >
+                </el-switch>
+              </div>
+              <div class="context-li" v-if="isObjectValid(startControlObj)">
+                <div class="wind-text">风机启停控制</div>
+                <el-switch
+                  style="display: block"
+                  v-model="startControlObj.collectValue"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="开启"
+                  inactive-text="停止"
+                  @change="handleControlText(startControlObj)"
+                >
+                </el-switch>
+              </div>
+            </div>
+            <div class="fan-satatus2">
+              <!-- <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
+                <div class="wind-text">供水温度</div>
+                <el-input
+                  @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
+                  @input="handleInput(waterSupplyObj)"
+                  @blur="handleBlur()"
+                  disabled
+                  v-model="waterSupplyObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="tem_icon"
+                    class="tem-icon"
+                  />
+                </el-input>
+              </div>
+              <div class="context-li" v-if="isObjectValid(backwaterObj)">
+                <div class="wind-text">回水温度</div>
+                <el-input
+                  @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
+                  @input="handleInput(backwaterObj)"
+                  @blur="handleBlur()"
+                  disabled
+                  v-model="backwaterObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="tem_icon"
+                    class="tem-icon"
+                  />
+                </el-input>
+              </div> -->
+              <div class="context-li" v-if="isObjectValid(waterValveObj)">
+                <div class="wind-text">水阀调节</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      @keyup.enter.native="
+                        handleEnter(waterValveObj, $event, '%')
+                      "
+                      @input="handleInput(waterValveObj)"
+                      @blur="handleBlur()"
+                      v-model="waterValveObj.collectValue"
+                      size="mini"
+                    >
+                      <svg-icon
+                        slot="prefix"
+                        icon-class="percentage-icon"
+                        class="percentage-icon"
+                      />
+                    </el-input>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </div>
+            <div class="wind-valve" v-if="isObjectValid(airValveBackObj)">
+              <div class="wind-text">新风阀反馈：</div>
+              <div>{{ airValveBackObj.collectValue }}%</div>
+            </div>
+            <div class="wind-valve2" v-if="isObjectValid(airValveObj)">
+              <div class="wind-text">新风阀调节</div>
+              <el-input
+                @keyup.enter.native="handleEnter(airValveObj, $event, '%')"
+                @input="handleInput(airValveObj)"
+                @blur="handleBlur()"
+                v-model="airValveObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="percentage-icon"
+                  class="percentage-icon"
+                />
+              </el-input>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 定时开关内容 -->
+      <el-dialog
+        title="定时开关机功能"
+        :visible.sync="isOpenTimeSwitch"
+        append-to-body
+        width="800px"
+        class="custom-dialog"
+      >
+        <div class="dialog-content">
+          <div class="device-container" v-loading="loading">
+            <div class="device-li">
+              <div class="device-name">定时名称</div>
+              <div class="device-name">定时开机</div>
+              <div class="device-name">定时关机</div>
+              <div class="device-name">启动状态</div>
+            </div>
+            <div
+              class="device-li"
+              v-for="(item, index) in delayList"
+              :key="index"
+              :class="{ highlight: item.name.includes(currentWeekday) }"
+            >
+              <div class="device-name">{{ item.name }}</div>
+              <div class="device-name">
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayOpenHour"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'openHour', $event)
+                      "
+                      @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
+                    ></el-input> </el-form-item
+                ></el-form>
+                <div class="slip">:</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayOpenMinute"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'openMinute', $event)
+                      "
+                      @input="
+                        handleSwitchInput(item, 'delayOpenMinute', 'minute')
+                      "
+                    ></el-input> </el-form-item
+                ></el-form>
+              </div>
+              <div class="device-name">
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayCloseHour"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'closeHour', $event)
+                      "
+                      @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
+                    ></el-input></el-form-item
+                ></el-form>
+                <div class="slip">:</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayCloseMinute"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'closeMinute', $event)
+                      "
+                      @input="
+                        handleSwitchInput(item, 'delayCloseMinute', 'minute')
+                      "
+                    ></el-input></el-form-item
+                ></el-form>
+              </div>
+              <div class="device-name">
+                <el-switch
+                  style="display: block"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="开启"
+                  inactive-text="停用"
+                  v-model="item.delayStatus"
+                  @change="handleSwitchStatus(item)"
+                >
+                </el-switch>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { runTime } from "@/api/centerairC/sysMonitor";
+import { alarmRecordList } from "@/api/alarm/alarmRecord";
+import { getDay } from "@/utils/datetime";
+import { spaceTree } from "@/api/region";
+import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
+import { operationConrol } from "@/api/hotWater/waterControl";
+export default {
+  name: "asSysMonitorDetails",
+  data() {
+    return {
+      loading: false,
+      currentDate: new Date(),
+      nowTimer: null,
+      isShowWarning: false, //是否有报警
+      dayData: "", //监测天数
+      treeData: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      deviceList: [],
+      expandedKeys: [],
+      currentId: "", //当前选中高亮的id
+      currentName: "", //当前选中的名称
+      currentLevel: "", //当前节点的层级
+      currentParentId: "", //当前节点的上级的id
+
+      backwaterObj: {}, //回水温度
+      airValveObj: {}, //风阀调节
+      airValveBackObj: {}, //风阀反馈
+      waterValveObj: {}, //水阀调节
+      startControlObj: {}, //启停控制
+      runStatusObj: {}, //运行状态
+      airSupplyObj: {}, //送风温度
+      pressureObj: {}, //压差
+      automaticObj: {}, //手自动状态
+      backAirObj: {}, //回风温度
+      faultAlarmObj: {}, //故障报警
+      waterSupplyObj: {}, //供水温度
+
+      tableData: [], //系统状态表格数据
+      temValue: "℃", //回风温度
+      valvePercent: "%", //阀比例
+      runStatus: false, //运行状态
+      autoStatus: false, //手自动状态
+      startStatus: false, //启停控制
+      frequency: "v",
+      isOpenTimeSwitch: false,
+      delayList: [],
+      currentWeekday: "",
+    };
+  },
+  computed: {
+    formattedDate() {
+      const year = this.currentDate.getFullYear();
+      const month = String(this.currentDate.getMonth() + 1).padStart(2, "0");
+      const day = String(this.currentDate.getDate()).padStart(2, "0");
+      const hours = String(this.currentDate.getHours()).padStart(2, "0");
+      const minutes = String(this.currentDate.getMinutes()).padStart(2, "0");
+      const seconds = String(this.currentDate.getSeconds()).padStart(2, "0");
+      const weekDays = [
+        "星期日",
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六",
+      ];
+      const weekDay = weekDays[this.currentDate.getDay()];
+      return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
+    },
+  },
+  watch: {
+    temValue(newVal) {
+      let valueWithoutTem = newVal.replace(/℃/g, "");
+      if (valueWithoutTem === "") {
+        this.temValue = "℃";
+      } else {
+        this.temValue = valueWithoutTem + "℃";
+      }
+    },
+    valvePercent(newVal) {
+      // 去除输入值中的 %
+      let valueWithoutPercent = newVal.replace(/%/g, "");
+      // 如果输入值为空，保持 %
+      if (valueWithoutPercent === "") {
+        this.temValue = "%";
+      } else {
+        // 否则在输入值后面添加 %
+        this.temValue = valueWithoutPercent + "%";
+      }
+    },
+    frequency(newVal) {
+      let valueWithoutFrequency = newVal.replace(/v/g, "");
+      if (valueWithoutFrequency === "") {
+        this.temValue = "v";
+      } else {
+        this.temValue = valueWithoutFrequency + "v";
+      }
+    },
+  },
+  created() {
+    const weekdays = [
+      "星期日",
+      "星期一",
+      "星期二",
+      "星期三",
+      "星期四",
+      "星期五",
+      "星期六",
+    ];
+    const date = new Date();
+    const dayIndex = date.getDay();
+    this.currentWeekday = weekdays[dayIndex];
+    console.log("今天是星期几", this.currentWeekday);
+  },
+  mounted() {
+    this.getSysBuild();
+    this.getAlarnStatus();
+    this.getDayData();
+    // 在组件挂载后尝试进入全屏
+    setTimeout(() => {
+      this.requestFullscreen();
+    }, 100); // 延迟 100 毫秒执行全屏操作
+  },
+  beforeDestroy() {
+    // 组件销毁前清除定时器
+    if (this.nowTimer) {
+      clearInterval(this.nowTimer);
+    }
+  },
+  methods: {
+    // 全屏操作
+    requestFullscreen() {
+      const element = document.documentElement;
+      console.log("全屏了吗");
+      if (element.requestFullscreen) {
+        element.requestFullscreen();
+      } else if (element.mozRequestFullScreen) {
+        // Firefox
+        element.mozRequestFullScreen();
+      } else if (element.webkitRequestFullscreen) {
+        // Chrome, Safari and Opera
+        element.webkitRequestFullscreen();
+      } else if (element.msRequestFullscreen) {
+        // IE/Edge
+        element.msRequestFullscreen();
+      }
+    },
+    // 退出全屏
+    exitFullscreen() {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        // Firefox
+        document.mozCancelFullScreen();
+      } else if (document.webkitExitFullscreen) {
+        // Chrome, Safari and Opera
+        document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        // IE/Edge
+        document.msExitFullscreen();
+      }
+    },
+    // 进入系统首页
+    goSys() {
+      this.exitFullscreen();
+      this.$router.push("/");
+    },
+    // 返回上一页
+    goBack() {
+      window.history.go(-2);
+    },
+    // 监测天数
+    getDayData() {
+      runTime().then((res) => {
+        if (res.code == 200) {
+          this.dayData = res.data.runTime;
+        }
+      });
+    },
+    // 报警列表
+    getAlarnStatus() {
+      let data = {
+        pageNum: 1,
+        pageSize: 10,
+        status: "0",
+      };
+      let timeArr = [getDay(0), getDay(0)];
+      alarmRecordList(this.addDateRange(data, timeArr)).then((res) => {
+        if (res.code == 200 && res.rows.length > 0) {
+          this.isShowWarning = true;
+        } else {
+          this.isShowWarning = false;
+        }
+      });
+    },
+    goWarning() {
+      this.exitFullscreen();
+      this.$router.push("/alarm/alarmRecord");
+    },
+    // 判断对象是否有效（不为空且不为 undefined）
+    isObjectValid(obj) {
+      return obj && Object.keys(obj).length > 0;
+    },
+    getSysBuild() {
+      spaceTree().then((res) => {
+        if (res.code == 200) {
+          // 只需要保留热水的系统
+          console.log("楼栋返回值", res);
+          let newRes = { ...res };
+
+          if (newRes.data && newRes.data[0] && newRes.data[0].children) {
+            newRes.data[0].children = newRes.data[0].children.filter((item) => {
+              // 假设子项有一个 label属性，用于检查是否包含 "热水"
+              return item.label && item.label.includes("空调风柜");
+            });
+          }
+          // 指定要保留的最大层级（从 1 开始计数），这里假设指定为第 5 级
+          const targetLevel = 5;
+          // 从 data[0] 开始处理，当前层级为 1
+          if (newRes.data[0]) {
+            this.removeChildrenAfterLevel(newRes.data[0], 1, targetLevel);
+          }
+          console.log("筛选后的新结果", newRes);
+          this.treeData = newRes.data;
+          this.$nextTick(() => {
+            // 默认展开节点
+            this.getExpandedKeys(this.treeData, 1);
+            if (this.treeData.length > 0) {
+              // 找到最后一层的第一个子节点
+              const lastLevelFirstChild = this.findLastLevelFirstChild(
+                this.treeData[0]
+              );
+              // this.$refs.tree.setCurrentKey(
+              //   this.treeData[0].children[0].children[0].children[0].id
+              // );
+              // 设置当前选中的节点,默认高亮
+              this.$refs.tree.setCurrentKey(lastLevelFirstChild.id);
+              // 更新当前节点的信息
+              this.currentId = lastLevelFirstChild.id;
+              this.currentLevel = lastLevelFirstChild.level;
+              this.currentName = lastLevelFirstChild.label;
+              console.log("当前选中节点ID", this.currentId);
+              console.log("当前选中节点层级", this.currentLevel);
+              console.log("当前选中节点名称", this.currentName);
+              this.getWindList();
+            }
+          });
+        }
+      });
+    },
+    // 递归函数，用于去除指定层级往后的 children 数据
+    removeChildrenAfterLevel(obj, currentLevel, targetLevel) {
+      if (currentLevel >= targetLevel) {
+        // 当达到指定层级时，将 children 属性置为空数组
+        obj.children = [];
+        return;
+      }
+      if (obj.children && obj.children.length > 0) {
+        // 若存在 children 数组，则递归处理每个子项
+        for (let i = 0; i < obj.children.length; i++) {
+          this.removeChildrenAfterLevel(
+            obj.children[i],
+            currentLevel + 1,
+            targetLevel
+          );
+        }
+      }
+    },
+    // 递归函数，找到最后一层的第一个子节点
+    findLastLevelFirstChild(node, level = 1) {
+      if (!node.children || node.children.length === 0) {
+        return {
+          id: node.id,
+          level,
+          label: node.label,
+        };
+      }
+      return this.findLastLevelFirstChild(node.children[0], level + 1);
+    },
+    // 默认只展示一二级菜单
+    getExpandedKeys(nodes, level) {
+      nodes.forEach((node) => {
+        if (level <= this.currentId + 4) {
+          this.expandedKeys.push(node.id);
+        }
+        if (node.children) {
+          this.getExpandedKeys(node.children, level + 1);
+        }
+      });
+    },
+    // 更换图标
+    getIconClass(node) {
+      // console.log("当前图标的节点内容", node);
+      if (node.level === 5) {
+        // 5级菜单时的图标
+        if (node.expanded) {
+          return "el-icon-document-opened"; // 5级菜单展开时的图标类名
+        }
+        return "el-icon-document"; // 5级菜单收缩时的图标类名
+      }
+      if (node.expanded) {
+        return "el-icon-folder-opened"; // 非5级菜单展开时的图标类名
+      }
+      return "el-icon-folder-add"; // 非5级菜单收缩时的图标类名
+    },
+    handleNodeExpand(node) {
+      // 节点展开时触发
+    },
+    handleNodeCollapse(node) {
+      // 节点收缩时触发
+    },
+    // 点击当前节点，保存节点内容
+    handleNodeClick(node, data) {
+      console.log("点击的当前节点", node, data);
+      if (data.level !== 5) {
+        console.log("不是第5层000");
+        // 设置当前选中的节点,默认高亮
+        this.$refs.tree.setCurrentKey(this.currentId);
+        console.log("当前选中节点ID", this.currentId);
+        console.log("当前选中节点层级", this.currentLevel);
+        console.log("当前选中节点名称", this.currentName);
+      } else {
+        console.log("第5层111");
+        this.currentId = node.id;
+        this.currentLevel = data.level;
+        this.currentName = node.label;
+        // 设置当前选中的节点,默认高亮
+        this.$refs.tree.setCurrentKey(this.currentId);
+        console.log("当前选中节点ID", this.currentId);
+        console.log("当前选中节点层级", this.currentLevel);
+        console.log("当前选中节点名称", this.currentName);
+        this.getWindList();
+      }
+    },
+    // 请求数据
+    getWindList() {
+      return new Promise((resolve, reject) => {
+        let data = {
+          systemType: "2",
+          houseId: this.currentId,
+        };
+        windList(data)
+          .then((res) => {
+            console.log("风柜系统查询返回", res);
+            if (res.code == 200 && res.rows.length > 0) {
+              let data = res.rows[0].values;
+              this.backwaterObj = {}; //回水温度
+              this.airValveObj = {}; //风阀调节
+              this.airValveBackObj = {}; //风阀反馈
+              this.waterValveObj = {}; //水阀调节
+              this.startControlObj = {}; //启停控制
+              this.runStatusObj = {}; //运行状态
+              this.airSupplyObj = {}; //送风温度
+              this.pressureObj = {}; //压差
+              this.automaticObj = {}; //手自动状态
+              this.backAirObj = {}; //回风温度
+              this.faultAlarmObj = {}; //故障报警
+              this.waterSupplyObj = {}; //供水温度
+              data.forEach((item) => {
+                // 回水温度
+                if (
+                  item.paramType === "12" &&
+                  item.collectName.includes("回水")
+                ) {
+                  this.backwaterObj = item;
+                }
+                //风阀调节
+                else if (
+                  item.paramType === "3" &&
+                  item.collectName.includes("新风阀")
+                ) {
+                  this.airValveObj = item;
+                }
+                //风阀反馈
+                else if (item.paramType === "4") {
+                  this.airValveBackObj = item;
+                }
+                //水阀调节
+                else if (
+                  item.paramType === "3" &&
+                  item.collectName.includes("水阀调节")
+                ) {
+                  this.waterValveObj = item;
+                }
+                //启停控制 0停止1开启
+                else if (item.paramType === "2") {
+                  this.startControlObj = item;
+                  this.startControlObj.collectValue =
+                    Number(item.collectValue) == 0 ? false : true;
+                }
+                //运行状态  0不运行1运行
+                else if (item.paramType === "1") {
+                  this.runStatusObj = item;
+                  this.runStatusObj.collectValue =
+                    Number(item.collectValue) == 0 ? false : true;
+                }
+                //送风温度
+                else if (
+                  item.paramType === "12" &&
+                  item.collectName.includes("送风")
+                ) {
+                  this.airSupplyObj = item;
+                }
+                //压差 0正常1故障(true)
+                else if (item.paramType === "33") {
+                  this.pressureObj = item;
+                  this.pressureObj.collectValue =
+                    Number(item.collectValue) == 0 ? false : true;
+                }
+                //手自动状态  0自动1手动
+                else if (item.paramType === "6") {
+                  this.automaticObj = item;
+                  this.automaticObj.collectValue =
+                    Number(item.collectValue) == 0 ? false : true;
+                }
+                //回风温度
+                else if (
+                  item.paramType === "12" &&
+                  item.collectName.includes("回风")
+                ) {
+                  this.backAirObj = item;
+                }
+                //故障报警 0正常 1故障
+                else if (item.paramType === "5") {
+                  this.faultAlarmObj = item;
+                  this.faultAlarmObj.collectValue =
+                    Number(item.collectValue) == 0 ? false : true;
+                }
+                //供水温度
+                else if (
+                  item.paramType === "12" &&
+                  item.collectName.includes("供水")
+                ) {
+                  this.waterSupplyObj = item;
+                }
+              });
+            } else {
+              this.backwaterObj = {};
+              this.airValveObj = {};
+              this.airValveBackObj = {};
+              this.waterValveObj = {};
+              this.startControlObj = {};
+              this.runStatusObj = {};
+              this.airSupplyObj = {};
+              this.pressureObj = {};
+              this.automaticObj = {};
+              this.backAirObj = {};
+              this.faultAlarmObj = {};
+              this.waterSupplyObj = {};
+            }
+            // 成功时解析 Promise
+            resolve(res);
+          })
+          .catch((error) => {
+            // 失败时拒绝 Promise
+            reject(error);
+          });
+      });
+    },
+    // 处理输入事件，过滤非数字字符
+    handleInput(item) {
+      console.log("校验");
+      // 实时校验并过滤非数字字符
+      item.collectValue = String(item.collectValue).replace(/[^\d]/g, "");
+    },
+    // 失去焦点
+    handleBlur() {
+      // this.currentFocusIndex = "";
+    },
+    handleEnter(item, event, unit) {
+      console.log("请求后端");
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      if (item.collectValue == "") {
+        this.$message.error("请输入值");
+        return; // 确保后续代码不执行
+      }
+      this.$confirm(
+        `确定要修改"${item.collectName}"为:${item.collectValue} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.hadleOperationConrol(item.id, item.collectValue);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          // this.$emit("upList");
+        });
+    },
+    // 手自动切换
+    handleAutomaticText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "手动" : "自动 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    //启停控制/手动控制
+    handleControlText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "开启" : "停止 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    // 操作
+    hadleOperationConrol(id, param) {
+      let data = {
+        id: id,
+        param: param,
+      };
+      console.log("操作参数", data);
+      operationConrol([data])
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getWindList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 5000);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getWindList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getWindList();
+        });
+    },
+    // 打开定时开关弹框
+    openTimeSwitch() {
+      this.isOpenTimeSwitch = true;
+      this.getPolicyList();
+    },
+    // 请求列表
+    getPolicyList() {
+      return new Promise((resolve, reject) => {
+        let data = {
+          systemType: "2",
+          funPolicyType: "3",
+          houseId: this.currentId,
+        };
+        timeList(data)
+          .then((res) => {
+            console.log("设备定时开关返回res", res);
+            if (res.code === 200) {
+              let handleList = res.rows;
+              this.delayList = [];
+              handleList.forEach((element, index) => {
+                if (element.values && element.values.length > 0) {
+                  // 初始化一个空对象来存储非蝶阀处理后的结果
+                  let delayItem = {
+                    name: element.name,
+                  };
+                  const limitedChildren = element.values;
+                  limitedChildren.forEach((child) => {
+                    // console.log("定时${index}开_时", `定时${index}开_时`);
+                    // console.log("child.pointName", child.pointName);
+                    if (child.pointName) {
+                      // 定时开机-小时
+                      if (child.pointName.includes("开_时")) {
+                        // console.log("定时开机-时·························");
+                        delayItem.delayOpenHour = child.curValue;
+                        delayItem.delayOpenHourId = child.id;
+                      }
+                      //   定时开机-分钟
+                      else if (child.pointName.includes("开_分")) {
+                        delayItem.delayOpenMinute = child.curValue;
+                        delayItem.delayOpenMinuteId = child.id;
+                      }
+                      // 定时关机-小时
+                      else if (child.pointName.includes("关_时")) {
+                        delayItem.delayCloseHour = child.curValue;
+                        delayItem.delayCloseHourId = child.id;
+                      }
+                      //   定时关机-分钟
+                      else if (child.pointName.includes("关_分")) {
+                        delayItem.delayCloseMinute = child.curValue;
+                        delayItem.delayCloseMinuteId = child.id;
+                      }
+                      // 启动状态
+                      else if (child.pointName.includes(`启动标志`)) {
+                        delayItem.delayStatus =
+                          Number(child.curValue) == 0 ? false : true;
+                        delayItem.delayStatusId = child.id;
+                      }
+                    }
+                  });
+                  // 将处理后的对象添加到 delayList 中
+                  if (Object.keys(delayItem).length > 1) {
+                    this.delayList.push(delayItem);
+                  }
+                }
+              });
+              console.log("处理后的数组", this.delayList);
+              //   this.delayList = res.rows;
+            } else {
+              this.delayList = [];
+            }
+            // 成功时解析 Promise
+            resolve(res);
+          })
+          .catch((error) => {
+            // 失败时拒绝 Promise
+            reject(error);
+          });
+      });
+    },
+    // 处理输入事件，过滤非数字字符
+    handleSwitchInput(item, propertyName, name) {
+      console.log("校验", item[propertyName]);
+      // 如果值为空，不进行后续校验
+      if (item[propertyName] === "") {
+        return;
+      }
+      let isValid = true;
+      // 实时校验并过滤非数字字符
+      let inputValue = String(item[propertyName]).replace(/[^\d]/g, "");
+      if (name === "hour") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 23;
+        if (!isValid) {
+          this.$message.error("输入值在0-23区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      } else if (name === "minute") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 59;
+        if (!isValid) {
+          this.$message.error("输入值在0-59区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      }
+      item[propertyName] = inputValue;
+    },
+    handleSwitchEnter(item, name, event) {
+      console.log("item", item);
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      let id = "";
+      let value = "";
+      let title = "";
+      let unit = "";
+      if (name === "openHour") {
+        id = item.delayOpenHourId;
+        value = item.delayOpenHour;
+        title = "定时开机-小时";
+        unit = "时";
+      } else if (name === "openMinute") {
+        id = item.delayOpenMinuteId;
+        value = item.delayOpenMinute;
+        title = "定时开机-分钟";
+        unit = "分";
+      } else if (name === "closeHour") {
+        id = item.delayCloseHourId;
+        value = item.delayCloseHour;
+        title = "定时关机-小时";
+        unit = "时";
+      } else if (name === "closeMinute") {
+        id = item.delayCloseMinuteId;
+        value = item.delayCloseMinute;
+        title = "定时关机-分钟";
+        unit = "分";
+      }
+
+      if (value === "") {
+        this.$message.warning("请输入当前设置值!");
+        return;
+      }
+      console.log("请求后端", item);
+      this.$confirm(
+        `确定要把"${item.name}"的${title}设置为:${value} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // console.log("打印id",id)
+          this.handleSwitchOperationConrol(id, value);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          this.getPolicyList();
+        });
+    },
+    handleSwitchOperationConrol(id, param) {
+      let data = {
+        policyId: id,
+        timeValue: param,
+      };
+      console.log("操作参数", data);
+      undateTime(data)
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getPolicyList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 500);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getPolicyList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getPolicyList();
+        });
+    },
+    // 启用状态
+    handleSwitchStatus(item) {
+      this.$confirm(
+        `确定要切换"${item.name}"的状态为:${
+          item.delayStatus ? "开启" : "停用 吗?"
+        }`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          console.log("请求后台", item.delayStatus);
+          let param = null;
+          if (item.delayStatus) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.handleSwitchOperationConrol(item.delayStatusId, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.delayStatus = !item.delayStatus;
+          console.log("不请求后台");
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.monitor {
+  width: 100%;
+  min-height: 100vh;
+  background-color: black;
+  color: #fff;
+  .monitor-top {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 0.1rem 0.2rem;
+    position: relative;
+    .title-left {
+      width: 3.41rem;
+      height: 0.8rem;
+    }
+    .title-center {
+      width: 9.46rem;
+      height: 0.69rem;
+    }
+    .title-right {
+      width: 5.04rem;
+      height: 0.61rem;
+    }
+    .sys-title {
+      position: absolute;
+      top: 40%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 0.28rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .nowTime {
+      position: absolute;
+      top: 0.3rem;
+      right: 0.6rem;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .sys-logo {
+      width: 1.8rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.26rem;
+      left: 0.8rem;
+      z-index: 10;
+    }
+    .monitor-time {
+      position: absolute;
+      top: 0.44rem;
+      left: 4.2rem;
+      z-index: 10;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+    }
+    .icon_warning {
+      position: absolute;
+      top: 0.33rem;
+      right: 4.4rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      margin: 0 0.25rem 0 0.27rem;
+      cursor: pointer;
+      /* 添加闪烁动画 */
+      animation: blink 1s infinite;
+    }
+    @keyframes blink {
+      100% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0;
+      }
+    }
+    .icon_home {
+      position: absolute;
+      top: 0.33rem;
+      right: 4rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      margin: 0 0.2rem 0 0.27rem;
+      cursor: pointer;
+    }
+    .back-icon {
+      position: absolute;
+      top: 0.33rem;
+      right: 3.7rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      cursor: pointer;
+    }
+  }
+}
+.buildingDiv {
+  padding-left: 54px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 20px;
+  position: relative;
+  .title-bg {
+    width: 208px;
+    height: 38px;
+    position: absolute;
+    left: 0;
+    z-index: 0;
+  }
+  .title-word {
+    z-index: 10;
+    font-family: YouSheBiaoTiHei;
+    font-size: 24px;
+    color: #ffffff;
+    white-space: nowrap;
+  }
+}
+.mostDiv {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.windC {
+  width: 13rem;
+  height: 5.38rem;
+  position: relative;
+  .menu-title {
+    color: #e1f4ff;
+    font-size: 0.18rem;
+    --bRadius: 0.05rem;
+    text-align: center;
+    position: absolute;
+    top: 0;
+    right: 0.5rem;
+    width: 1.25rem;
+    cursor: pointer;
+    z-index: 9;
+    div {
+      position: relative;
+      text-align: center;
+      border-radius: var(--bRadius);
+      transition: all 0.3s;
+      padding: 0.01rem 0.02rem;
+      background-color: rgba(85, 139, 211, 0.2);
+      cursor: pointer;
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        top: -10px;
+        left: -10px;
+        right: -10px;
+        bottom: -10px;
+        border: 2px solid #46b2f1;
+        transition: all 0.5s;
+        border-radius: var(--bRadius);
+        animation: clippath 3s infinite linear;
+        cursor: pointer;
+      }
+      &::after {
+        animation: clippath 3s infinite -1.5s linear;
+      }
+      @keyframes clippath {
+        0%,
+        100% {
+          clip-path: inset(0 0 98% 0);
+        }
+        25% {
+          clip-path: inset(0 98% 0 0);
+        }
+        50% {
+          clip-path: inset(98% 0 0 0);
+        }
+        75% {
+          clip-path: inset(0 0 0 98%);
+        }
+      }
+    }
+  }
+  .wind-img {
+    width: 13.1rem;
+    height: 5.7rem;
+    position: absolute;
+    top: 0.2rem;
+    left: 0;
+    z-index: 1;
+  }
+  .wind-tem1 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 0.4rem;
+    left: 4.7rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .wind-tem2 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 2.2rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-tem3 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top:4.1rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-tem4 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 5.9rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-frequency {
+    z-index: 10;
+    position: absolute;
+    top: 1.7rem;
+    left: 8.5rem;
+    width: 1.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .fan-satatus1 {
+    position: absolute;
+    top: 4.3rem;
+    left: 5.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus2 {
+    position: absolute;
+    top: 5.3rem;
+    left: 3.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus3 {
+    position: absolute;
+    top: 1.6rem;
+    left: 6.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+    .goodStautus {
+      color: rgb(57, 248, 51);
+      font-size: 0.18rem;
+      font-weight: bold;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .goodStautus::before {
+      content: "";
+      display: inline-block;
+      width: 0.1rem;
+      height: 0.1rem;
+      margin-right: 0.1rem;
+      border-radius: 50%;
+      background-color: rgb(57, 248, 51);
+    }
+    .badStautus {
+      color: rgb(248, 48, 41);
+      font-size: 0.18rem;
+      font-weight: bold;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      animation: blink 1s infinite;
+    }
+    .badStautus::before {
+      content: "";
+      display: inline-block;
+      width: 0.1rem;
+      height: 0.1rem;
+      margin-right: 0.1rem;
+      border-radius: 50%;
+      background-color: rgb(248, 48, 41);
+      animation: blink 1s infinite;
+    }
+    .noneStautus {
+      color: rgb(194, 191, 191);
+      font-size: 0.18rem;
+      font-weight: bold;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .noneStautus::before {
+      content: "";
+      display: inline-block;
+      width: 0.1rem;
+      height: 0.1rem;
+      margin-right: 0.1rem;
+      border-radius: 50%;
+      background-color: rgb(194, 191, 191);
+    }
+  }
+  /* 定义灯闪烁的动画 */
+  @keyframes blink {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.7;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  .wind-valve {
+    z-index: 10;
+    position: absolute;
+    top: 4.4rem;
+    left: 1.8rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-valve2 {
+    z-index: 10;
+    position: absolute;
+    top: 4.8rem;
+    left: 1.8rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.1rem;
+      white-space: nowrap;
+    }
+  }
+  .windMove {
+    width: 0.72rem;
+    height: 0.73rem;
+    position: absolute;
+    top: 3.11rem;
+    right: 6.24rem;
+    z-index: 10;
+  }
+  .tunCircle {
+    /* 应用动画 */
+    animation: rotate 2s linear infinite;
+  } /* 定义旋转动画 */
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .arrow-flex2 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 3.2rem;
+    right: 2.9rem;
+  }
+  .arrow-flex3 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 0.6rem;
+    right: 8.7rem;
+    transform: rotateY(180deg);
+  }
+  .wind-arrow {
+    width: 0.4rem;
+    height: 0.6rem;
+    margin-right: 0.15rem;
+    animation: moveArrow 2s linear infinite;
+  }
+  /* 定义每个箭头的透明度 */
+  .wind-arrow:nth-child(1) {
+    opacity: 1;
+  }
+
+  .wind-arrow:nth-child(2) {
+    opacity: 0.6;
+  }
+
+  .wind-arrow:nth-child(3) {
+    opacity: 0.4;
+  }
+  .wind-arrow:nth-child(4) {
+    opacity: 0.2;
+  }
+
+  /* 定义箭头移动的动画 */
+  @keyframes moveArrow {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(0.2rem);
+      /* 箭头向右移动的距离 */
+    }
+  }
+}
+.app-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: stretch;
+  height: 100%;
+  padding: 0.3rem 0.2rem 0 0.35rem;
+  width: 100%;
+  .left-tree {
+    width: 256px;
+    padding: 15px 10px 10px 10px;
+    border: 1px solid #004b8c;
+    .tree-div {
+      height: 7rem;
+      overflow-y: auto;
+    }
+    .status {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      margin-top: 20px;
+      .status-li {
+        width: 50%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 15px;
+      }
+      .status1,
+      .status2,
+      .status3,
+      .status4 {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-bottom: 5px;
+      }
+      .status1::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #00d2ff;
+        margin-right: 5px;
+      }
+      .status2::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #ff2f2f;
+        margin-right: 5px;
+      }
+      .status3::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #ff9908;
+        margin-right: 5px;
+      }
+      .status4::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #7398c7;
+        margin-right: 5px;
+      }
+    }
+  }
+  .right-monitor {
+    width: calc(100% - 280px);
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+}
+.tree-container {
+  height: 300px; /* 设置固定高度 */
+  overflow-y: auto; /* 启用垂直滚动条 */
+}
+// 滚动条
+:-webkit-scrollbar {
+  width: 10px; /* 滚动条宽度 */
+}
+
+::-webkit-scrollbar-track {
+  background: transparent !important; /* 滚动条轨道背景色 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+  .tree-left {
+    .custom-tree-icon {
+      margin-right: 5px;
+    }
+  }
+}
+.device-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 530px;
+  background-color: #142c4e;
+  padding: 10px 10px 30px 10px;
+  border-radius: 10px;
+  font-size: 14px;
+  .device-li {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 12px 0;
+    color: #abcdfc;
+    border-bottom: 1px dashed #0349ac;
+    .device-name {
+      flex: 1;
+      white-space: nowrap;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      flex-wrap: nowrap;
+      padding: 0 5px;
+      .slip {
+        margin: 0 5px;
+        color: #1282d8;
+        font-weight: bold;
+      }
+    }
+  }
+  .device-li:nth-child(1) {
+    color: #9ca3af;
+  }
+}
+.highlight {
+  background-color: #003863 !important; /* 定义高亮的背景颜色 */
+  color: #ffffff !important;
+  font-weight: bold;
+}
+.device-container .highlight .device-name .slip {
+  color: #ffffff !important;
+  font-weight: bold;
+}
+/* 为高亮行添加图片箭头 */
+.device-li.highlight::before {
+  content: "";
+  background-image: url("../../../assets/images/step.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  left: 2px; /* 图片位置，根据实际情况调整 */
+  top: 20%;
+  transform: translateY(-50%);
+  z-index: 999;
+  animation: moveRight 1s ease-in-out infinite alternate;
+}
+@keyframes moveRight {
+  0% {
+    transform: translateX(0); /* 初始位置，不移动 */
+  }
+  100% {
+    transform: translateX(0.04rem); /* 向右移动 1rem 的距离 */
+  }
+}
+
+/* 确保 device-li 有相对定位 */
+.device-li {
+  position: relative;
+}
+// 媒体查询，适配大于2000px分辨率的大屏样式
+@media (min-width: 2000px) {
+  .device-container {
+    min-height: 7rem !important;
+    padding: 0.1rem 0.1rem 0.3rem 0.1rem !important;
+    border-radius: 0.1rem !important;
+    font-size: 0.14rem !important;
+    .device-li {
+      padding: 0.12rem 0 !important;
+      .device-name {
+        .slip {
+          margin: 0 0.05rem !important;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 1360px) and (max-width: 1680px) {
+  .windC {
+    transform: scale(0.9);
+  }
+}
+@media (min-width: 1160px) and (max-width: 1360px) {
+  .windC {
+    transform: scale(0.8);
+  }
+}
+@media (min-width: 990px) and (max-width: 1160px) {
+  .windC {
+    transform: scale(0.7);
+  }
+}
+// 手机端样式
+@media (min-width: 0px) and (max-width: 990px) {
+  .app-container {
+    padding: 0rem 0.2rem 0 0.35rem !important;
+  }
+  .app-container .left-tree {
+    width: 200px !important;
+    min-height: 340px !important;
+    padding: 0.15rem 0 !important;
+  }
+  .app-container .tree-div {
+    height: 300px !important;
+    width: 100%;
+    overflow-x: hidden !important;
+  }
+  .app-container .right-monitor {
+    width: calc(100% - 210px) !important;
+  }
+  .custom-tree-node {
+    font-size: 12px !important;
+  }
+  .buildingDiv {
+    padding-left: 0.54rem !important;
+    margin-bottom: 0.2rem !important;
+    .title-bg {
+      width: 2.08rem !important;
+      height: 0.38rem !important;
+    }
+    .title-word {
+      font-size: 15px !important;
+    }
+  }
+}
+</style>
+<style scoped>
+/* 自定义高亮颜色 */
+.left-tree
+  >>> .el-tree--highlight-current
+  .el-tree-node.is-current
+  > .el-tree-node__content {
+  background-color: #285b9e !important;
+  /* color: #f56c6c;  */
+  color: #25f1f8;
+}
+.windC >>> .el-input__inner {
+  background-color: #04193a;
+  border: 1px solid #1262db;
+  color: #3ef0fd;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 0.1rem !important;
+  font-size: 0.18rem !important;
+}
+.windC >>> .el-input__prefix {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.windC >>> .svg-icon {
+  width: 0.2rem !important;
+  height: 0.2rem !important;
+  fill: #ffffff !important;
+}
+.windC >>> .el-form-item {
+  margin-bottom: 0 !important;
+}
+.windC >>> .el-form-item--medium .el-form-item__content {
+  line-height: 0 !important;
+}
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .left-tree >>> .el-tree-node__content > .el-tree-node__expand-icon {
+    padding: 3px !important;
+  }
+  .windC >>> .el-input--mini .el-input__inner {
+    height: 0.28rem !important;
+    line-height: 0.28rem !important;
+    padding: 0.2rem 0.1rem !important;
+  }
+  .windC >>> .el-switch {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label * {
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__core {
+    width: 0.4rem !important;
+    height: 0.2rem !important;
+    border-radius: 0.1rem !important;
+  }
+  .windC >>> .el-switch__core:after {
+    width: 0.16rem !important;
+    height: 0.16rem !important;
+  }
+  .windC >>> .el-switch.is-checked .el-switch__core::after {
+    margin-left: -0.17rem !important;
+  }
+  .custom-dialog >>> .el-dialog {
+    width: 550px !important;
+  }
+  .custom-dialog >>> .el-dialog__title {
+    width: 224px !important;
+    height: 35px !important;
+    font-size: 18px !important;
+    line-height: 20px !important;
+  }
+  .custom-dialog >>> .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+  .device-li .device-name {
+    font-size: 12px !important;
+  }
+  .device-container .device-li {
+    padding: 10px 0 !important;
+  }
+  .device-li .device-name .el-input {
+    width: 50px !important;
+  }
+  .device-li.highlight::before {
+    left: -5px !important;
+    width: 20px !important;
+    height: 20px !important;
+    top: 30% !important;
+  }
+  .custom-dialog >>> .el-switch__label * {
+    font-size: 12px !important;
+  }
+  .custom-dialog >>> .el-switch__core {
+    width: 37px !important;
+    height: 17px !important;
+  }
+  .custom-dialog >>> .el-switch__core:after {
+    width: 13px !important;
+    height: 13px !important;
+  }
+  .custom-dialog >>> .el-form-item {
+    margin-bottom: 0 !important;
+  }
+  .custom-dialog >>> .el-form-item--medium .el-form-item__content {
+    line-height: 0 !important;
+  }
+}
+</style>
diff --git a/src/views/aircAndWindc/awSysMonitor/index copy.vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(old).vue
similarity index 68%
rename from src/views/aircAndWindc/awSysMonitor/index copy.vue
rename to src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(old).vue
index 918e631..94bd80a 100644
--- a/src/views/aircAndWindc/awSysMonitor/index copy.vue	
+++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails(old).vue
@@ -1,218 +1,200 @@
 <template>
-  <div class="app-container">
-    <div class="left-tree">
-      <!-- 为 el-tree 设置一个固定的高度和滚动条 -->
-      <div class="tree-div">
-        <el-tree
-          ref="tree"
-          :data="treeData"
-          node-key="id"
-          :default-expand-all="false"
-          :default-expanded-keys="expandedKeys"
-          :auto-expand-parent="true"
-          icon-class="none"
-          @node-expand="handleNodeExpand"
-          @node-collapse="handleNodeCollapse"
-          :highlight-current="true"
-          @node-click="handleNodeClick"
-        >
-          <template #default="{ node }">
-            <span class="custom-tree-node">
-              <!-- 根据节点状态动态设置图标类名 -->
-              <div class="tree-left">
-                <i :class="getIconClass(node)" class="custom-tree-icon"></i>
-                <span class="tree-label">{{ node.label }}</span>
-              </div>
-            </span>
-          </template>
-        </el-tree>
-      </div>
+  <div class="monitor" v-loading="loading">
+    <div class="monitor-top">
+      <img
+        class="title-left"
+        src="../../../assets/images/title-left.png"
+        alt=""
+      />
+      <img
+        class="title-center"
+        src="../../../assets/images/title-center.png"
+        alt=""
+      />
+      <img
+        class="title-right"
+        src="../../../assets/images/title-right.png"
+        alt=""
+      />
+      <div class="sys-title">空调风柜监控系统</div>
+      <!-- logo -->
+      <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
+      <div class="nowTime">{{ formattedDate }}</div>
+      <div class="monitor-time">已监测时长:{{ dayData }}天</div>
+      <img
+        class="icon_warning"
+        src="../../../assets/images/warning.png"
+        title="报警记录"
+        @click="goWarning"
+        v-if="isShowWarning"
+        alt=""
+      />
+      <img
+        class="icon_home"
+        src="../../../assets/images/icon_home.png"
+        title="首页"
+        @click="goSys"
+        alt=""
+      />
+      <img
+        class="back-icon"
+        src="../../../assets/images/back-icon.png"
+        title="返回"
+        @click="goBack"
+        alt=""
+      />
     </div>
-    <div class="right-monitor">
-      <div class="buildingDiv">
-        <img
-          class="title-bg"
-          src="../../../assets/images/title-bg.png"
-          alt=""
-        />
-        <div class="title-word">位置：{{ currentName }}</div>
+    <div class="app-container">
+      <div class="left-tree">
+        <!-- 为 el-tree 设置一个固定的高度和滚动条 -->
+        <div class="tree-div">
+          <el-tree
+            ref="tree"
+            :data="treeData"
+            node-key="id"
+            :default-expand-all="false"
+            :default-expanded-keys="expandedKeys"
+            :auto-expand-parent="true"
+            icon-class="none"
+            @node-expand="handleNodeExpand"
+            @node-collapse="handleNodeCollapse"
+            :highlight-current="true"
+            @node-click="handleNodeClick"
+          >
+            <template #default="{ node }">
+              <span class="custom-tree-node">
+                <!-- 根据节点状态动态设置图标类名 -->
+                <div class="tree-left">
+                  <i :class="getIconClass(node)" class="custom-tree-icon"></i>
+                  <span class="tree-label">{{ node.label }}</span>
+                </div>
+              </span>
+            </template>
+          </el-tree>
+        </div>
       </div>
-      <div class="mostDiv">
-        <div class="windC">
-          <!-- 定时开关机定位 -->
-          <div class="menu-title" @click="openTimeSwitch">
-            <div @click="openTimeSwitch">定时开关机</div>
-          </div>
-          <!-- 空调风柜定位 -->
-          <img
-            class="wind-img"
-            src="../../../assets/images/fenggui.png"
-            alt=""
-          />
-          <!-- 风扇定位 -->
+      <div class="right-monitor">
+        <div class="buildingDiv">
           <img
-            class="windMove"
-            :class="{ tunCircle: runStatusObj.collectValue }"
-            src="../../../assets/images/fengshan.png"
+            class="title-bg"
+            src="../../../assets/images/title-bg.png"
             alt=""
           />
-          <!-- 箭头定位 -->
-          <div class="arrow-flex">
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/orange-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/orange-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/orange-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/orange-arrow.png"
-              alt=""
-            />
-          </div>
-          <div class="arrow-flex2">
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
-          </div>
-          <div class="arrow-flex3">
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
-            <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
-              alt=""
-            />
+          <div class="title-word">位置：{{ currentName }}</div>
+        </div>
+        <div class="mostDiv">
+          <div class="windC">
+            <!-- 定时开关机定位 -->
+            <div class="menu-title" @click="openTimeSwitch">
+              <div @click="openTimeSwitch">定时开关机</div>
+            </div>
+            <!-- 空调风柜定位 -->
             <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
+              class="wind-img"
+              src="../../../assets/images/fenggui1.png"
               alt=""
             />
+            <!-- 风扇定位 -->
             <img
-              class="wind-arrow"
-              src="../../../assets/images/blue-arrow.png"
+              class="windMove"
+              :class="{ tunCircle: runStatusObj.collectValue }"
+              src="../../../assets/images/fengshan.png"
               alt=""
             />
-          </div>
-          <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
-            <div class="wind-text">回风温度</div>
-            <el-form @submit.native.prevent>
-              <el-form-item>
-                <el-input
-                  @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
-                  @input="handleInput(backAirObj)"
-                  @blur="handleBlur()"
-                  v-model="backAirObj.collectValue"
-                  size="mini"
-                >
-                  <svg-icon
-                    slot="prefix"
-                    icon-class="tem_icon"
-                    class="tem-icon"
-                  />
-                </el-input> </el-form-item
-            ></el-form>
-          </div>
-          <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
-            <div class="wind-text">送风温度</div>
-            <el-input
-              @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
-              @input="handleInput(airSupplyObj)"
-              @blur="handleBlur()"
-              disabled
-              v-model="airSupplyObj.collectValue"
-              size="mini"
-            >
-              <svg-icon slot="prefix" icon-class="tem_icon" class="tem-icon" />
-            </el-input>
-          </div>
-          <div class="fan-satatus3">
-            <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
-              <div class="wind-text">风机故障状态:</div>
-              <div class="badStautus" v-if="faultAlarmObj.collectValue">
-                故障
-              </div>
-              <div class="goodStautus" v-else>正常</div>
-            </div>
-            <div class="context-li" v-if="isObjectValid(runStatusObj)">
-              <div class="wind-text">风机运行状态:</div>
-              <div class="goodStautus" v-if="runStatusObj.collectValue">
-                运行
-              </div>
-              <div class="noneStautus" v-else>不运行</div>
+            <!-- 箭头定位 -->
+            <div class="arrow-flex">
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/orange-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/orange-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/orange-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/orange-arrow.png"
+                alt=""
+              />
             </div>
-            <div class="context-li" v-if="isObjectValid(pressureObj)">
-              <div class="wind-text">风机压差:</div>
-              <div class="badStautus" v-if="pressureObj.collectValue">故障</div>
-              <div class="goodStautus" v-else>正常</div>
+            <div class="arrow-flex2">
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
             </div>
-          </div>
-          <div class="fan-satatus1">
-            <div class="context-li" v-if="isObjectValid(automaticObj)">
-              <div class="wind-text">风机手自动状态</div>
-              <el-switch
-                style="display: block"
-                v-model="automaticObj.collectValue"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-text="手动"
-                inactive-text="自动"
-                @change="handleAutomaticText(automaticObj)"
-              >
-              </el-switch>
+            <div class="arrow-flex3">
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
+              <img
+                class="wind-arrow"
+                src="../../../assets/images/blue-arrow.png"
+                alt=""
+              />
             </div>
-            <div class="context-li" v-if="isObjectValid(startControlObj)">
-              <div class="wind-text">风机启停控制</div>
-              <el-switch
-                style="display: block"
-                v-model="startControlObj.collectValue"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-text="开启"
-                inactive-text="停止"
-                @change="handleControlText(startControlObj)"
-              >
-              </el-switch>
+            <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">回风温度</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
+                    @input="handleInput(backAirObj)"
+                    @blur="handleBlur()"
+                    v-model="backAirObj.collectValue"
+                    size="mini"
+                  >
+                    <svg-icon
+                      slot="prefix"
+                      icon-class="tem_icon"
+                      class="tem-icon"
+                    />
+                  </el-input> </el-form-item
+              ></el-form>
             </div>
-          </div>
-          <div class="fan-satatus2">
-            <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
-              <div class="wind-text">供水温度</div>
+            <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">送风温度</div>
               <el-input
-                @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
-                @input="handleInput(waterSupplyObj)"
+                @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
+                @input="handleInput(airSupplyObj)"
                 @blur="handleBlur()"
                 disabled
-                v-model="waterSupplyObj.collectValue"
+                v-model="airSupplyObj.collectValue"
                 size="mini"
               >
                 <svg-icon
@@ -222,173 +204,251 @@
                 />
               </el-input>
             </div>
-            <div class="context-li" v-if="isObjectValid(backwaterObj)">
-              <div class="wind-text">回水温度</div>
+            <div class="fan-satatus3">
+              <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
+                <div class="wind-text">风机故障状态:</div>
+                <div class="badStautus" v-if="faultAlarmObj.collectValue">
+                  故障
+                </div>
+                <div class="goodStautus" v-else>正常</div>
+              </div>
+              <div class="context-li" v-if="isObjectValid(runStatusObj)">
+                <div class="wind-text">风机运行状态:</div>
+                <div class="goodStautus" v-if="runStatusObj.collectValue">
+                  运行
+                </div>
+                <div class="noneStautus" v-else>不运行</div>
+              </div>
+              <div class="context-li" v-if="isObjectValid(pressureObj)">
+                <div class="wind-text">风机压差:</div>
+                <div class="badStautus" v-if="pressureObj.collectValue">
+                  故障
+                </div>
+                <div class="goodStautus" v-else>正常</div>
+              </div>
+            </div>
+            <div class="fan-satatus1">
+              <div class="context-li" v-if="isObjectValid(automaticObj)">
+                <div class="wind-text">风机手自动状态</div>
+                <el-switch
+                  style="display: block"
+                  v-model="automaticObj.collectValue"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="手动"
+                  inactive-text="自动"
+                  @change="handleAutomaticText(automaticObj)"
+                >
+                </el-switch>
+              </div>
+              <div class="context-li" v-if="isObjectValid(startControlObj)">
+                <div class="wind-text">风机启停控制</div>
+                <el-switch
+                  style="display: block"
+                  v-model="startControlObj.collectValue"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="开启"
+                  inactive-text="停止"
+                  @change="handleControlText(startControlObj)"
+                >
+                </el-switch>
+              </div>
+            </div>
+            <div class="fan-satatus2">
+              <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
+                <div class="wind-text">供水温度</div>
+                <el-input
+                  @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
+                  @input="handleInput(waterSupplyObj)"
+                  @blur="handleBlur()"
+                  disabled
+                  v-model="waterSupplyObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="tem_icon"
+                    class="tem-icon"
+                  />
+                </el-input>
+              </div>
+              <div class="context-li" v-if="isObjectValid(backwaterObj)">
+                <div class="wind-text">回水温度</div>
+                <el-input
+                  @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
+                  @input="handleInput(backwaterObj)"
+                  @blur="handleBlur()"
+                  disabled
+                  v-model="backwaterObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="tem_icon"
+                    class="tem-icon"
+                  />
+                </el-input>
+              </div>
+              <div class="context-li" v-if="isObjectValid(waterValveObj)">
+                <div class="wind-text">水阀调节</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      @keyup.enter.native="
+                        handleEnter(waterValveObj, $event, '%')
+                      "
+                      @input="handleInput(waterValveObj)"
+                      @blur="handleBlur()"
+                      v-model="waterValveObj.collectValue"
+                      size="mini"
+                    >
+                      <svg-icon
+                        slot="prefix"
+                        icon-class="percentage-icon"
+                        class="percentage-icon"
+                      />
+                    </el-input>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </div>
+            <div class="wind-valve" v-if="isObjectValid(airValveBackObj)">
+              <div class="wind-text">新风阀反馈：</div>
+              <div>{{ airValveBackObj.collectValue }}%</div>
+            </div>
+            <div class="wind-valve2" v-if="isObjectValid(airValveObj)">
+              <div class="wind-text">新风阀调节</div>
               <el-input
-                @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
-                @input="handleInput(backwaterObj)"
+                @keyup.enter.native="handleEnter(airValveObj, $event, '%')"
+                @input="handleInput(airValveObj)"
                 @blur="handleBlur()"
-                disabled
-                v-model="backwaterObj.collectValue"
+                v-model="airValveObj.collectValue"
                 size="mini"
               >
                 <svg-icon
                   slot="prefix"
-                  icon-class="tem_icon"
-                  class="tem-icon"
+                  icon-class="percentage-icon"
+                  class="percentage-icon"
                 />
               </el-input>
             </div>
-            <div class="context-li" v-if="isObjectValid(waterValveObj)">
-              <div class="wind-text">水阀调节</div>
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    @keyup.enter.native="
-                      handleEnter(waterValveObj, $event, '%')
-                    "
-                    @input="handleInput(waterValveObj)"
-                    @blur="handleBlur()"
-                    v-model="waterValveObj.collectValue"
-                    size="mini"
-                  >
-                    <svg-icon
-                      slot="prefix"
-                      icon-class="percentage-icon"
-                      class="percentage-icon"
-                    />
-                  </el-input>
-                </el-form-item>
-              </el-form>
-            </div>
-          </div>
-          <div class="wind-valve" v-if="isObjectValid(airValveBackObj)">
-            <div class="wind-text">新风阀反馈：</div>
-            <div>{{ airValveBackObj.collectValue }}%</div>
-          </div>
-          <div class="wind-valve2" v-if="isObjectValid(airValveObj)">
-            <div class="wind-text">新风阀调节</div>
-            <el-input
-              @keyup.enter.native="handleEnter(airValveObj, $event, '%')"
-              @input="handleInput(airValveObj)"
-              @blur="handleBlur()"
-              v-model="airValveObj.collectValue"
-              size="mini"
-            >
-              <svg-icon
-                slot="prefix"
-                icon-class="percentage-icon"
-                class="percentage-icon"
-              />
-            </el-input>
           </div>
         </div>
       </div>
-    </div>
-    <!-- 定时开关内容 -->
-    <el-dialog
-      title="定时开关机功能"
-      :visible.sync="isOpenTimeSwitch"
-      append-to-body
-      width="800px"
-      class="custom-dialog"
-    >
-      <div class="dialog-content">
-        <div class="device-container" v-loading="loading">
-          <div class="device-li">
-            <div class="device-name">定时名称</div>
-            <div class="device-name">定时开机</div>
-            <div class="device-name">定时关机</div>
-            <div class="device-name">启动状态</div>
-          </div>
-          <div
-            class="device-li"
-            v-for="(item, index) in delayList"
-            :key="index"
-            :class="{ highlight: item.name.includes(currentWeekday) }"
-          >
-            <div class="device-name">{{ item.name }}</div>
-            <div class="device-name">
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    size="mini"
-                    v-model="item.delayOpenHour"
-                    @keyup.enter.native="
-                      handleSwitchEnter(item, 'openHour', $event)
-                    "
-                    @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
-                  ></el-input> </el-form-item
-              ></el-form>
-              <div class="slip">:</div>
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    size="mini"
-                    v-model="item.delayOpenMinute"
-                    @keyup.enter.native="
-                      handleSwitchEnter(item, 'openMinute', $event)
-                    "
-                    @input="
-                      handleSwitchInput(item, 'delayOpenMinute', 'minute')
-                    "
-                  ></el-input> </el-form-item
-              ></el-form>
+      <!-- 定时开关内容 -->
+      <el-dialog
+        title="定时开关机功能"
+        :visible.sync="isOpenTimeSwitch"
+        append-to-body
+        width="800px"
+        class="custom-dialog"
+      >
+        <div class="dialog-content">
+          <div class="device-container" v-loading="loading">
+            <div class="device-li">
+              <div class="device-name">定时名称</div>
+              <div class="device-name">定时开机</div>
+              <div class="device-name">定时关机</div>
+              <div class="device-name">启动状态</div>
             </div>
-            <div class="device-name">
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    size="mini"
-                    v-model="item.delayCloseHour"
-                    @keyup.enter.native="
-                      handleSwitchEnter(item, 'closeHour', $event)
-                    "
-                    @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
-                  ></el-input></el-form-item
-              ></el-form>
-              <div class="slip">:</div>
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    size="mini"
-                    v-model="item.delayCloseMinute"
-                    @keyup.enter.native="
-                      handleSwitchEnter(item, 'closeMinute', $event)
-                    "
-                    @input="
-                      handleSwitchInput(item, 'delayCloseMinute', 'minute')
-                    "
-                  ></el-input></el-form-item
-              ></el-form>
-            </div>
-            <div class="device-name">
-              <el-switch
-                style="display: block"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-text="开启"
-                inactive-text="停用"
-                v-model="item.delayStatus"
-                @change="handleSwitchStatus(item)"
-              >
-              </el-switch>
+            <div
+              class="device-li"
+              v-for="(item, index) in delayList"
+              :key="index"
+              :class="{ highlight: item.name.includes(currentWeekday) }"
+            >
+              <div class="device-name">{{ item.name }}</div>
+              <div class="device-name">
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayOpenHour"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'openHour', $event)
+                      "
+                      @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
+                    ></el-input> </el-form-item
+                ></el-form>
+                <div class="slip">:</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayOpenMinute"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'openMinute', $event)
+                      "
+                      @input="
+                        handleSwitchInput(item, 'delayOpenMinute', 'minute')
+                      "
+                    ></el-input> </el-form-item
+                ></el-form>
+              </div>
+              <div class="device-name">
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayCloseHour"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'closeHour', $event)
+                      "
+                      @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
+                    ></el-input></el-form-item
+                ></el-form>
+                <div class="slip">:</div>
+                <el-form @submit.native.prevent>
+                  <el-form-item>
+                    <el-input
+                      size="mini"
+                      v-model="item.delayCloseMinute"
+                      @keyup.enter.native="
+                        handleSwitchEnter(item, 'closeMinute', $event)
+                      "
+                      @input="
+                        handleSwitchInput(item, 'delayCloseMinute', 'minute')
+                      "
+                    ></el-input></el-form-item
+                ></el-form>
+              </div>
+              <div class="device-name">
+                <el-switch
+                  style="display: block"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-text="开启"
+                  inactive-text="停用"
+                  v-model="item.delayStatus"
+                  @change="handleSwitchStatus(item)"
+                >
+                </el-switch>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-    </el-dialog>
+      </el-dialog>
+    </div>
   </div>
 </template>
 
 <script>
+import { runTime } from "@/api/centerairC/sysMonitor";
+import { alarmRecordList } from "@/api/alarm/alarmRecord";
+import { getDay } from "@/utils/datetime";
 import { spaceTree } from "@/api/region";
 import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
 import { operationConrol } from "@/api/hotWater/waterControl";
 export default {
+  name: "asSysMonitorDetails",
   data() {
     return {
       loading: false,
+      currentDate: new Date(),
+      nowTimer: null,
+      isShowWarning: false, //是否有报警
+      dayData: "", //监测天数
       treeData: [],
       defaultProps: {
         children: "children",
@@ -426,6 +486,27 @@ export default {
       currentWeekday: "",
     };
   },
+  computed: {
+    formattedDate() {
+      const year = this.currentDate.getFullYear();
+      const month = String(this.currentDate.getMonth() + 1).padStart(2, "0");
+      const day = String(this.currentDate.getDate()).padStart(2, "0");
+      const hours = String(this.currentDate.getHours()).padStart(2, "0");
+      const minutes = String(this.currentDate.getMinutes()).padStart(2, "0");
+      const seconds = String(this.currentDate.getSeconds()).padStart(2, "0");
+      const weekDays = [
+        "星期日",
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六",
+      ];
+      const weekDay = weekDays[this.currentDate.getDay()];
+      return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
+    },
+  },
   watch: {
     temValue(newVal) {
       let valueWithoutTem = newVal.replace(/℃/g, "");
@@ -472,8 +553,89 @@ export default {
   },
   mounted() {
     this.getSysBuild();
+    this.getAlarnStatus();
+    this.getDayData();
+    // 在组件挂载后尝试进入全屏
+    setTimeout(() => {
+      this.requestFullscreen();
+    }, 100); // 延迟 100 毫秒执行全屏操作
+  },
+  beforeDestroy() {
+    // 组件销毁前清除定时器
+    if (this.nowTimer) {
+      clearInterval(this.nowTimer);
+    }
   },
   methods: {
+    // 全屏操作
+    requestFullscreen() {
+      const element = document.documentElement;
+      console.log("全屏了吗");
+      if (element.requestFullscreen) {
+        element.requestFullscreen();
+      } else if (element.mozRequestFullScreen) {
+        // Firefox
+        element.mozRequestFullScreen();
+      } else if (element.webkitRequestFullscreen) {
+        // Chrome, Safari and Opera
+        element.webkitRequestFullscreen();
+      } else if (element.msRequestFullscreen) {
+        // IE/Edge
+        element.msRequestFullscreen();
+      }
+    },
+    // 退出全屏
+    exitFullscreen() {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        // Firefox
+        document.mozCancelFullScreen();
+      } else if (document.webkitExitFullscreen) {
+        // Chrome, Safari and Opera
+        document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        // IE/Edge
+        document.msExitFullscreen();
+      }
+    },
+    // 进入系统首页
+    goSys() {
+      this.exitFullscreen();
+      this.$router.push("/");
+    },
+    // 返回上一页
+    goBack() {
+      window.history.go(-2);
+    },
+    // 监测天数
+    getDayData() {
+      runTime().then((res) => {
+        if (res.code == 200) {
+          this.dayData = res.data.runTime;
+        }
+      });
+    },
+    // 报警列表
+    getAlarnStatus() {
+      let data = {
+        pageNum: 1,
+        pageSize: 10,
+        status: "0",
+      };
+      let timeArr = [getDay(0), getDay(0)];
+      alarmRecordList(this.addDateRange(data, timeArr)).then((res) => {
+        if (res.code == 200 && res.rows.length > 0) {
+          this.isShowWarning = true;
+        } else {
+          this.isShowWarning = false;
+        }
+      });
+    },
+    goWarning() {
+      this.exitFullscreen();
+      this.$router.push("/alarm/alarmRecord");
+    },
     // 判断对象是否有效（不为空且不为 undefined）
     isObjectValid(obj) {
       return obj && Object.keys(obj).length > 0;
@@ -1097,6 +1259,109 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.monitor {
+  width: 100%;
+  min-height: 100vh;
+  background-color: black;
+  color: #fff;
+  .monitor-top {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 0.1rem 0.2rem;
+    position: relative;
+    .title-left {
+      width: 3.41rem;
+      height: 0.8rem;
+    }
+    .title-center {
+      width: 9.46rem;
+      height: 0.69rem;
+    }
+    .title-right {
+      width: 5.04rem;
+      height: 0.61rem;
+    }
+    .sys-title {
+      position: absolute;
+      top: 40%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 0.28rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .nowTime {
+      position: absolute;
+      top: 0.3rem;
+      right: 0.6rem;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .sys-logo {
+      width: 1.8rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.26rem;
+      left: 0.8rem;
+      z-index: 10;
+    }
+    .monitor-time {
+      position: absolute;
+      top: 0.44rem;
+      left: 4.2rem;
+      z-index: 10;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+    }
+    .icon_warning {
+      position: absolute;
+      top: 0.33rem;
+      right: 4.4rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      margin: 0 0.25rem 0 0.27rem;
+      cursor: pointer;
+      /* 添加闪烁动画 */
+      animation: blink 1s infinite;
+    }
+    @keyframes blink {
+      100% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0;
+      }
+    }
+    .icon_home {
+      position: absolute;
+      top: 0.33rem;
+      right: 4rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      margin: 0 0.2rem 0 0.27rem;
+      cursor: pointer;
+    }
+    .back-icon {
+      position: absolute;
+      top: 0.33rem;
+      right: 3.7rem;
+      z-index: 10;
+      width: 0.3rem;
+      height: 0.27rem;
+      cursor: pointer;
+    }
+  }
+}
 .buildingDiv {
   padding-left: 54px;
   display: flex;
@@ -1487,6 +1752,8 @@ export default {
   justify-content: space-between;
   align-items: stretch;
   height: 100%;
+  padding: 0.3rem 0.2rem 0 0.35rem;
+  width: 100%;
   .left-tree {
     width: 256px;
     padding: 15px 10px 10px 10px;
@@ -1692,6 +1959,9 @@ export default {
 }
 // 手机端样式
 @media (min-width: 0px) and (max-width: 990px) {
+  .app-container {
+    padding: 0rem 0.2rem 0 0.35rem !important;
+  }
   .app-container .left-tree {
     width: 200px !important;
     min-height: 340px !important;
diff --git a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
index 9defa9d..5e25fc4 100644
--- a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
+++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
@@ -73,348 +73,18 @@
           </el-tree>
         </div>
       </div>
-      <div class="right-monitor">
-        <div class="buildingDiv">
-          <img
-            class="title-bg"
-            src="../../../assets/images/title-bg.png"
-            alt=""
-          />
-          <div class="title-word">位置：{{ currentName }}</div>
-        </div>
-        <div class="mostDiv">
-          <div class="windC">
-            <!-- 定时开关机定位 -->
-            <div class="menu-title" @click="openTimeSwitch">
-              <div @click="openTimeSwitch">定时开关机</div>
-            </div>
-            <!-- 空调风柜定位 -->
-            <img
-              class="wind-img"
-              src="../../../assets/images/fenggui.png"
-              alt=""
-            />
-            <!-- 风扇定位 -->
-            <img
-              class="windMove"
-              :class="{ tunCircle: runStatusObj.collectValue }"
-              src="../../../assets/images/fengshan.png"
-              alt=""
-            />
-            <div class="arrow-flex2">
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-            </div>
-            <div class="arrow-flex3">
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/blue-arrow.png"
-                alt=""
-              />
-            </div>
-            <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
-              <div class="wind-text">回风温度</div>
-              <el-form @submit.native.prevent>
-                <el-form-item>
-                  <el-input
-                    @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
-                    @input="handleInput(backAirObj)"
-                    @blur="handleBlur()"
-                    v-model="backAirObj.collectValue"
-                    size="mini"
-                  >
-                    <svg-icon
-                      slot="prefix"
-                      icon-class="tem_icon"
-                      class="tem-icon"
-                    />
-                  </el-input> </el-form-item
-              ></el-form>
-            </div>
-            <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
-              <div class="wind-text">1#风阀反馈：</div>
-              <div>{{ airSupplyObj.collectValue }}%</div>
-              <!-- <el-input
-                @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
-                @input="handleInput(airSupplyObj)"
-                @blur="handleBlur()"
-                disabled
-                v-model="airSupplyObj.collectValue"
-                size="mini"
-              >
-                <svg-icon
-                  slot="prefix"
-                  icon-class="tem_icon"
-                  class="tem-icon"
-                />
-              </el-input> -->
-            </div>
-            <div class="wind-tem3" v-if="isObjectValid(airSupplyObj)">
-              <div class="wind-text">2#风阀反馈：</div>
-              <div>{{ airSupplyObj.collectValue }}%</div>
-            </div>
-            <div class="wind-tem4" v-if="isObjectValid(airSupplyObj)">
-              <div class="wind-text">3#风阀反馈：</div>
-              <div>{{ airSupplyObj.collectValue }}%</div>
-            </div>
-            <div class="fan-satatus3">
-              <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
-                <div class="wind-text">风机故障状态:</div>
-                <div class="badStautus" v-if="faultAlarmObj.collectValue">
-                  故障
-                </div>
-                <div class="goodStautus" v-else>正常</div>
-              </div>
-              <div class="context-li" v-if="isObjectValid(runStatusObj)">
-                <div class="wind-text">风机运行状态:</div>
-                <div class="goodStautus" v-if="runStatusObj.collectValue">
-                  运行
-                </div>
-                <div class="noneStautus" v-else>不运行</div>
-              </div>
-              <div class="context-li" v-if="isObjectValid(pressureObj)">
-                <div class="wind-text">风机压差:</div>
-                <div class="badStautus" v-if="pressureObj.collectValue">
-                  故障
-                </div>
-                <div class="goodStautus" v-else>正常</div>
-              </div>
-            </div>
-            <div class="fan-satatus1">
-              <div class="context-li" v-if="isObjectValid(automaticObj)">
-                <div class="wind-text">风机手自动状态</div>
-                <el-switch
-                  style="display: block"
-                  v-model="automaticObj.collectValue"
-                  active-color="#13ce66"
-                  inactive-color="#ff4949"
-                  active-text="手动"
-                  inactive-text="自动"
-                  @change="handleAutomaticText(automaticObj)"
-                >
-                </el-switch>
-              </div>
-              <div class="context-li" v-if="isObjectValid(startControlObj)">
-                <div class="wind-text">风机启停控制</div>
-                <el-switch
-                  style="display: block"
-                  v-model="startControlObj.collectValue"
-                  active-color="#13ce66"
-                  inactive-color="#ff4949"
-                  active-text="开启"
-                  inactive-text="停止"
-                  @change="handleControlText(startControlObj)"
-                >
-                </el-switch>
-              </div>
-            </div>
-            <div class="fan-satatus2">
-              <!-- <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
-                <div class="wind-text">供水温度</div>
-                <el-input
-                  @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
-                  @input="handleInput(waterSupplyObj)"
-                  @blur="handleBlur()"
-                  disabled
-                  v-model="waterSupplyObj.collectValue"
-                  size="mini"
-                >
-                  <svg-icon
-                    slot="prefix"
-                    icon-class="tem_icon"
-                    class="tem-icon"
-                  />
-                </el-input>
-              </div>
-              <div class="context-li" v-if="isObjectValid(backwaterObj)">
-                <div class="wind-text">回水温度</div>
-                <el-input
-                  @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
-                  @input="handleInput(backwaterObj)"
-                  @blur="handleBlur()"
-                  disabled
-                  v-model="backwaterObj.collectValue"
-                  size="mini"
-                >
-                  <svg-icon
-                    slot="prefix"
-                    icon-class="tem_icon"
-                    class="tem-icon"
-                  />
-                </el-input>
-              </div> -->
-              <div class="context-li" v-if="isObjectValid(waterValveObj)">
-                <div class="wind-text">水阀调节</div>
-                <el-form @submit.native.prevent>
-                  <el-form-item>
-                    <el-input
-                      @keyup.enter.native="
-                        handleEnter(waterValveObj, $event, '%')
-                      "
-                      @input="handleInput(waterValveObj)"
-                      @blur="handleBlur()"
-                      v-model="waterValveObj.collectValue"
-                      size="mini"
-                    >
-                      <svg-icon
-                        slot="prefix"
-                        icon-class="percentage-icon"
-                        class="percentage-icon"
-                      />
-                    </el-input>
-                  </el-form-item>
-                </el-form>
-              </div>
-            </div>
-            <div class="wind-valve" v-if="isObjectValid(airValveBackObj)">
-              <div class="wind-text">新风阀反馈：</div>
-              <div>{{ airValveBackObj.collectValue }}%</div>
-            </div>
-            <div class="wind-valve2" v-if="isObjectValid(airValveObj)">
-              <div class="wind-text">新风阀调节</div>
-              <el-input
-                @keyup.enter.native="handleEnter(airValveObj, $event, '%')"
-                @input="handleInput(airValveObj)"
-                @blur="handleBlur()"
-                v-model="airValveObj.collectValue"
-                size="mini"
-              >
-                <svg-icon
-                  slot="prefix"
-                  icon-class="percentage-icon"
-                  class="percentage-icon"
-                />
-              </el-input>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 定时开关内容 -->
-      <el-dialog
-        title="定时开关机功能"
-        :visible.sync="isOpenTimeSwitch"
-        append-to-body
-        width="800px"
-        class="custom-dialog"
-      >
-        <div class="dialog-content">
-          <div class="device-container" v-loading="loading">
-            <div class="device-li">
-              <div class="device-name">定时名称</div>
-              <div class="device-name">定时开机</div>
-              <div class="device-name">定时关机</div>
-              <div class="device-name">启动状态</div>
-            </div>
-            <div
-              class="device-li"
-              v-for="(item, index) in delayList"
-              :key="index"
-              :class="{ highlight: item.name.includes(currentWeekday) }"
-            >
-              <div class="device-name">{{ item.name }}</div>
-              <div class="device-name">
-                <el-form @submit.native.prevent>
-                  <el-form-item>
-                    <el-input
-                      size="mini"
-                      v-model="item.delayOpenHour"
-                      @keyup.enter.native="
-                        handleSwitchEnter(item, 'openHour', $event)
-                      "
-                      @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
-                    ></el-input> </el-form-item
-                ></el-form>
-                <div class="slip">:</div>
-                <el-form @submit.native.prevent>
-                  <el-form-item>
-                    <el-input
-                      size="mini"
-                      v-model="item.delayOpenMinute"
-                      @keyup.enter.native="
-                        handleSwitchEnter(item, 'openMinute', $event)
-                      "
-                      @input="
-                        handleSwitchInput(item, 'delayOpenMinute', 'minute')
-                      "
-                    ></el-input> </el-form-item
-                ></el-form>
-              </div>
-              <div class="device-name">
-                <el-form @submit.native.prevent>
-                  <el-form-item>
-                    <el-input
-                      size="mini"
-                      v-model="item.delayCloseHour"
-                      @keyup.enter.native="
-                        handleSwitchEnter(item, 'closeHour', $event)
-                      "
-                      @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
-                    ></el-input></el-form-item
-                ></el-form>
-                <div class="slip">:</div>
-                <el-form @submit.native.prevent>
-                  <el-form-item>
-                    <el-input
-                      size="mini"
-                      v-model="item.delayCloseMinute"
-                      @keyup.enter.native="
-                        handleSwitchEnter(item, 'closeMinute', $event)
-                      "
-                      @input="
-                        handleSwitchInput(item, 'delayCloseMinute', 'minute')
-                      "
-                    ></el-input></el-form-item
-                ></el-form>
-              </div>
-              <div class="device-name">
-                <el-switch
-                  style="display: block"
-                  active-color="#13ce66"
-                  inactive-color="#ff4949"
-                  active-text="开启"
-                  inactive-text="停用"
-                  v-model="item.delayStatus"
-                  @change="handleSwitchStatus(item)"
-                >
-                </el-switch>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-dialog>
+      <damper-monitor
+        :currentId="currentId"
+        :currentName="currentName"
+        ref="damperMonitorRef"
+        v-if="isShowdamper"
+      ></damper-monitor>
+      <normal-monitor
+        :currentId="currentId"
+        :currentName="currentName"
+        ref="normalMonitorRef"
+        v-else
+      ></normal-monitor>
     </div>
   </div>
 </template>
@@ -426,7 +96,10 @@ import { getDay } from "@/utils/datetime";
 import { spaceTree } from "@/api/region";
 import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
 import { operationConrol } from "@/api/hotWater/waterControl";
+import damperMonitor from "./components/damperMonitor.vue";
+import normalMonitor from "./components/normalMonitor.vue";
 export default {
+  components: { damperMonitor, normalMonitor },
   name: "asSysMonitorDetails",
   data() {
     return {
@@ -470,6 +143,8 @@ export default {
       isOpenTimeSwitch: false,
       delayList: [],
       currentWeekday: "",
+
+      isShowdamper: false,
     };
   },
   computed: {
@@ -667,7 +342,18 @@ export default {
               console.log("当前选中节点ID", this.currentId);
               console.log("当前选中节点层级", this.currentLevel);
               console.log("当前选中节点名称", this.currentName);
-              this.getWindList();
+              //  传给子组件,触发子组件getWindList()
+              if (this.currentName.includes("新风阀")) {
+                this.isShowdamper = true;
+                this.$nextTick(() => {
+                  this.$refs.damperMonitorRef.getWindList();
+                });
+              } else {
+                this.isShowdamper = false;
+                this.$nextTick(() => {
+                  this.$refs.normalMonitorRef.getWindList();
+                });
+              }
             }
           });
         }
@@ -754,491 +440,19 @@ export default {
         console.log("当前选中节点ID", this.currentId);
         console.log("当前选中节点层级", this.currentLevel);
         console.log("当前选中节点名称", this.currentName);
-        this.getWindList();
-      }
-    },
-    // 请求数据
-    getWindList() {
-      return new Promise((resolve, reject) => {
-        let data = {
-          systemType: "2",
-          houseId: this.currentId,
-        };
-        windList(data)
-          .then((res) => {
-            console.log("风柜系统查询返回", res);
-            if (res.code == 200 && res.rows.length > 0) {
-              let data = res.rows[0].values;
-              this.backwaterObj = {}; //回水温度
-              this.airValveObj = {}; //风阀调节
-              this.airValveBackObj = {}; //风阀反馈
-              this.waterValveObj = {}; //水阀调节
-              this.startControlObj = {}; //启停控制
-              this.runStatusObj = {}; //运行状态
-              this.airSupplyObj = {}; //送风温度
-              this.pressureObj = {}; //压差
-              this.automaticObj = {}; //手自动状态
-              this.backAirObj = {}; //回风温度
-              this.faultAlarmObj = {}; //故障报警
-              this.waterSupplyObj = {}; //供水温度
-              data.forEach((item) => {
-                // 回水温度
-                if (
-                  item.paramType === "12" &&
-                  item.collectName.includes("回水")
-                ) {
-                  this.backwaterObj = item;
-                }
-                //风阀调节
-                else if (
-                  item.paramType === "3" &&
-                  item.collectName.includes("新风阀")
-                ) {
-                  this.airValveObj = item;
-                }
-                //风阀反馈
-                else if (item.paramType === "4") {
-                  this.airValveBackObj = item;
-                }
-                //水阀调节
-                else if (
-                  item.paramType === "3" &&
-                  item.collectName.includes("水阀调节")
-                ) {
-                  this.waterValveObj = item;
-                }
-                //启停控制 0停止1开启
-                else if (item.paramType === "2") {
-                  this.startControlObj = item;
-                  this.startControlObj.collectValue =
-                    Number(item.collectValue) == 0 ? false : true;
-                }
-                //运行状态  0不运行1运行
-                else if (item.paramType === "1") {
-                  this.runStatusObj = item;
-                  this.runStatusObj.collectValue =
-                    Number(item.collectValue) == 0 ? false : true;
-                }
-                //送风温度
-                else if (
-                  item.paramType === "12" &&
-                  item.collectName.includes("送风")
-                ) {
-                  this.airSupplyObj = item;
-                }
-                //压差 0正常1故障(true)
-                else if (item.paramType === "33") {
-                  this.pressureObj = item;
-                  this.pressureObj.collectValue =
-                    Number(item.collectValue) == 0 ? false : true;
-                }
-                //手自动状态  0自动1手动
-                else if (item.paramType === "6") {
-                  this.automaticObj = item;
-                  this.automaticObj.collectValue =
-                    Number(item.collectValue) == 0 ? false : true;
-                }
-                //回风温度
-                else if (
-                  item.paramType === "12" &&
-                  item.collectName.includes("回风")
-                ) {
-                  this.backAirObj = item;
-                }
-                //故障报警 0正常 1故障
-                else if (item.paramType === "5") {
-                  this.faultAlarmObj = item;
-                  this.faultAlarmObj.collectValue =
-                    Number(item.collectValue) == 0 ? false : true;
-                }
-                //供水温度
-                else if (
-                  item.paramType === "12" &&
-                  item.collectName.includes("供水")
-                ) {
-                  this.waterSupplyObj = item;
-                }
-              });
-            } else {
-              this.backwaterObj = {};
-              this.airValveObj = {};
-              this.airValveBackObj = {};
-              this.waterValveObj = {};
-              this.startControlObj = {};
-              this.runStatusObj = {};
-              this.airSupplyObj = {};
-              this.pressureObj = {};
-              this.automaticObj = {};
-              this.backAirObj = {};
-              this.faultAlarmObj = {};
-              this.waterSupplyObj = {};
-            }
-            // 成功时解析 Promise
-            resolve(res);
-          })
-          .catch((error) => {
-            // 失败时拒绝 Promise
-            reject(error);
+        // 传给子组件,触发子组件getWindList()
+        if (this.currentName.includes("新风阀")) {
+          this.isShowdamper = true;
+          this.$nextTick(() => {
+            this.$refs.damperMonitorRef.getWindList();
           });
-      });
-    },
-    // 处理输入事件，过滤非数字字符
-    handleInput(item) {
-      console.log("校验");
-      // 实时校验并过滤非数字字符
-      item.collectValue = String(item.collectValue).replace(/[^\d]/g, "");
-    },
-    // 失去焦点
-    handleBlur() {
-      // this.currentFocusIndex = "";
-    },
-    handleEnter(item, event, unit) {
-      console.log("请求后端");
-      console.log("接收到的事件对象:", event);
-      // 阻止事件的默认行为
-      if (event && event.preventDefault) {
-        event.preventDefault();
-      }
-      // 失去焦点
-      event.target.blur();
-      if (item.collectValue == "") {
-        this.$message.error("请输入值");
-        return; // 确保后续代码不执行
-      }
-      this.$confirm(
-        `确定要修改"${item.collectName}"为:${item.collectValue} ${unit}吗?`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          this.hadleOperationConrol(item.id, item.collectValue);
-        })
-        .catch(() => {
-          // 用户取消操作，需要更新原来的频率
-          // this.$emit("upList");
-        });
-    },
-    // 手自动切换
-    handleAutomaticText(item) {
-      this.$confirm(
-        `确定要切换设备的状态为:${item.collectValue ? "手动" : "自动 吗?"}`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          // 这里调用请求函数
-          let param = null;
-          if (item.collectValue) {
-            param = 1;
-          } else {
-            param = 0;
-          }
-          this.hadleOperationConrol(item.id, param);
-        })
-        .catch(() => {
-          // 用户取消操作，恢复开关状态
-          item.collectValue = !item.collectValue;
-          console.log("不请求后台");
-        });
-    },
-    //启停控制/手动控制
-    handleControlText(item) {
-      this.$confirm(
-        `确定要切换设备的状态为:${item.collectValue ? "开启" : "停止 吗?"}`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          let param = null;
-          if (item.collectValue) {
-            param = 1;
-          } else {
-            param = 0;
-          }
-          this.hadleOperationConrol(item.id, param);
-        })
-        .catch(() => {
-          // 用户取消操作，恢复开关状态
-          item.collectValue = !item.collectValue;
-          console.log("不请求后台");
-        });
-    },
-    // 操作
-    hadleOperationConrol(id, param) {
-      let data = {
-        id: id,
-        param: param,
-      };
-      console.log("操作参数", data);
-      operationConrol([data])
-        .then((res) => {
-          if (res.code == 200) {
-            this.$modal.msgSuccess("指令下发成功!");
-            // 开启 loading 效果
-            this.loading = true;
-            // 更新所有设备状态;
-            setTimeout(() => {
-              this.getWindList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
-            }, 5000);
-          } else {
-            // this.$modal.msgError("操作失败");
-            console.log("应该更新状态的");
-            // 更新所有设备状态;
-            this.getWindList();
-          }
-        })
-        .catch((error) => {
-          console.log("请求发生错误，更新设备状态", error);
-          // 更新所有设备状态;
-          this.getWindList();
-        });
-    },
-    // 打开定时开关弹框
-    openTimeSwitch() {
-      this.isOpenTimeSwitch = true;
-      this.getPolicyList();
-    },
-    // 请求列表
-    getPolicyList() {
-      return new Promise((resolve, reject) => {
-        let data = {
-          systemType: "2",
-          funPolicyType: "3",
-          houseId: this.currentId,
-        };
-        timeList(data)
-          .then((res) => {
-            console.log("设备定时开关返回res", res);
-            if (res.code === 200) {
-              let handleList = res.rows;
-              this.delayList = [];
-              handleList.forEach((element, index) => {
-                if (element.values && element.values.length > 0) {
-                  // 初始化一个空对象来存储非蝶阀处理后的结果
-                  let delayItem = {
-                    name: element.name,
-                  };
-                  const limitedChildren = element.values;
-                  limitedChildren.forEach((child) => {
-                    // console.log("定时${index}开_时", `定时${index}开_时`);
-                    // console.log("child.pointName", child.pointName);
-                    if (child.pointName) {
-                      // 定时开机-小时
-                      if (child.pointName.includes("开_时")) {
-                        // console.log("定时开机-时·························");
-                        delayItem.delayOpenHour = child.curValue;
-                        delayItem.delayOpenHourId = child.id;
-                      }
-                      //   定时开机-分钟
-                      else if (child.pointName.includes("开_分")) {
-                        delayItem.delayOpenMinute = child.curValue;
-                        delayItem.delayOpenMinuteId = child.id;
-                      }
-                      // 定时关机-小时
-                      else if (child.pointName.includes("关_时")) {
-                        delayItem.delayCloseHour = child.curValue;
-                        delayItem.delayCloseHourId = child.id;
-                      }
-                      //   定时关机-分钟
-                      else if (child.pointName.includes("关_分")) {
-                        delayItem.delayCloseMinute = child.curValue;
-                        delayItem.delayCloseMinuteId = child.id;
-                      }
-                      // 启动状态
-                      else if (child.pointName.includes(`启动标志`)) {
-                        delayItem.delayStatus =
-                          Number(child.curValue) == 0 ? false : true;
-                        delayItem.delayStatusId = child.id;
-                      }
-                    }
-                  });
-                  // 将处理后的对象添加到 delayList 中
-                  if (Object.keys(delayItem).length > 1) {
-                    this.delayList.push(delayItem);
-                  }
-                }
-              });
-              console.log("处理后的数组", this.delayList);
-              //   this.delayList = res.rows;
-            } else {
-              this.delayList = [];
-            }
-            // 成功时解析 Promise
-            resolve(res);
-          })
-          .catch((error) => {
-            // 失败时拒绝 Promise
-            reject(error);
+        } else {
+          this.isShowdamper = false;
+          this.$nextTick(() => {
+            this.$refs.normalMonitorRef.getWindList();
           });
-      });
-    },
-    // 处理输入事件，过滤非数字字符
-    handleSwitchInput(item, propertyName, name) {
-      console.log("校验", item[propertyName]);
-      // 如果值为空，不进行后续校验
-      if (item[propertyName] === "") {
-        return;
-      }
-      let isValid = true;
-      // 实时校验并过滤非数字字符
-      let inputValue = String(item[propertyName]).replace(/[^\d]/g, "");
-      if (name === "hour") {
-        isValid =
-          !isNaN(inputValue) &&
-          parseInt(inputValue) >= 0 &&
-          parseInt(inputValue) <= 23;
-        if (!isValid) {
-          this.$message.error("输入值在0-23区间，请重新输入");
-          item[propertyName] = "";
-          return;
-        }
-      } else if (name === "minute") {
-        isValid =
-          !isNaN(inputValue) &&
-          parseInt(inputValue) >= 0 &&
-          parseInt(inputValue) <= 59;
-        if (!isValid) {
-          this.$message.error("输入值在0-59区间，请重新输入");
-          item[propertyName] = "";
-          return;
         }
       }
-      item[propertyName] = inputValue;
-    },
-    handleSwitchEnter(item, name, event) {
-      console.log("item", item);
-      console.log("接收到的事件对象:", event);
-      // 阻止事件的默认行为
-      if (event && event.preventDefault) {
-        event.preventDefault();
-      }
-      // 失去焦点
-      event.target.blur();
-      let id = "";
-      let value = "";
-      let title = "";
-      let unit = "";
-      if (name === "openHour") {
-        id = item.delayOpenHourId;
-        value = item.delayOpenHour;
-        title = "定时开机-小时";
-        unit = "时";
-      } else if (name === "openMinute") {
-        id = item.delayOpenMinuteId;
-        value = item.delayOpenMinute;
-        title = "定时开机-分钟";
-        unit = "分";
-      } else if (name === "closeHour") {
-        id = item.delayCloseHourId;
-        value = item.delayCloseHour;
-        title = "定时关机-小时";
-        unit = "时";
-      } else if (name === "closeMinute") {
-        id = item.delayCloseMinuteId;
-        value = item.delayCloseMinute;
-        title = "定时关机-分钟";
-        unit = "分";
-      }
-
-      if (value === "") {
-        this.$message.warning("请输入当前设置值!");
-        return;
-      }
-      console.log("请求后端", item);
-      this.$confirm(
-        `确定要把"${item.name}"的${title}设置为:${value} ${unit}吗?`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          // console.log("打印id",id)
-          this.handleSwitchOperationConrol(id, value);
-        })
-        .catch(() => {
-          // 用户取消操作，需要更新原来的频率
-          this.getPolicyList();
-        });
-    },
-    handleSwitchOperationConrol(id, param) {
-      let data = {
-        policyId: id,
-        timeValue: param,
-      };
-      console.log("操作参数", data);
-      undateTime(data)
-        .then((res) => {
-          if (res.code == 200) {
-            this.$modal.msgSuccess("指令下发成功!");
-            // 开启 loading 效果
-            this.loading = true;
-            // 更新所有设备状态;
-            setTimeout(() => {
-              this.getPolicyList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
-            }, 500);
-          } else {
-            // this.$modal.msgError("操作失败");
-            console.log("应该更新状态的");
-            // 更新所有设备状态;
-            this.getPolicyList();
-          }
-        })
-        .catch((error) => {
-          console.log("请求发生错误，更新设备状态", error);
-          // 更新所有设备状态;
-          this.getPolicyList();
-        });
-    },
-    // 启用状态
-    handleSwitchStatus(item) {
-      this.$confirm(
-        `确定要切换"${item.name}"的状态为:${
-          item.delayStatus ? "开启" : "停用 吗?"
-        }`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          // 这里调用请求函数
-          console.log("请求后台", item.delayStatus);
-          let param = null;
-          if (item.delayStatus) {
-            param = 1;
-          } else {
-            param = 0;
-          }
-          this.handleSwitchOperationConrol(item.delayStatusId, param);
-        })
-        .catch(() => {
-          // 用户取消操作，恢复开关状态
-          item.delayStatus = !item.delayStatus;
-          console.log("不请求后台");
-        });
     },
   },
 };
@@ -1436,9 +650,9 @@ export default {
   }
   .wind-img {
     width: 13.1rem;
-    height: 5.7rem;
+    height: 5.5rem;
     position: absolute;
-    top: 0.2rem;
+    top: 0;
     left: 0;
     z-index: 1;
   }
@@ -1446,8 +660,8 @@ export default {
     z-index: 10;
     width: 1.3rem;
     position: absolute;
-    top: 0.4rem;
-    left: 4.7rem;
+    top: 0.3rem;
+    left: 7.3rem;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1461,48 +675,15 @@ export default {
     z-index: 10;
     width: 1.3rem;
     position: absolute;
-    top: 2.2rem;
-    right: 0.3rem;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    font-size: 0.18rem;
-    .wind-text {
-      color: #00d2ff;
-      font-size: 0.18rem;
-      white-space: nowrap;
-    }
-  }
-  .wind-tem3 {
-    z-index: 10;
-    width: 1.3rem;
-    position: absolute;
-    top:4.1rem;
-    right: 0.3rem;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    font-size: 0.18rem;
-    .wind-text {
-      color: #00d2ff;
-      font-size: 0.18rem;
-      white-space: nowrap;
-    }
-  }
-  .wind-tem4 {
-    z-index: 10;
-    width: 1.3rem;
-    position: absolute;
-    top: 5.9rem;
+    top: 1.7rem;
     right: 0.3rem;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     align-items: center;
-    font-size: 0.18rem;
     .wind-text {
       color: #00d2ff;
       font-size: 0.18rem;
-      white-space: nowrap;
+      margin-bottom: 0.15rem;
     }
   }
   .fan-frequency {
@@ -1522,8 +703,8 @@ export default {
   }
   .fan-satatus1 {
     position: absolute;
-    top: 4.3rem;
-    left: 5.5rem;
+    top: 4.5rem;
+    left: 8.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1544,8 +725,8 @@ export default {
   }
   .fan-satatus2 {
     position: absolute;
-    top: 5.3rem;
-    left: 3.5rem;
+    top: 5.5rem;
+    left: 6rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1566,8 +747,8 @@ export default {
   }
   .fan-satatus3 {
     position: absolute;
-    top: 1.6rem;
-    left: 6.3rem;
+    top: 1.7rem;
+    left: 8.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1654,8 +835,8 @@ export default {
   .wind-valve {
     z-index: 10;
     position: absolute;
-    top: 4.4rem;
-    left: 1.8rem;
+    top: 4.6rem;
+    left: 3rem;
     width: 2rem;
     display: flex;
     flex-direction: row;
@@ -1670,8 +851,8 @@ export default {
   .wind-valve2 {
     z-index: 10;
     position: absolute;
-    top: 4.8rem;
-    left: 1.8rem;
+    top: 5rem;
+    left: 3rem;
     width: 2rem;
     display: flex;
     flex-direction: row;
@@ -1687,8 +868,8 @@ export default {
     width: 0.72rem;
     height: 0.73rem;
     position: absolute;
-    top: 3.11rem;
-    right: 6.24rem;
+    top: 3.23rem;
+    right: 3.81rem;
     z-index: 10;
   }
   .tunCircle {
@@ -1703,6 +884,15 @@ export default {
       transform: rotate(360deg);
     }
   }
+  .arrow-flex {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 3.2rem;
+    left: -0.1rem;
+  }
   .arrow-flex2 {
     display: flex;
     flex-direction: row;
@@ -1710,7 +900,7 @@ export default {
     z-index: 10;
     position: absolute;
     top: 3.2rem;
-    right: 2.9rem;
+    right: 0.6rem;
   }
   .arrow-flex3 {
     display: flex;
@@ -1719,7 +909,7 @@ export default {
     z-index: 10;
     position: absolute;
     top: 0.6rem;
-    right: 8.7rem;
+    right: 6rem;
     transform: rotateY(180deg);
   }
   .wind-arrow {
diff --git a/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
new file mode 100644
index 0000000..72ad59c
--- /dev/null
+++ b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
@@ -0,0 +1,2124 @@
+<template>
+  <div class="right-monitor">
+    <div class="buildingDiv">
+      <img
+        class="title-bg"
+        src="../../../../assets/images/title-bg.png"
+        alt=""
+      />
+      <div class="title-word">位置：{{ currentName }}</div>
+    </div>
+    <div class="mostDiv">
+      <div class="windC">
+        <!-- 定时开关机定位 -->
+        <div class="menu-title" @click="openTimeSwitch">
+          <div @click="openTimeSwitch">定时开关机</div>
+        </div>
+        <!-- 空调风柜定位 -->
+        <img
+          class="wind-img"
+          src="../../../../assets/images/fenggui2.png"
+          alt=""
+        />
+        <!-- 风扇定位 -->
+        <img
+          class="windMove"
+          :class="{ tunCircle: runStatusObj.collectValue }"
+          src="../../../../assets/images/fengshan.png"
+          alt=""
+        />
+        <div class="arrow-flex2">
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+        </div>
+        <div class="arrow-flex3">
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+        </div>
+        <div class="wind-tem1" v-if="isObjectValid(backAirObj)">
+          <div class="wind-text">回风温度</div>
+          <el-form @submit.native.prevent>
+            <el-form-item>
+              <el-input
+                @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
+                @input="handleInput(backAirObj)"
+                @blur="handleBlur()"
+                v-model="backAirObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="tem_icon"
+                  class="tem-icon"
+                />
+              </el-input> </el-form-item
+          ></el-form>
+        </div>
+        <div class="wind-tem2" v-if="isObjectValid(damperOneObj)">
+          <div class="wind-text">1#风阀反馈：</div>
+          <div class="back-text">{{ damperOneBackObj.collectValue }}%</div>
+          <div class="wind-text">调节：</div>
+          <el-form @submit.native.prevent>
+            <el-form-item>
+              <el-input
+                @keyup.enter.native="handleEnter(damperOneObj, $event, '%')"
+                @input="handleInput(damperOneObj)"
+                @blur="handleBlur()"
+                v-model="damperOneObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="percentage-icon"
+                  class="percentage-icon"
+                />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="wind-tem3" v-if="isObjectValid(damperTwoObj)">
+          <div class="wind-text">2#风阀反馈：</div>
+          <div class="back-text">{{ damperTwoBackObj.collectValue }}%</div>
+          <div class="wind-text">调节：</div>
+          <el-form @submit.native.prevent>
+            <el-form-item>
+              <el-input
+                @keyup.enter.native="handleEnter(damperTwoObj, $event, '%')"
+                @input="handleInput(damperTwoObj)"
+                @blur="handleBlur()"
+                v-model="damperTwoObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="percentage-icon"
+                  class="percentage-icon"
+                />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="wind-tem4" v-if="isObjectValid(damperThreeObj)">
+          <div class="wind-text">3#风阀反馈：</div>
+          <div class="back-text">{{ damperThreeBackObj.collectValue }}%</div>
+          <div class="wind-text">调节：</div>
+          <el-form @submit.native.prevent>
+            <el-form-item>
+              <el-input
+                @keyup.enter.native="handleEnter(damperTwoObj, $event, '%')"
+                @input="handleInput(damperTwoObj)"
+                @blur="handleBlur()"
+                v-model="damperTwoObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="percentage-icon"
+                  class="percentage-icon"
+                />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="fan-satatus3">
+          <div
+            class="context-li"
+            v-if="isObjectValid(startStopObj)"
+            style="width: 2.4rem"
+          >
+            <div class="wind-text">启停选择:</div>
+            <el-select
+              size="mini"
+              v-model="startStopObj.collectValue"
+              placeholder="请选择"
+              @change="selectThink(startStopObj)"
+              @visible-change="
+                (visible) => handleVisibleChange(visible, startStopObj)
+              "
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div
+            class="context-li"
+            v-if="isObjectValid(remoteManualObj) && startStopValue === 0"
+          >
+            <div class="wind-text">远程手动启停:</div>
+            <el-switch
+              style="display: block"
+              v-model="remoteManualObj.collectValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-text="开启"
+              inactive-text="停止"
+              @change="handleControlText(remoteManualObj)"
+            >
+            </el-switch>
+          </div>
+          <div
+            class="context-li"
+            v-if="isObjectValid(timeScheduleObj) && startStopValue === 1"
+          >
+            <div class="wind-text">时间表启停:</div>
+            <el-switch
+              style="display: block"
+              v-model="timeScheduleObj.collectValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-text="开启"
+              inactive-text="停止"
+              @change="handleControlText(timeScheduleObj)"
+            >
+            </el-switch>
+          </div>
+          <div
+            class="context-li"
+            v-if="isObjectValid(openingBackObj)"
+            style="width: 2.4rem"
+          >
+            <div class="wind-text">风阀开度反馈:</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(openingBackObj, $event, '%')"
+                  @input="handleOpenInput(openingBackObj)"
+                  @blur="handleBlur()"
+                  v-model="openingBackObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="percentage-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
+            <div class="wind-text">风机故障状态:</div>
+            <div class="badStautus" v-if="faultAlarmObj.collectValue">故障</div>
+            <div class="goodStautus" v-else>正常</div>
+          </div>
+          <div class="context-li" v-if="isObjectValid(runStatusObj)">
+            <div class="wind-text">风机运行状态:</div>
+            <div class="goodStautus" v-if="runStatusObj.collectValue">运行</div>
+            <div class="noneStautus" v-else>不运行</div>
+          </div>
+          <div class="context-li" v-if="isObjectValid(pressureObj)">
+            <div class="wind-text">风机压差:</div>
+            <div class="badStautus" v-if="pressureObj.collectValue">故障</div>
+            <div class="goodStautus" v-else>正常</div>
+          </div>
+        </div>
+        <div class="fan-satatus1">
+          <div class="context-li" v-if="isObjectValid(automaticObj)">
+            <div class="wind-text">风机手自动状态:</div>
+            <div class="goodStautus" v-if="automaticObj.collectValue">手动</div>
+            <div class="noneStautus" v-else>自动</div>
+          </div>
+          <!-- <div class="context-li" v-if="isObjectValid(startControlObj)">
+            <div class="wind-text">风机启停控制</div>
+            <el-switch
+              style="display: block"
+              v-model="startControlObj.collectValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-text="开启"
+              inactive-text="停止"
+              @change="handleControlText(startControlObj)"
+            >
+            </el-switch>
+          </div> -->
+          <div class="context-li" v-if="isObjectValid(damperHzObj)">
+            <div class="wind-text">风阀频率反馈:</div>
+            <div>{{ damperHzObj.collectValue }}Hz</div>
+          </div>
+        </div>
+        <div class="fan-satatus2">
+          <div class="context-li" v-if="isObjectValid(waterValveObj)">
+            <div class="wind-text">水阀调节</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(waterValveObj, $event, '%')"
+                  @input="handleInput(waterValveObj)"
+                  @blur="handleBlur()"
+                  v-model="waterValveObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="percentage-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+        <div class="fan-satatus4">
+          <div
+            class="context-li"
+            v-if="isObjectValid(modeChangeObj)"
+            style="width: 2.4rem"
+          >
+            <div class="wind-text">模式选择:</div>
+            <el-select
+              size="mini"
+              v-model="modeChangeObj.collectValue"
+              placeholder="请选择"
+              @change="selectThink2(modeChangeObj)"
+              @visible-change="
+                (visible) => handleVisibleChange2(visible, modeChangeObj)
+              "
+            >
+              <el-option
+                v-for="item in modeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="context-li" v-if="isObjectValid(modeOneObj)">
+            <div class="wind-text">宴会一厅模式-频率设定:</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(modeOneObj, $event, 'Hz')"
+                  @input="handleInput(modeOneObj)"
+                  @blur="handleBlur()"
+                  v-model="modeOneObj.collectValue"
+                  size="mini"
+                  :disabled="isShowMode1"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="hz-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="context-li" v-if="isObjectValid(modeTwoObj)">
+            <div class="wind-text">餐厅模式-频率设定:</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(modeTwoObj, $event, 'Hz')"
+                  @input="handleInput(modeTwoObj)"
+                  @blur="handleBlur()"
+                  v-model="modeTwoObj.collectValue"
+                  size="mini"
+                  :disabled="isShowMode2"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="hz-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="context-li" v-if="isObjectValid(modeThreeObj)">
+            <div class="wind-text">会议模式-频率设定:</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(modeThreeObj, $event, 'Hz')"
+                  @input="handleInput(modeThreeObj)"
+                  @blur="handleBlur()"
+                  v-model="modeThreeObj.collectValue"
+                  :disabled="isShowMode3"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="hz-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="context-li" v-if="isObjectValid(modeFourObj)">
+            <div class="wind-text">全开模式-频率设定:</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(modeFourObj, $event, 'Hz')"
+                  @input="handleInput(modeFourObj)"
+                  @blur="handleBlur()"
+                  v-model="modeFourObj.collectValue"
+                  size="mini"
+                  :disabled="isShowMode4"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="hz-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 定时开关内容 -->
+    <el-dialog
+      title="定时开关机功能"
+      :visible.sync="isOpenTimeSwitch"
+      append-to-body
+      width="805px"
+      class="custom-dialog"
+    >
+      <div class="dialog-content">
+        <div class="device-container" v-loading="loading">
+          <div class="device-li">
+            <div class="device-name">定时名称</div>
+            <div class="device-name">定时开机</div>
+            <div class="device-name">定时关机</div>
+            <div class="device-name">启动状态</div>
+          </div>
+          <div
+            class="device-li"
+            v-for="(item, index) in delayList"
+            :key="index"
+            :class="{ highlight: item.name.includes(currentWeekday) }"
+          >
+            <div class="device-name">{{ item.name }}</div>
+            <div class="device-name">
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayOpenHour"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'openHour', $event)
+                    "
+                    @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
+                  ></el-input> </el-form-item
+              ></el-form>
+              <div class="slip">:</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayOpenMinute"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'openMinute', $event)
+                    "
+                    @input="
+                      handleSwitchInput(item, 'delayOpenMinute', 'minute')
+                    "
+                  ></el-input> </el-form-item
+              ></el-form>
+            </div>
+            <div class="device-name">
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayCloseHour"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'closeHour', $event)
+                    "
+                    @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
+                  ></el-input></el-form-item
+              ></el-form>
+              <div class="slip">:</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayCloseMinute"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'closeMinute', $event)
+                    "
+                    @input="
+                      handleSwitchInput(item, 'delayCloseMinute', 'minute')
+                    "
+                  ></el-input></el-form-item
+              ></el-form>
+            </div>
+            <div class="device-name">
+              <el-switch
+                style="display: block"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="开启"
+                inactive-text="停用"
+                v-model="item.delayStatus"
+                @change="handleSwitchStatus(item)"
+              >
+              </el-switch>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
+import { operationConrol } from "@/api/hotWater/waterControl";
+export default {
+  props: {
+    // 定义接收的 currentId 和 currentName
+    currentId: {
+      //当前选中高亮的id
+      type: String,
+      required: true,
+    },
+    currentName: {
+      //当前选中的名称
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      backwaterObj: {}, //回水温度
+      waterValveObj: {}, //水阀调节
+      startControlObj: {}, //启停控制
+      runStatusObj: {}, //运行状态
+      damperOneObj: {}, //风阀1调节
+      damperTwoObj: {}, //风阀2调节
+      damperThreeObj: {}, //风阀3调节
+      damperOneBackObj: {}, //风阀1反馈
+      damperTwoBackObj: {}, //风阀2反馈
+      damperThreeBackObj: {}, //风阀3反馈
+      openingBackObj: {}, //风阀开度反馈
+      startStopObj: {}, //风阀启停选择
+      remoteManualObj: {}, //远程手动启停
+      timeScheduleObj: {}, //时间表启停
+      damperHzObj: {}, //风阀频率反馈
+      modeChangeObj: {}, //模式选择
+      modeOneObj: {}, //宴会一厅模式
+      modeTwoObj: {}, //餐厅模式
+      modeThreeObj: {}, //会议模式
+      modeFourObj: {}, //全开模式
+      pressureObj: {}, //压差
+      automaticObj: {}, //手自动状态
+      backAirObj: {}, //回风温度
+      faultAlarmObj: {}, //故障报警
+      waterSupplyObj: {}, //供水温度
+
+      tableData: [], //系统状态表格数据
+      temValue: "℃", //回风温度
+      valvePercent: "%", //阀比例
+      runStatus: false, //运行状态
+      autoStatus: false, //手自动状态
+      startStatus: false, //启停控制
+      frequency: "v",
+      isOpenTimeSwitch: false,
+      delayList: [],
+      currentWeekday: "",
+      options: [
+        {
+          label: "远程手动启停",
+          value: 0,
+        },
+        {
+          label: "时间表启停",
+          value: 1,
+        },
+      ], //启停选择列表
+      // 用于存储启停选择select选择前的值
+      oldValue: null,
+      //   用于控制启停选择不同select值显示内容
+      startStopValue: null,
+
+      modeOptions: [
+        {
+          label: "宴会一厅模式",
+          value: 0,
+        },
+        {
+          label: "餐厅模式",
+          value: 1,
+        },
+        {
+          label: "会议模式",
+          value: 2,
+        },
+        {
+          label: "全开模式",
+          value: 3,
+        },
+      ], //模式选择列表
+      isShowMode1: false,
+      isShowMode2: false,
+      isShowMode3: false,
+      isShowMode4: false,
+    };
+  },
+  watch: {
+    temValue(newVal) {
+      let valueWithoutTem = newVal.replace(/℃/g, "");
+      if (valueWithoutTem === "") {
+        this.temValue = "℃";
+      } else {
+        this.temValue = valueWithoutTem + "℃";
+      }
+    },
+    valvePercent(newVal) {
+      // 去除输入值中的 %
+      let valueWithoutPercent = newVal.replace(/%/g, "");
+      // 如果输入值为空，保持 %
+      if (valueWithoutPercent === "") {
+        this.temValue = "%";
+      } else {
+        // 否则在输入值后面添加 %
+        this.temValue = valueWithoutPercent + "%";
+      }
+    },
+    frequency(newVal) {
+      let valueWithoutFrequency = newVal.replace(/v/g, "");
+      if (valueWithoutFrequency === "") {
+        this.temValue = "v";
+      } else {
+        this.temValue = valueWithoutFrequency + "v";
+      }
+    },
+    // 监听 currentId 的变化
+    currentId: {
+      deep: true,
+      immediate: true,
+      handler(newVal, val) {
+        console.log("子组件改变的值-----", newVal);
+        if (newVal) {
+          this.$nextTick(function () {
+            let val = newVal;
+            this.getWindList(val);
+          });
+        }
+      },
+    },
+  },
+  created() {
+    const weekdays = [
+      "星期日",
+      "星期一",
+      "星期二",
+      "星期三",
+      "星期四",
+      "星期五",
+      "星期六",
+    ];
+    const date = new Date();
+    const dayIndex = date.getDay();
+    this.currentWeekday = weekdays[dayIndex];
+    console.log("今天是星期几", this.currentWeekday);
+  },
+  methods: {
+    // 判断对象是否有效（不为空且不为 undefined）
+    isObjectValid(obj) {
+      return obj && Object.keys(obj).length > 0;
+    },
+    // 请求数据
+    getWindList(val) {
+      console.log("请求了风柜系统", val);
+      if (val) {
+        return new Promise((resolve, reject) => {
+          let data = {
+            systemType: "2",
+            houseId: val,
+          };
+          windList(data)
+            .then((res) => {
+              console.log("风柜系统查询返回", res);
+              if (res.code == 200 && res.rows.length > 0) {
+                let data = res.rows[0].values;
+                this.backwaterObj = {}; //回水温度
+                this.waterValveObj = {}; //水阀调节
+                this.startControlObj = {}; //启停控制
+                this.runStatusObj = {}; //运行状态
+                this.airSupplyObj = {}; //送风温度
+                this.damperOneObj = {}; //风阀1调节
+                this.damperTwoObj = {}; //风阀2调节
+                this.damperThreeObj = {}; //风阀3调节
+                this.damperOneBackObj = {}; //风阀1反馈
+                this.damperTwoBackObj = {}; //风阀2反馈
+                this.damperThreeBackObj = {}; //风阀3反馈
+                this.openingBackObj = {}; //风阀开度反馈
+                this.startStopObj = {}; //风机启停选择
+                this.remoteManualObj = {}; //远程手动启停
+                this.timeScheduleObj = {}; //时间表启停
+                this.damperHzObj = {}; //风阀频率反馈
+                this.modeChangeObj = {}; //模式选择
+                this.modeOneObj = {}; //宴会一厅模式
+                this.modeTwoObj = {}; //餐厅模式
+                this.modeThreeObj = {}; //会议模式
+                this.modeFourObj = {}; //全开模式
+                this.pressureObj = {}; //压差
+                this.automaticObj = {}; //手自动状态
+                this.backAirObj = {}; //回风温度
+                this.faultAlarmObj = {}; //故障报警
+                this.waterSupplyObj = {}; //供水温度
+                data.forEach((item) => {
+                  // 回水温度
+                  if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("回水")
+                  ) {
+                    this.backwaterObj = item;
+                  }
+                  //水阀调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("水阀调节")
+                  ) {
+                    this.waterValveObj = item;
+                  }
+                  //   //启停控制 0停止1开启
+                  //   else if (item.paramType === "2") {
+                  //     this.startControlObj = item;
+                  //     this.startControlObj.collectValue =
+                  //       Number(item.collectValue) == 0 ? false : true;
+                  //   }
+                  //运行状态  0不运行1运行
+                  else if (item.paramType === "1") {
+                    this.runStatusObj = item;
+                    this.runStatusObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //送风温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("送风")
+                  ) {
+                    this.airSupplyObj = item;
+                  }
+                  //压差 0正常1故障(true)
+                  else if (item.paramType === "33") {
+                    this.pressureObj = item;
+                    this.pressureObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //手自动状态  0手动1自动
+                  else if (item.paramType === "6") {
+                    this.automaticObj = item;
+                    this.automaticObj.collectValue =
+                      Number(item.collectValue) == 0 ? true : false;
+                  }
+                  //回风温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("回风")
+                  ) {
+                    this.backAirObj = item;
+                  }
+                  //风阀1调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("1号风阀调节")
+                  ) {
+                    this.damperOneObj = item;
+                    console.log("风阀1", item);
+                  }
+                  //风阀2调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("2号风阀调节")
+                  ) {
+                    this.damperTwoObj = item;
+                  }
+                  //风阀3调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("3号风阀调节")
+                  ) {
+                    this.damperThreeObj = item;
+                  }
+                  //风阀1反馈
+                  else if (
+                    item.paramType === "4" &&
+                    item.collectName.includes("1号风阀反馈")
+                  ) {
+                    this.damperOneBackObj = item;
+                    console.log("风阀1", item);
+                  }
+                  //风阀2反馈
+                  else if (
+                    item.paramType === "4" &&
+                    item.collectName.includes("2号风阀反馈")
+                  ) {
+                    this.damperTwoBackObj = item;
+                  }
+                  //风阀3反馈
+                  else if (
+                    item.paramType === "4" &&
+                    item.collectName.includes("3号风阀反馈")
+                  ) {
+                    this.damperThreeBackObj = item;
+                  }
+                  //风阀开度反馈
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("风阀开度反馈")
+                  ) {
+                    this.openingBackObj = item;
+                  }
+                  //风阀启停选择
+                  else if (
+                    item.paramType === "27" &&
+                    item.collectName.includes("启停选择")
+                  ) {
+                    this.startStopObj = item;
+                    if (String(this.startStopObj.collectValue) === "0.00") {
+                      this.startStopObj.collectValue = 0;
+                    }
+                  }
+                  //远程手动启停 0停止1开启
+                  else if (
+                    item.paramType === "2" &&
+                    item.collectName.includes("远程手动启停")
+                  ) {
+                    this.remoteManualObj = item;
+                    this.remoteManualObj.collectValue =
+                      Number(item.collectValue) == 1 ? true : false;
+                  }
+                  //时间表启停 0停止1开启
+                  else if (
+                    item.paramType === "2" &&
+                    item.collectName.includes("时间表启停")
+                  ) {
+                    this.timeScheduleObj = item;
+                    this.timeScheduleObj.collectValue =
+                      Number(item.collectValue) == 1 ? true : false;
+                  }
+                  //   风阀频率反馈
+                  else if (
+                    item.paramType === "4" &&
+                    item.collectName.includes("频率反馈")
+                  ) {
+                    this.damperHzObj = item;
+                  }
+                  //   模式选择
+                  else if (
+                    item.paramType === "25" &&
+                    item.collectName.includes("模式选择")
+                  ) {
+                    this.modeChangeObj = item;
+                    if (String(this.modeChangeObj.collectValue) === "0.00") {
+                      this.modeChangeObj.collectValue = 0;
+                    }
+                    if (this.modeChangeObj.collectValue === 0) {
+                      this.isShowMode1 = true;
+                      this.isShowMode2 = false;
+                      this.isShowMode3 = false;
+                      this.isShowMode4 = false;
+                    } else if (this.modeChangeObj.collectValue === 1) {
+                      this.isShowMode1 = false;
+                      this.isShowMode2 = true;
+                      this.isShowMode3 = false;
+                      this.isShowMode4 = false;
+                    } else if (this.modeChangeObj.collectValue === 2) {
+                      this.isShowMode1 = false;
+                      this.isShowMode2 = false;
+                      this.isShowMode3 = true;
+                      this.isShowMode4 = false;
+                    } else if (this.modeChangeObj.collectValue === 3) {
+                      this.isShowMode1 = false;
+                      this.isShowMode2 = false;
+                      this.isShowMode3 = false;
+                      this.isShowMode4 = true;
+                    }
+                  }
+                  //   宴会一厅模式-频率设定
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("宴会一厅模式")
+                  ) {
+                    this.modeOneObj = item;
+                  }
+                  //   餐厅模式-频率设定
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("餐厅模式")
+                  ) {
+                    this.modeTwoObj = item;
+                  }
+                  //   会议模式-频率设定
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("会议模式")
+                  ) {
+                    this.modeThreeObj = item;
+                  }
+                  //   全开模式-频率设定
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("全开模式")
+                  ) {
+                    this.modeFourObj = item;
+                  }
+                  //故障报警 0正常 1故障
+                  else if (item.paramType === "5") {
+                    this.faultAlarmObj = item;
+                    this.faultAlarmObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //供水温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("供水")
+                  ) {
+                    this.waterSupplyObj = item;
+                  }
+                });
+              } else {
+                this.backwaterObj = {}; //回水温度
+                this.waterValveObj = {}; //水阀调节
+                this.startControlObj = {}; //启停控制
+                this.runStatusObj = {}; //运行状态
+                this.airSupplyObj = {}; //送风温度
+                this.damperOneObj = {}; //风阀1调节
+                this.damperTwoObj = {}; //风阀2调节
+                this.damperThreeObj = {}; //风阀3调节
+                this.damperOneBackObj = {}; //风阀1反馈
+                this.damperTwoBackObj = {}; //风阀2反馈
+                this.damperThreeBackObj = {}; //风阀3反馈
+                this.openingBackObj = {}; //风阀开度反馈
+                this.startStopObj = {}; //风机启停选择
+                this.remoteManualObj = {}; //远程手动启停
+                this.timeScheduleObj = {}; //时间表启停
+                this.damperHzObj = {}; //风阀频率反馈
+                this.modeChangeObj = {}; //模式选择
+                this.modeOneObj = {}; //宴会一厅模式
+                this.modeTwoObj = {}; //餐厅模式
+                this.modeThreeObj = {}; //会议模式
+                this.modeFourObj = {}; //全开模式
+                this.pressureObj = {}; //压差
+                this.automaticObj = {}; //手自动状态
+                this.backAirObj = {}; //回风温度
+                this.faultAlarmObj = {}; //故障报警
+                this.waterSupplyObj = {}; //供水温度
+              }
+              // 成功时解析 Promise
+              resolve(res);
+            })
+            .catch((error) => {
+              // 失败时拒绝 Promise
+              reject(error);
+            });
+        });
+      }
+    },
+    // 处理输入事件，过滤非数字字符
+    handleInput(item) {
+      console.log("校验");
+      // 实时校验并过滤非数字字符
+      item.collectValue = String(item.collectValue).replace(/[^\d]/g, "");
+    },
+    handleOpenInput(item) {
+      console.log("校验");
+      // 实时校验并过滤非数字字符
+      item.collectValue = String(item.collectValue).replace(/[^\d]/g, "");
+    },
+    handleOpenBlur(item) {
+      let inputValue = parseInt(item.collectValue, 10);
+      if (isNaN(inputValue)) {
+      } else if (inputValue < 80) {
+        item.collectValue = "";
+        this.$message.error("请输入大于80的值");
+      } else if (inputValue > 300) {
+        item.collectValue = "";
+        this.$message.error("请输入小于300的值");
+      }
+    },
+    // 失去焦点
+    handleBlur() {
+      // this.currentFocusIndex = "";
+    },
+    handleEnter(item, event, unit) {
+      console.log("请求后端");
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      if (item.collectValue == "" || item.collectValue == "null") {
+        this.$message.error("请输入值");
+        return; // 确保后续代码不执行
+      }
+      //   针对风阀开度设置
+      if (item.collectName.includes("风阀开度")) {
+        if (item.collectValue < 80) {
+          this.$message.error("请输入大于80的值");
+          return;
+        } else if (item.collectValue > 300) {
+          this.$message.error("请输入小于300的值");
+          return;
+        }
+      }
+      this.$confirm(
+        `确定要修改"${item.collectName}"为:${item.collectValue} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.hadleOperationConrol(item.id, item.collectValue);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          // this.$emit("upList");
+        });
+    },
+    // 手自动切换
+    handleAutomaticText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "手动" : "自动 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    //启停控制/手动控制
+    handleControlText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "开启" : "停止 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    // 操作
+    hadleOperationConrol(id, param) {
+      let data = {
+        id: id,
+        param: param,
+      };
+      console.log("操作参数", data);
+      operationConrol([data])
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getWindList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 5000);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getWindList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getWindList();
+        });
+    },
+    // 打开定时开关弹框
+    openTimeSwitch() {
+      this.isOpenTimeSwitch = true;
+      this.getPolicyList();
+    },
+    // 请求列表
+    getPolicyList() {
+      return new Promise((resolve, reject) => {
+        let data = {
+          systemType: "2",
+          funPolicyType: "3",
+          houseId: this.currentId,
+        };
+        timeList(data)
+          .then((res) => {
+            console.log("设备定时开关返回res", res);
+            if (res.code === 200) {
+              let handleList = res.rows;
+              this.delayList = [];
+              handleList.forEach((element, index) => {
+                if (element.values && element.values.length > 0) {
+                  // 初始化一个空对象来存储非蝶阀处理后的结果
+                  let delayItem = {
+                    name: element.name,
+                  };
+                  const limitedChildren = element.values;
+                  limitedChildren.forEach((child) => {
+                    // console.log("定时${index}开_时", `定时${index}开_时`);
+                    // console.log("child.pointName", child.pointName);
+                    if (child.pointName) {
+                      // 定时开机-小时
+                      if (child.pointName.includes("开_时")) {
+                        // console.log("定时开机-时·························");
+                        delayItem.delayOpenHour = child.curValue;
+                        delayItem.delayOpenHourId = child.id;
+                      }
+                      //   定时开机-分钟
+                      else if (child.pointName.includes("开_分")) {
+                        delayItem.delayOpenMinute = child.curValue;
+                        delayItem.delayOpenMinuteId = child.id;
+                      }
+                      // 定时关机-小时
+                      else if (child.pointName.includes("关_时")) {
+                        delayItem.delayCloseHour = child.curValue;
+                        delayItem.delayCloseHourId = child.id;
+                      }
+                      //   定时关机-分钟
+                      else if (child.pointName.includes("关_分")) {
+                        delayItem.delayCloseMinute = child.curValue;
+                        delayItem.delayCloseMinuteId = child.id;
+                      }
+                      // 启动状态
+                      else if (child.pointName.includes(`启动标志`)) {
+                        delayItem.delayStatus =
+                          Number(child.curValue) == 0 ? false : true;
+                        delayItem.delayStatusId = child.id;
+                      }
+                    }
+                  });
+                  // 将处理后的对象添加到 delayList 中
+                  if (Object.keys(delayItem).length > 1) {
+                    this.delayList.push(delayItem);
+                  }
+                }
+              });
+              console.log("处理后的数组", this.delayList);
+              //   this.delayList = res.rows;
+            } else {
+              this.delayList = [];
+            }
+            // 成功时解析 Promise
+            resolve(res);
+          })
+          .catch((error) => {
+            // 失败时拒绝 Promise
+            reject(error);
+          });
+      });
+    },
+    // 处理输入事件，过滤非数字字符
+    handleSwitchInput(item, propertyName, name) {
+      console.log("校验", item[propertyName]);
+      // 如果值为空，不进行后续校验
+      if (item[propertyName] === "") {
+        return;
+      }
+      let isValid = true;
+      // 实时校验并过滤非数字字符
+      let inputValue = String(item[propertyName]).replace(/[^\d]/g, "");
+      if (name === "hour") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 23;
+        if (!isValid) {
+          this.$message.error("输入值在0-23区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      } else if (name === "minute") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 59;
+        if (!isValid) {
+          this.$message.error("输入值在0-59区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      }
+      item[propertyName] = inputValue;
+    },
+    handleSwitchEnter(item, name, event) {
+      console.log("item", item);
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      let id = "";
+      let value = "";
+      let title = "";
+      let unit = "";
+      if (name === "openHour") {
+        id = item.delayOpenHourId;
+        value = item.delayOpenHour;
+        title = "定时开机-小时";
+        unit = "时";
+      } else if (name === "openMinute") {
+        id = item.delayOpenMinuteId;
+        value = item.delayOpenMinute;
+        title = "定时开机-分钟";
+        unit = "分";
+      } else if (name === "closeHour") {
+        id = item.delayCloseHourId;
+        value = item.delayCloseHour;
+        title = "定时关机-小时";
+        unit = "时";
+      } else if (name === "closeMinute") {
+        id = item.delayCloseMinuteId;
+        value = item.delayCloseMinute;
+        title = "定时关机-分钟";
+        unit = "分";
+      }
+
+      if (value === "") {
+        this.$message.warning("请输入当前设置值!");
+        return;
+      }
+      console.log("请求后端", item);
+      this.$confirm(
+        `确定要把"${item.name}"的${title}设置为:${value} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // console.log("打印id",id)
+          this.handleSwitchOperationConrol(id, value);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          this.getPolicyList();
+        });
+    },
+    handleSwitchOperationConrol(id, param) {
+      let data = {
+        policyId: id,
+        timeValue: param,
+      };
+      console.log("操作参数", data);
+      undateTime(data)
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getPolicyList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 500);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getPolicyList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getPolicyList();
+        });
+    },
+    // 启用状态
+    handleSwitchStatus(item) {
+      this.$confirm(
+        `确定要切换"${item.name}"的状态为:${
+          item.delayStatus ? "开启" : "停用 吗?"
+        }`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          console.log("请求后台", item.delayStatus);
+          let param = null;
+          if (item.delayStatus) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.handleSwitchOperationConrol(item.delayStatusId, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.delayStatus = !item.delayStatus;
+          console.log("不请求后台");
+        });
+    },
+    // 处理select的选中值
+    selectThink(children) {
+      console.log(
+        "this.startStopObj.collectValue ",
+        this.startStopObj.collectValue
+      );
+      const oldValue = children._oldValue;
+      let collectText = "";
+      if (this.startStopObj.collectValue === 0) {
+        collectText = "远程手动启停";
+      } else if (this.startStopObj.collectValue === 1) {
+        collectText = "时间表启停";
+      }
+      this.$confirm(
+        `确定要修改"${children.collectName}"的数据为:${collectText}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.startStopValue = this.startStopObj.collectValue;
+          this.hadleOperationConrol(children.id, children.collectValue);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复原来的值
+          children.collectValue = oldValue;
+        });
+    },
+    // 处理select下拉框显示或隐藏事件
+    handleVisibleChange(visible, children) {
+      if (visible) {
+        // 当下拉框打开时保存原值
+        this.$set(children, "_oldValue", children.collectValue);
+      }
+    },
+    // 处理select的选中值
+    selectThink2(children) {
+      const oldValue = children._oldValue;
+      let collectText = "";
+      if (this.modeChangeObj.collectValue === 0) {
+        collectText = "宴会一厅模式";
+      } else if (this.modeChangeObj.collectValue === 1) {
+        collectText = "餐厅模式";
+      } else if (this.modeChangeObj.collectValue === 2) {
+        collectText = "会议模式";
+      } else if (this.modeChangeObj.collectValue === 3) {
+        collectText = "全开模式";
+      }
+      this.$confirm(
+        `确定要修改"${children.collectName}"的数据为:${collectText}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          if (this.modeChangeObj.collectValue === 0) {
+            this.isShowMode1 = true;
+            this.isShowMode2 = false;
+            this.isShowMode3 = false;
+            this.isShowMode4 = false;
+          } else if (this.modeChangeObj.collectValue === 1) {
+            this.isShowMode1 = false;
+            this.isShowMode2 = true;
+            this.isShowMode3 = false;
+            this.isShowMode4 = false;
+          } else if (this.modeChangeObj.collectValue === 2) {
+            this.isShowMode1 = false;
+            this.isShowMode2 = false;
+            this.isShowMode3 = true;
+            this.isShowMode4 = false;
+          } else if (this.modeChangeObj.collectValue === 3) {
+            this.isShowMode1 = false;
+            this.isShowMode2 = false;
+            this.isShowMode3 = false;
+            this.isShowMode4 = true;
+          }
+          this.hadleOperationConrol(children.id, children.collectValue);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复原来的值
+          children.collectValue = oldValue;
+        });
+    },
+    // 处理select下拉框显示或隐藏事件
+    handleVisibleChange2(visible, children) {
+      if (visible) {
+        // 当下拉框打开时保存原值
+        this.$set(children, "_oldValue", children.collectValue);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.buildingDiv {
+  padding-left: 54px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 20px;
+  position: relative;
+  .title-bg {
+    width: 208px;
+    height: 38px;
+    position: absolute;
+    left: 0;
+    z-index: 0;
+  }
+  .title-word {
+    z-index: 10;
+    font-family: YouSheBiaoTiHei;
+    font-size: 24px;
+    color: #ffffff;
+    white-space: nowrap;
+  }
+}
+.mostDiv {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  //   align-items: flex-start;
+}
+.windC {
+  width: 13rem;
+  height: 5.38rem;
+  position: relative;
+  .menu-title {
+    color: #e1f4ff;
+    font-size: 0.18rem;
+    --bRadius: 0.05rem;
+    text-align: center;
+    position: absolute;
+    top: 0;
+    right: 0.5rem;
+    width: 1.25rem;
+    cursor: pointer;
+    z-index: 9;
+    div {
+      position: relative;
+      text-align: center;
+      border-radius: var(--bRadius);
+      transition: all 0.3s;
+      padding: 0.01rem 0.02rem;
+      background-color: rgba(85, 139, 211, 0.2);
+      cursor: pointer;
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        top: -10px;
+        left: -10px;
+        right: -10px;
+        bottom: -10px;
+        border: 2px solid #46b2f1;
+        transition: all 0.5s;
+        border-radius: var(--bRadius);
+        animation: clippath 3s infinite linear;
+        cursor: pointer;
+      }
+      &::after {
+        animation: clippath 3s infinite -1.5s linear;
+      }
+      @keyframes clippath {
+        0%,
+        100% {
+          clip-path: inset(0 0 98% 0);
+        }
+        25% {
+          clip-path: inset(0 98% 0 0);
+        }
+        50% {
+          clip-path: inset(98% 0 0 0);
+        }
+        75% {
+          clip-path: inset(0 0 0 98%);
+        }
+      }
+    }
+  }
+  .wind-img {
+    width: 13.1rem;
+    height: 5.7rem;
+    position: absolute;
+    top: 0.2rem;
+    left: 0;
+    z-index: 1;
+  }
+  .wind-tem1 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 0.4rem;
+    left: 4.7rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .wind-tem2 {
+    z-index: 10;
+    width: 3.3rem;
+    position: absolute;
+    top: 2.2rem;
+    right: -0.7rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+    .back-text {
+      margin-right: 0.1rem;
+    }
+  }
+  .wind-tem3 {
+    z-index: 10;
+    width: 3.3rem;
+    position: absolute;
+    top: 4.1rem;
+    right: -0.7rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+    .back-text {
+      margin-right: 0.1rem;
+    }
+  }
+  .wind-tem4 {
+    z-index: 10;
+    width: 3.3rem;
+    position: absolute;
+    top: 5.9rem;
+    right: -0.7rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+    .back-text {
+      margin-right: 0.1rem;
+    }
+  }
+  .fan-frequency {
+    z-index: 10;
+    position: absolute;
+    top: 1.7rem;
+    left: 8.5rem;
+    width: 1.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .fan-satatus1 {
+    position: absolute;
+    top: 4.3rem;
+    left: 5.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-size: 0.18rem;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus2 {
+    position: absolute;
+    top: 5.3rem;
+    left: 3.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus3 {
+    position: absolute;
+    top: 0.9rem;
+    left: 6.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus4 {
+    position: absolute;
+    top: 5rem;
+    left: 0rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      width: 3rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .goodStautus {
+    color: rgb(57, 248, 51);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .goodStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(57, 248, 51);
+  }
+  .badStautus {
+    color: rgb(248, 48, 41);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    animation: blink 1s infinite;
+  }
+  .badStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(248, 48, 41);
+    animation: blink 1s infinite;
+  }
+  .noneStautus {
+    color: rgb(194, 191, 191);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .noneStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(194, 191, 191);
+  }
+  /* 定义灯闪烁的动画 */
+  @keyframes blink {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.7;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  .wind-valve {
+    z-index: 10;
+    position: absolute;
+    top: 4.4rem;
+    left: 1.8rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-valve2 {
+    z-index: 10;
+    position: absolute;
+    top: 4.8rem;
+    left: 1.8rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.1rem;
+      white-space: nowrap;
+    }
+  }
+  .windMove {
+    width: 0.72rem;
+    height: 0.73rem;
+    position: absolute;
+    top: 3.11rem;
+    right: 6.24rem;
+    z-index: 10;
+  }
+  .tunCircle {
+    /* 应用动画 */
+    animation: rotate 2s linear infinite;
+  } /* 定义旋转动画 */
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .arrow-flex2 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 3.2rem;
+    right: 2.9rem;
+  }
+  .arrow-flex3 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 0.6rem;
+    right: 8.7rem;
+    transform: rotateY(180deg);
+  }
+  .wind-arrow {
+    width: 0.4rem;
+    height: 0.6rem;
+    margin-right: 0.15rem;
+    animation: moveArrow 2s linear infinite;
+  }
+  /* 定义每个箭头的透明度 */
+  .wind-arrow:nth-child(1) {
+    opacity: 1;
+  }
+
+  .wind-arrow:nth-child(2) {
+    opacity: 0.6;
+  }
+
+  .wind-arrow:nth-child(3) {
+    opacity: 0.4;
+  }
+  .wind-arrow:nth-child(4) {
+    opacity: 0.2;
+  }
+
+  /* 定义箭头移动的动画 */
+  @keyframes moveArrow {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(0.2rem);
+      /* 箭头向右移动的距离 */
+    }
+  }
+}
+.device-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 530px;
+  background-color: #142c4e;
+  padding: 10px 10px 30px 10px;
+  border-radius: 10px;
+  font-size: 14px;
+  .device-li {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 12px 0;
+    color: #abcdfc;
+    border-bottom: 1px dashed #0349ac;
+    .device-name {
+      flex: 1;
+      white-space: nowrap;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      flex-wrap: nowrap;
+      padding: 0 5px;
+      .el-form-item {
+        margin-bottom: 0 !important;
+      }
+      .slip {
+        margin: 0 5px;
+        color: #1282d8;
+        font-weight: bold;
+      }
+    }
+  }
+  .device-li:nth-child(1) {
+    color: #9ca3af;
+  }
+}
+.highlight {
+  background-color: #003863 !important; /* 定义高亮的背景颜色 */
+  color: #ffffff !important;
+  font-weight: bold;
+}
+.device-container .highlight .device-name .slip {
+  color: #ffffff !important;
+  font-weight: bold;
+}
+/* 为高亮行添加图片箭头 */
+.device-li.highlight::before {
+  content: "";
+  background-image: url("../../../../assets/images/step.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  left: 2px; /* 图片位置，根据实际情况调整 */
+  top: 20%;
+  transform: translateY(-50%);
+  z-index: 999;
+  animation: moveRight 1s ease-in-out infinite alternate;
+}
+@keyframes moveRight {
+  0% {
+    transform: translateX(0); /* 初始位置，不移动 */
+  }
+  100% {
+    transform: translateX(0.04rem); /* 向右移动 1rem 的距离 */
+  }
+}
+
+/* 确保 device-li 有相对定位 */
+.device-li {
+  position: relative;
+}
+// 媒体查询，适配大于2000px分辨率的大屏样式
+@media (min-width: 2000px) {
+  .device-container {
+    min-height: 7rem !important;
+    padding: 0.1rem 0.1rem 0.3rem 0.1rem !important;
+    border-radius: 0.1rem !important;
+    font-size: 0.14rem !important;
+    .device-li {
+      padding: 0.12rem 0 !important;
+      .device-name {
+        .slip {
+          margin: 0 0.05rem !important;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 1360px) and (max-width: 1680px) {
+  .windC {
+    transform: scale(0.9);
+  }
+}
+@media (min-width: 1160px) and (max-width: 1360px) {
+  .windC {
+    transform: scale(0.8);
+  }
+}
+@media (min-width: 990px) and (max-width: 1160px) {
+  .windC {
+    transform: scale(0.7);
+  }
+}
+// 手机端样式
+@media (min-width: 0px) and (max-width: 990px) {
+  .right-monitor {
+    width: calc(100% - 210px) !important;
+  }
+  .buildingDiv {
+    padding-left: 0.54rem !important;
+    margin-bottom: 0.2rem !important;
+    .title-bg {
+      width: 2.08rem !important;
+      height: 0.38rem !important;
+    }
+    .title-word {
+      font-size: 15px !important;
+    }
+  }
+}
+</style>
+<style scoped>
+.windC >>> .el-input__inner {
+  background-color: #04193a;
+  border: 1px solid #1262db;
+  color: #3ef0fd;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 0.1rem !important;
+  font-size: 0.18rem !important;
+}
+.windC >>> .el-select .el-input__inner {
+  background-color: #04193a;
+  border: 1px solid #1262db;
+  color: #3ef0fd;
+  font-weight: 700;
+  text-align: left !important;
+  padding: 0 0.1rem !important;
+  font-size: 0.17rem !important;
+}
+.windC >>> .el-input__prefix {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.windC >>> .svg-icon {
+  width: 0.2rem !important;
+  height: 0.2rem !important;
+  fill: #ffffff !important;
+}
+.windC >>> .el-form-item {
+  margin-bottom: 0 !important;
+}
+.windC >>> .el-form-item--medium .el-form-item__content {
+  line-height: 0 !important;
+}
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .windC >>> .el-input--mini .el-input__inner {
+    height: 0.28rem !important;
+    line-height: 0.28rem !important;
+    padding: 0.2rem 0.1rem !important;
+  }
+  .windC >>> .el-switch {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label * {
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__core {
+    width: 0.4rem !important;
+    height: 0.2rem !important;
+    border-radius: 0.1rem !important;
+  }
+  .windC >>> .el-switch__core:after {
+    width: 0.16rem !important;
+    height: 0.16rem !important;
+  }
+  .windC >>> .el-switch.is-checked .el-switch__core::after {
+    margin-left: -0.17rem !important;
+  }
+  .custom-dialog >>> .el-dialog {
+    width: 550px !important;
+  }
+  .custom-dialog >>> .el-dialog__title {
+    width: 224px !important;
+    height: 35px !important;
+    font-size: 18px !important;
+    line-height: 20px !important;
+  }
+  .custom-dialog >>> .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+  .device-li .device-name {
+    font-size: 12px !important;
+  }
+  .device-container .device-li {
+    padding: 10px 0 !important;
+  }
+  .device-li .device-name .el-input {
+    width: 50px !important;
+  }
+  .device-li.highlight::before {
+    left: -5px !important;
+    width: 20px !important;
+    height: 20px !important;
+    top: 30% !important;
+  }
+  .custom-dialog >>> .el-switch__label * {
+    font-size: 12px !important;
+  }
+  .custom-dialog >>> .el-switch__core {
+    width: 37px !important;
+    height: 17px !important;
+  }
+  .custom-dialog >>> .el-switch__core:after {
+    width: 13px !important;
+    height: 13px !important;
+  }
+  .custom-dialog >>> .el-form-item {
+    margin-bottom: 0 !important;
+  }
+  .custom-dialog >>> .el-form-item--medium .el-form-item__content {
+    line-height: 0 !important;
+  }
+}
+</style>
diff --git a/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue b/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
new file mode 100644
index 0000000..1eb36b1
--- /dev/null
+++ b/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
@@ -0,0 +1,1541 @@
+<template>
+  <div class="right-monitor">
+    <div class="buildingDiv">
+      <img
+        class="title-bg"
+        src="../../../../assets/images/title-bg.png"
+        alt=""
+      />
+      <div class="title-word">位置：{{ currentName }}</div>
+    </div>
+    <div class="mostDiv">
+      <div class="windC">
+        <!-- 定时开关机定位 -->
+        <div class="menu-title" @click="openTimeSwitch">
+          <div @click="openTimeSwitch">定时开关机</div>
+        </div>
+        <!-- 空调风柜定位 -->
+        <img
+          class="wind-img"
+          src="../../../../assets/images/fenggui1.png"
+          alt=""
+        />
+        <!-- 风扇定位 -->
+        <img
+          class="windMove"
+          :class="{ tunCircle: runStatusObj.collectValue }"
+          src="../../../../assets/images/fengshan.png"
+          alt=""
+        />
+        <div class="arrow-flex2">
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+        </div>
+        <div class="arrow-flex3">
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+          <img
+            class="wind-arrow"
+            src="../../../../assets/images/blue-arrow.png"
+            alt=""
+          />
+        </div>
+        <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
+          <div class="wind-text">回风温度</div>
+          <el-form @submit.native.prevent>
+            <el-form-item>
+              <el-input
+                @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
+                @input="handleInput(backAirObj)"
+                @blur="handleBlur()"
+                v-model="backAirObj.collectValue"
+                size="mini"
+              >
+                <svg-icon
+                  slot="prefix"
+                  icon-class="tem_icon"
+                  class="tem-icon"
+                />
+              </el-input> </el-form-item
+          ></el-form>
+        </div>
+        <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
+          <div class="wind-text">送风温度</div>
+          <el-input
+            @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
+            @input="handleInput(airSupplyObj)"
+            @blur="handleBlur()"
+            disabled
+            v-model="airSupplyObj.collectValue"
+            size="mini"
+          >
+            <svg-icon slot="prefix" icon-class="tem_icon" class="tem-icon" />
+          </el-input>
+        </div>
+        <div class="fan-satatus3">
+          <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
+            <div class="wind-text">风机故障状态:</div>
+            <div class="badStautus" v-if="faultAlarmObj.collectValue">故障</div>
+            <div class="goodStautus" v-else>正常</div>
+          </div>
+          <div class="context-li" v-if="isObjectValid(runStatusObj)">
+            <div class="wind-text">风机运行状态:</div>
+            <div class="goodStautus" v-if="runStatusObj.collectValue">运行</div>
+            <div class="noneStautus" v-else>不运行</div>
+          </div>
+          <div class="context-li" v-if="isObjectValid(pressureObj)">
+            <div class="wind-text">风机压差:</div>
+            <div class="badStautus" v-if="pressureObj.collectValue">故障</div>
+            <div class="goodStautus" v-else>正常</div>
+          </div>
+        </div>
+        <div class="fan-satatus1">
+          <div class="context-li" v-if="isObjectValid(automaticObj)">
+            <div class="wind-text">风机手自动状态</div>
+            <!-- <el-switch
+              style="display: block"
+              v-model="automaticObj.collectValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-text="手动"
+              inactive-text="自动"
+              @change="handleAutomaticText(automaticObj)"
+            >
+            </el-switch> -->
+            <div class="goodStautus" v-if="automaticObj.collectValue">手动</div>
+            <div class="noneStautus" v-else>自动</div>
+          </div>
+          <div class="context-li" v-if="isObjectValid(startControlObj)">
+            <div class="wind-text">风机启停控制</div>
+            <el-switch
+              style="display: block"
+              v-model="startControlObj.collectValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-text="开启"
+              inactive-text="停止"
+              @change="handleControlText(startControlObj)"
+            >
+            </el-switch>
+          </div>
+        </div>
+        <div class="fan-satatus2">
+          <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
+            <div class="wind-text">供水温度</div>
+            <el-input
+              @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
+              @input="handleInput(waterSupplyObj)"
+              @blur="handleBlur()"
+              disabled
+              v-model="waterSupplyObj.collectValue"
+              size="mini"
+            >
+              <svg-icon slot="prefix" icon-class="tem_icon" class="tem-icon" />
+            </el-input>
+          </div>
+          <div class="context-li" v-if="isObjectValid(backwaterObj)">
+            <div class="wind-text">回水温度</div>
+            <el-input
+              @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
+              @input="handleInput(backwaterObj)"
+              @blur="handleBlur()"
+              disabled
+              v-model="backwaterObj.collectValue"
+              size="mini"
+            >
+              <svg-icon slot="prefix" icon-class="tem_icon" class="tem-icon" />
+            </el-input>
+          </div>
+          <div class="context-li" v-if="isObjectValid(waterValveObj)">
+            <div class="wind-text">水阀调节</div>
+            <el-form @submit.native.prevent>
+              <el-form-item>
+                <el-input
+                  @keyup.enter.native="handleEnter(waterValveObj, $event, '%')"
+                  @input="handleInput(waterValveObj)"
+                  @blur="handleBlur()"
+                  v-model="waterValveObj.collectValue"
+                  size="mini"
+                >
+                  <svg-icon
+                    slot="prefix"
+                    icon-class="percentage-icon"
+                    class="percentage-icon"
+                  />
+                </el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+        <div class="wind-valve" v-if="isObjectValid(airValveBackObj)">
+          <div class="wind-text">新风阀反馈：</div>
+          <div>{{ airValveBackObj.collectValue }}%</div>
+        </div>
+        <div class="wind-valve2" v-if="isObjectValid(airValveObj)">
+          <div class="wind-text">新风阀调节</div>
+          <el-input
+            @keyup.enter.native="handleEnter(airValveObj, $event, '%')"
+            @input="handleInput(airValveObj)"
+            @blur="handleBlur()"
+            v-model="airValveObj.collectValue"
+            size="mini"
+          >
+            <svg-icon
+              slot="prefix"
+              icon-class="percentage-icon"
+              class="percentage-icon"
+            />
+          </el-input>
+        </div>
+      </div>
+    </div>
+    <!-- 定时开关内容 -->
+    <el-dialog
+      title="定时开关机功能"
+      :visible.sync="isOpenTimeSwitch"
+      append-to-body
+      width="800px"
+      class="custom-dialog"
+    >
+      <div class="dialog-content">
+        <div class="device-container" v-loading="loading">
+          <div class="device-li">
+            <div class="device-name">定时名称</div>
+            <div class="device-name">定时开机</div>
+            <div class="device-name">定时关机</div>
+            <div class="device-name">启动状态</div>
+          </div>
+          <div
+            class="device-li"
+            v-for="(item, index) in delayList"
+            :key="index"
+            :class="{ highlight: item.name.includes(currentWeekday) }"
+          >
+            <div class="device-name">{{ item.name }}</div>
+            <div class="device-name">
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayOpenHour"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'openHour', $event)
+                    "
+                    @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
+                  ></el-input> </el-form-item
+              ></el-form>
+              <div class="slip">:</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayOpenMinute"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'openMinute', $event)
+                    "
+                    @input="
+                      handleSwitchInput(item, 'delayOpenMinute', 'minute')
+                    "
+                  ></el-input> </el-form-item
+              ></el-form>
+            </div>
+            <div class="device-name">
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayCloseHour"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'closeHour', $event)
+                    "
+                    @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
+                  ></el-input></el-form-item
+              ></el-form>
+              <div class="slip">:</div>
+              <el-form @submit.native.prevent>
+                <el-form-item>
+                  <el-input
+                    size="mini"
+                    v-model="item.delayCloseMinute"
+                    @keyup.enter.native="
+                      handleSwitchEnter(item, 'closeMinute', $event)
+                    "
+                    @input="
+                      handleSwitchInput(item, 'delayCloseMinute', 'minute')
+                    "
+                  ></el-input></el-form-item
+              ></el-form>
+            </div>
+            <div class="device-name">
+              <el-switch
+                style="display: block"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                active-text="开启"
+                inactive-text="停用"
+                v-model="item.delayStatus"
+                @change="handleSwitchStatus(item)"
+              >
+              </el-switch>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { runTime } from "@/api/centerairC/sysMonitor";
+import { alarmRecordList } from "@/api/alarm/alarmRecord";
+import { getDay } from "@/utils/datetime";
+import { spaceTree } from "@/api/region";
+import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
+import { operationConrol } from "@/api/hotWater/waterControl";
+export default {
+  name: "asSysMonitorDetails",
+  props: {
+    // 定义接收的 currentId 和 currentName
+    currentId: {
+      //当前选中高亮的id
+      type: String,
+      required: true,
+    },
+    currentName: {
+      //当前选中的名称
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      backwaterObj: {}, //回水温度
+      airValveObj: {}, //风阀调节
+      airValveBackObj: {}, //风阀反馈
+      waterValveObj: {}, //水阀调节
+      startControlObj: {}, //启停控制
+      runStatusObj: {}, //运行状态
+      airSupplyObj: {}, //送风温度
+      pressureObj: {}, //压差
+      automaticObj: {}, //手自动状态
+      backAirObj: {}, //回风温度
+      faultAlarmObj: {}, //故障报警
+      waterSupplyObj: {}, //供水温度
+
+      tableData: [], //系统状态表格数据
+      temValue: "℃", //回风温度
+      valvePercent: "%", //阀比例
+      runStatus: false, //运行状态
+      autoStatus: false, //手自动状态
+      startStatus: false, //启停控制
+      frequency: "v",
+      isOpenTimeSwitch: false,
+      delayList: [],
+      currentWeekday: "",
+    };
+  },
+  watch: {
+    temValue(newVal) {
+      let valueWithoutTem = newVal.replace(/℃/g, "");
+      if (valueWithoutTem === "") {
+        this.temValue = "℃";
+      } else {
+        this.temValue = valueWithoutTem + "℃";
+      }
+    },
+    valvePercent(newVal) {
+      // 去除输入值中的 %
+      let valueWithoutPercent = newVal.replace(/%/g, "");
+      // 如果输入值为空，保持 %
+      if (valueWithoutPercent === "") {
+        this.temValue = "%";
+      } else {
+        // 否则在输入值后面添加 %
+        this.temValue = valueWithoutPercent + "%";
+      }
+    },
+    frequency(newVal) {
+      let valueWithoutFrequency = newVal.replace(/v/g, "");
+      if (valueWithoutFrequency === "") {
+        this.temValue = "v";
+      } else {
+        this.temValue = valueWithoutFrequency + "v";
+      }
+    },
+    // 监听 currentId 的变化
+    currentId: {
+      deep: true,
+      immediate: true,
+      handler(newVal, val) {
+        console.log("子组件改变的值-----", newVal);
+        if (newVal) {
+          this.$nextTick(function () {
+            let val = newVal;
+            this.getWindList(val);
+          });
+        }
+      },
+    },
+  },
+  created() {
+    const weekdays = [
+      "星期日",
+      "星期一",
+      "星期二",
+      "星期三",
+      "星期四",
+      "星期五",
+      "星期六",
+    ];
+    const date = new Date();
+    const dayIndex = date.getDay();
+    this.currentWeekday = weekdays[dayIndex];
+    console.log("今天是星期几", this.currentWeekday);
+  },
+  methods: {
+    // 判断对象是否有效（不为空且不为 undefined）
+    isObjectValid(obj) {
+      return obj && Object.keys(obj).length > 0;
+    },
+    // 请求数据
+    getWindList(val) {
+      console.log("请求了风柜系统", val);
+      if (val) {
+        return new Promise((resolve, reject) => {
+          let data = {
+            systemType: "2",
+            houseId: val,
+          };
+          windList(data)
+            .then((res) => {
+              console.log("风柜系统查询返回", res);
+              if (res.code == 200 && res.rows.length > 0) {
+                let data = res.rows[0].values;
+                this.backwaterObj = {}; //回水温度
+                this.airValveObj = {}; //风阀调节
+                this.airValveBackObj = {}; //风阀反馈
+                this.waterValveObj = {}; //水阀调节
+                this.startControlObj = {}; //启停控制
+                this.runStatusObj = {}; //运行状态
+                this.airSupplyObj = {}; //送风温度
+                this.pressureObj = {}; //压差
+                this.automaticObj = {}; //手自动状态
+                this.backAirObj = {}; //回风温度
+                this.faultAlarmObj = {}; //故障报警
+                this.waterSupplyObj = {}; //供水温度
+                data.forEach((item) => {
+                  // 回水温度
+                  if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("回水")
+                  ) {
+                    this.backwaterObj = item;
+                  }
+                  //风阀调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("新风阀")
+                  ) {
+                    this.airValveObj = item;
+                  }
+                  //风阀反馈
+                  else if (
+                    item.paramType === "4" &&
+                    item.collectName.includes("风阀反馈")
+                  ) {
+                    this.airValveBackObj = item;
+                  }
+                  //水阀调节
+                  else if (
+                    item.paramType === "3" &&
+                    item.collectName.includes("水阀调节")
+                  ) {
+                    this.waterValveObj = item;
+                  }
+                  //启停控制 0停止1开启
+                  else if (item.paramType === "2") {
+                    this.startControlObj = item;
+                    this.startControlObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //运行状态  0不运行1运行
+                  else if (item.paramType === "1") {
+                    this.runStatusObj = item;
+                    this.runStatusObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //送风温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("送风")
+                  ) {
+                    this.airSupplyObj = item;
+                  }
+                  //压差 0正常1故障(true)
+                  else if (item.paramType === "33") {
+                    this.pressureObj = item;
+                    this.pressureObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //手自动状态  0手动1自动
+                  else if (item.paramType === "6") {
+                    this.automaticObj = item;
+                    this.automaticObj.collectValue =
+                      Number(item.collectValue) == 0 ? true : false;
+                  }
+                  //回风温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("回风")
+                  ) {
+                    this.backAirObj = item;
+                  }
+                  //故障报警 0正常 1故障
+                  else if (item.paramType === "5") {
+                    this.faultAlarmObj = item;
+                    this.faultAlarmObj.collectValue =
+                      Number(item.collectValue) == 0 ? false : true;
+                  }
+                  //供水温度
+                  else if (
+                    item.paramType === "12" &&
+                    item.collectName.includes("供水")
+                  ) {
+                    this.waterSupplyObj = item;
+                  }
+                });
+              } else {
+                this.backwaterObj = {};
+                this.airValveObj = {};
+                this.airValveBackObj = {};
+                this.waterValveObj = {};
+                this.startControlObj = {};
+                this.runStatusObj = {};
+                this.airSupplyObj = {};
+                this.pressureObj = {};
+                this.automaticObj = {};
+                this.backAirObj = {};
+                this.faultAlarmObj = {};
+                this.waterSupplyObj = {};
+              }
+              // 成功时解析 Promise
+              resolve(res);
+            })
+            .catch((error) => {
+              // 失败时拒绝 Promise
+              reject(error);
+            });
+        });
+      }
+    },
+    // 处理输入事件，过滤非数字字符
+    handleInput(item) {
+      console.log("校验");
+      // 实时校验并过滤非数字字符
+      item.collectValue = String(item.collectValue).replace(/[^\d]/g, "");
+    },
+    // 失去焦点
+    handleBlur() {
+      // this.currentFocusIndex = "";
+    },
+    handleEnter(item, event, unit) {
+      console.log("请求后端");
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      if (item.collectValue == "") {
+        this.$message.error("请输入值");
+        return; // 确保后续代码不执行
+      }
+      this.$confirm(
+        `确定要修改"${item.collectName}"为:${item.collectValue} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.hadleOperationConrol(item.id, item.collectValue);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          // this.$emit("upList");
+        });
+    },
+    // 手自动切换
+    handleAutomaticText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "手动" : "自动 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    //启停控制/手动控制
+    handleControlText(item) {
+      this.$confirm(
+        `确定要切换设备的状态为:${item.collectValue ? "开启" : "停止 吗?"}`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let param = null;
+          if (item.collectValue) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.hadleOperationConrol(item.id, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.collectValue = !item.collectValue;
+          console.log("不请求后台");
+        });
+    },
+    // 操作
+    hadleOperationConrol(id, param) {
+      let data = {
+        id: id,
+        param: param,
+      };
+      console.log("操作参数", data);
+      operationConrol([data])
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getWindList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 5000);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getWindList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getWindList();
+        });
+    },
+    // 打开定时开关弹框
+    openTimeSwitch() {
+      this.isOpenTimeSwitch = true;
+      this.getPolicyList();
+    },
+    // 请求列表
+    getPolicyList() {
+      return new Promise((resolve, reject) => {
+        let data = {
+          systemType: "2",
+          funPolicyType: "3",
+          houseId: this.currentId,
+        };
+        timeList(data)
+          .then((res) => {
+            console.log("设备定时开关返回res", res);
+            if (res.code === 200) {
+              let handleList = res.rows;
+              this.delayList = [];
+              handleList.forEach((element, index) => {
+                if (element.values && element.values.length > 0) {
+                  // 初始化一个空对象来存储非蝶阀处理后的结果
+                  let delayItem = {
+                    name: element.name,
+                  };
+                  const limitedChildren = element.values;
+                  limitedChildren.forEach((child) => {
+                    // console.log("定时${index}开_时", `定时${index}开_时`);
+                    // console.log("child.pointName", child.pointName);
+                    if (child.pointName) {
+                      // 定时开机-小时
+                      if (child.pointName.includes("开_时")) {
+                        // console.log("定时开机-时·························");
+                        delayItem.delayOpenHour = child.curValue;
+                        delayItem.delayOpenHourId = child.id;
+                      }
+                      //   定时开机-分钟
+                      else if (child.pointName.includes("开_分")) {
+                        delayItem.delayOpenMinute = child.curValue;
+                        delayItem.delayOpenMinuteId = child.id;
+                      }
+                      // 定时关机-小时
+                      else if (child.pointName.includes("关_时")) {
+                        delayItem.delayCloseHour = child.curValue;
+                        delayItem.delayCloseHourId = child.id;
+                      }
+                      //   定时关机-分钟
+                      else if (child.pointName.includes("关_分")) {
+                        delayItem.delayCloseMinute = child.curValue;
+                        delayItem.delayCloseMinuteId = child.id;
+                      }
+                      // 启动状态
+                      else if (child.pointName.includes(`启动标志`)) {
+                        delayItem.delayStatus =
+                          Number(child.curValue) == 0 ? false : true;
+                        delayItem.delayStatusId = child.id;
+                      }
+                    }
+                  });
+                  // 将处理后的对象添加到 delayList 中
+                  if (Object.keys(delayItem).length > 1) {
+                    this.delayList.push(delayItem);
+                  }
+                }
+              });
+              console.log("处理后的数组", this.delayList);
+              //   this.delayList = res.rows;
+            } else {
+              this.delayList = [];
+            }
+            // 成功时解析 Promise
+            resolve(res);
+          })
+          .catch((error) => {
+            // 失败时拒绝 Promise
+            reject(error);
+          });
+      });
+    },
+    // 处理输入事件，过滤非数字字符
+    handleSwitchInput(item, propertyName, name) {
+      console.log("校验", item[propertyName]);
+      // 如果值为空，不进行后续校验
+      if (item[propertyName] === "") {
+        return;
+      }
+      let isValid = true;
+      // 实时校验并过滤非数字字符
+      let inputValue = String(item[propertyName]).replace(/[^\d]/g, "");
+      if (name === "hour") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 23;
+        if (!isValid) {
+          this.$message.error("输入值在0-23区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      } else if (name === "minute") {
+        isValid =
+          !isNaN(inputValue) &&
+          parseInt(inputValue) >= 0 &&
+          parseInt(inputValue) <= 59;
+        if (!isValid) {
+          this.$message.error("输入值在0-59区间，请重新输入");
+          item[propertyName] = "";
+          return;
+        }
+      }
+      item[propertyName] = inputValue;
+    },
+    handleSwitchEnter(item, name, event) {
+      console.log("item", item);
+      console.log("接收到的事件对象:", event);
+      // 阻止事件的默认行为
+      if (event && event.preventDefault) {
+        event.preventDefault();
+      }
+      // 失去焦点
+      event.target.blur();
+      let id = "";
+      let value = "";
+      let title = "";
+      let unit = "";
+      if (name === "openHour") {
+        id = item.delayOpenHourId;
+        value = item.delayOpenHour;
+        title = "定时开机-小时";
+        unit = "时";
+      } else if (name === "openMinute") {
+        id = item.delayOpenMinuteId;
+        value = item.delayOpenMinute;
+        title = "定时开机-分钟";
+        unit = "分";
+      } else if (name === "closeHour") {
+        id = item.delayCloseHourId;
+        value = item.delayCloseHour;
+        title = "定时关机-小时";
+        unit = "时";
+      } else if (name === "closeMinute") {
+        id = item.delayCloseMinuteId;
+        value = item.delayCloseMinute;
+        title = "定时关机-分钟";
+        unit = "分";
+      }
+
+      if (value === "") {
+        this.$message.warning("请输入当前设置值!");
+        return;
+      }
+      console.log("请求后端", item);
+      this.$confirm(
+        `确定要把"${item.name}"的${title}设置为:${value} ${unit}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // console.log("打印id",id)
+          this.handleSwitchOperationConrol(id, value);
+        })
+        .catch(() => {
+          // 用户取消操作，需要更新原来的频率
+          this.getPolicyList();
+        });
+    },
+    handleSwitchOperationConrol(id, param) {
+      let data = {
+        policyId: id,
+        timeValue: param,
+      };
+      console.log("操作参数", data);
+      undateTime(data)
+        .then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("指令下发成功!");
+            // 开启 loading 效果
+            this.loading = true;
+            // 更新所有设备状态;
+            setTimeout(() => {
+              this.getPolicyList().finally(() => {
+                // 关闭 loading 效果
+                this.loading = false;
+              });
+            }, 500);
+          } else {
+            // this.$modal.msgError("操作失败");
+            console.log("应该更新状态的");
+            // 更新所有设备状态;
+            this.getPolicyList();
+          }
+        })
+        .catch((error) => {
+          console.log("请求发生错误，更新设备状态", error);
+          // 更新所有设备状态;
+          this.getPolicyList();
+        });
+    },
+    // 启用状态
+    handleSwitchStatus(item) {
+      this.$confirm(
+        `确定要切换"${item.name}"的状态为:${
+          item.delayStatus ? "开启" : "停用 吗?"
+        }`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 这里调用请求函数
+          console.log("请求后台", item.delayStatus);
+          let param = null;
+          if (item.delayStatus) {
+            param = 1;
+          } else {
+            param = 0;
+          }
+          this.handleSwitchOperationConrol(item.delayStatusId, param);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复开关状态
+          item.delayStatus = !item.delayStatus;
+          console.log("不请求后台");
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.buildingDiv {
+  padding-left: 54px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 20px;
+  position: relative;
+  .title-bg {
+    width: 208px;
+    height: 38px;
+    position: absolute;
+    left: 0;
+    z-index: 0;
+  }
+  .title-word {
+    z-index: 10;
+    font-family: YouSheBiaoTiHei;
+    font-size: 24px;
+    color: #ffffff;
+    white-space: nowrap;
+  }
+}
+.mostDiv {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.windC {
+  width: 13rem;
+  height: 5.38rem;
+  position: relative;
+  .menu-title {
+    color: #e1f4ff;
+    font-size: 0.18rem;
+    --bRadius: 0.05rem;
+    text-align: center;
+    position: absolute;
+    top: 0;
+    right: 0.5rem;
+    width: 1.25rem;
+    cursor: pointer;
+    z-index: 9;
+    div {
+      position: relative;
+      text-align: center;
+      border-radius: var(--bRadius);
+      transition: all 0.3s;
+      padding: 0.01rem 0.02rem;
+      background-color: rgba(85, 139, 211, 0.2);
+      cursor: pointer;
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        top: -10px;
+        left: -10px;
+        right: -10px;
+        bottom: -10px;
+        border: 2px solid #46b2f1;
+        transition: all 0.5s;
+        border-radius: var(--bRadius);
+        animation: clippath 3s infinite linear;
+        cursor: pointer;
+      }
+      &::after {
+        animation: clippath 3s infinite -1.5s linear;
+      }
+      @keyframes clippath {
+        0%,
+        100% {
+          clip-path: inset(0 0 98% 0);
+        }
+        25% {
+          clip-path: inset(0 98% 0 0);
+        }
+        50% {
+          clip-path: inset(98% 0 0 0);
+        }
+        75% {
+          clip-path: inset(0 0 0 98%);
+        }
+      }
+    }
+  }
+  .wind-img {
+    width: 13.1rem;
+    height: 5.5rem;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+  }
+  .wind-tem1 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 0.3rem;
+    left: 7.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .wind-tem2 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 1.7rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .fan-frequency {
+    z-index: 10;
+    position: absolute;
+    top: 1.7rem;
+    left: 8.5rem;
+    width: 1.3rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-bottom: 0.15rem;
+    }
+  }
+  .fan-satatus1 {
+    position: absolute;
+    top: 4.5rem;
+    left: 8.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus2 {
+    position: absolute;
+    top: 5.5rem;
+    left: 6rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .fan-satatus3 {
+    position: absolute;
+    top: 1.7rem;
+    left: 8.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    .context-li {
+      z-index: 10;
+      // width: 2rem;
+      margin-bottom: 0.1rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .goodStautus {
+    color: rgb(57, 248, 51);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .goodStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(57, 248, 51);
+  }
+  .badStautus {
+    color: rgb(248, 48, 41);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    animation: blink 1s infinite;
+  }
+  .badStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(248, 48, 41);
+    animation: blink 1s infinite;
+  }
+  .noneStautus {
+    color: rgb(194, 191, 191);
+    font-size: 0.18rem;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .noneStautus::before {
+    content: "";
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.1rem;
+    margin-right: 0.1rem;
+    border-radius: 50%;
+    background-color: rgb(194, 191, 191);
+  }
+  /* 定义灯闪烁的动画 */
+  @keyframes blink {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.7;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  .wind-valve {
+    z-index: 10;
+    position: absolute;
+    top: 4.6rem;
+    left: 3rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-valve2 {
+    z-index: 10;
+    position: absolute;
+    top: 5rem;
+    left: 3rem;
+    width: 2rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      margin-right: 0.1rem;
+      white-space: nowrap;
+    }
+  }
+  .windMove {
+    width: 0.72rem;
+    height: 0.73rem;
+    position: absolute;
+    top: 3.23rem;
+    right: 3.81rem;
+    z-index: 10;
+  }
+  .tunCircle {
+    /* 应用动画 */
+    animation: rotate 2s linear infinite;
+  } /* 定义旋转动画 */
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .arrow-flex {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 3.2rem;
+    left: -0.1rem;
+  }
+  .arrow-flex2 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 3.2rem;
+    right: 0.6rem;
+  }
+  .arrow-flex3 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    position: absolute;
+    top: 0.6rem;
+    right: 6rem;
+    transform: rotateY(180deg);
+  }
+  .wind-arrow {
+    width: 0.4rem;
+    height: 0.6rem;
+    margin-right: 0.15rem;
+    animation: moveArrow 2s linear infinite;
+  }
+  /* 定义每个箭头的透明度 */
+  .wind-arrow:nth-child(1) {
+    opacity: 1;
+  }
+
+  .wind-arrow:nth-child(2) {
+    opacity: 0.6;
+  }
+
+  .wind-arrow:nth-child(3) {
+    opacity: 0.4;
+  }
+  .wind-arrow:nth-child(4) {
+    opacity: 0.2;
+  }
+
+  /* 定义箭头移动的动画 */
+  @keyframes moveArrow {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(0.2rem);
+      /* 箭头向右移动的距离 */
+    }
+  }
+}
+.device-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 530px;
+  background-color: #142c4e;
+  padding: 10px 10px 30px 10px;
+  border-radius: 10px;
+  font-size: 14px;
+  .device-li {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 12px 0;
+    color: #abcdfc;
+    border-bottom: 1px dashed #0349ac;
+    .device-name {
+      flex: 1;
+      white-space: nowrap;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      flex-wrap: nowrap;
+      padding: 0 5px;
+      .el-form-item {
+        margin-bottom: 0 !important;
+      }
+      .slip {
+        margin: 0 5px;
+        color: #1282d8;
+        font-weight: bold;
+      }
+    }
+  }
+  .device-li:nth-child(1) {
+    color: #9ca3af;
+  }
+}
+.highlight {
+  background-color: #003863 !important; /* 定义高亮的背景颜色 */
+  color: #ffffff !important;
+  font-weight: bold;
+}
+.device-container .highlight .device-name .slip {
+  color: #ffffff !important;
+  font-weight: bold;
+}
+/* 为高亮行添加图片箭头 */
+.device-li.highlight::before {
+  content: "";
+  background-image: url("../../../../assets/images/step.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  left: 2px; /* 图片位置，根据实际情况调整 */
+  top: 20%;
+  transform: translateY(-50%);
+  z-index: 999;
+  animation: moveRight 1s ease-in-out infinite alternate;
+}
+@keyframes moveRight {
+  0% {
+    transform: translateX(0); /* 初始位置，不移动 */
+  }
+  100% {
+    transform: translateX(0.04rem); /* 向右移动 1rem 的距离 */
+  }
+}
+
+/* 确保 device-li 有相对定位 */
+.device-li {
+  position: relative;
+}
+// 媒体查询，适配大于2000px分辨率的大屏样式
+@media (min-width: 2000px) {
+  .device-container {
+    min-height: 7rem !important;
+    padding: 0.1rem 0.1rem 0.3rem 0.1rem !important;
+    border-radius: 0.1rem !important;
+    font-size: 0.14rem !important;
+    .device-li {
+      padding: 0.12rem 0 !important;
+      .device-name {
+        .slip {
+          margin: 0 0.05rem !important;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 1360px) and (max-width: 1680px) {
+  .windC {
+    transform: scale(0.9);
+  }
+}
+@media (min-width: 1160px) and (max-width: 1360px) {
+  .windC {
+    transform: scale(0.8);
+  }
+}
+@media (min-width: 990px) and (max-width: 1160px) {
+  .windC {
+    transform: scale(0.7);
+  }
+}
+// 手机端样式
+@media (min-width: 0px) and (max-width: 990px) {
+  .right-monitor {
+    width: calc(100% - 210px) !important;
+  }
+  .buildingDiv {
+    padding-left: 0.54rem !important;
+    margin-bottom: 0.2rem !important;
+    .title-bg {
+      width: 2.08rem !important;
+      height: 0.38rem !important;
+    }
+    .title-word {
+      font-size: 15px !important;
+    }
+  }
+}
+</style>
+<style scoped>
+.windC >>> .el-input__inner {
+  background-color: #04193a;
+  border: 1px solid #1262db;
+  color: #3ef0fd;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 0.1rem !important;
+  font-size: 0.18rem !important;
+}
+.windC >>> .el-input__prefix {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.windC >>> .svg-icon {
+  width: 0.2rem !important;
+  height: 0.2rem !important;
+  fill: #ffffff !important;
+}
+.windC >>> .el-form-item {
+  margin-bottom: 0 !important;
+}
+.windC >>> .el-form-item--medium .el-form-item__content {
+  line-height: 0 !important;
+}
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .windC >>> .el-input--mini .el-input__inner {
+    height: 0.28rem !important;
+    line-height: 0.28rem !important;
+    padding: 0.2rem 0.1rem !important;
+  }
+  .windC >>> .el-switch {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label {
+    height: 0.2rem !important;
+    line-height: 0.2rem !important;
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__label * {
+    font-size: 0.18rem !important;
+  }
+  .windC >>> .el-switch__core {
+    width: 0.4rem !important;
+    height: 0.2rem !important;
+    border-radius: 0.1rem !important;
+  }
+  .windC >>> .el-switch__core:after {
+    width: 0.16rem !important;
+    height: 0.16rem !important;
+  }
+  .windC >>> .el-switch.is-checked .el-switch__core::after {
+    margin-left: -0.17rem !important;
+  }
+  .custom-dialog >>> .el-dialog {
+    width: 550px !important;
+  }
+  .custom-dialog >>> .el-dialog__title {
+    width: 224px !important;
+    height: 35px !important;
+    font-size: 18px !important;
+    line-height: 20px !important;
+  }
+  .custom-dialog >>> .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+  .device-li .device-name {
+    font-size: 12px !important;
+  }
+  .device-container .device-li {
+    padding: 10px 0 !important;
+  }
+  .device-li .device-name .el-input {
+    width: 50px !important;
+  }
+  .device-li.highlight::before {
+    left: -5px !important;
+    width: 20px !important;
+    height: 20px !important;
+    top: 30% !important;
+  }
+  .custom-dialog >>> .el-switch__label * {
+    font-size: 12px !important;
+  }
+  .custom-dialog >>> .el-switch__core {
+    width: 37px !important;
+    height: 17px !important;
+  }
+  .custom-dialog >>> .el-switch__core:after {
+    width: 13px !important;
+    height: 13px !important;
+  }
+  .custom-dialog >>> .el-form-item {
+    margin-bottom: 0 !important;
+  }
+  .custom-dialog >>> .el-form-item--medium .el-form-item__content {
+    line-height: 0 !important;
+  }
+}
+</style>