diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index c27719a..4a96aed 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -775,3 +775,10 @@ table th {
     }
   }
 }
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .app-main {
+    height: 100% !important;
+    overflow-y: hidden !important;
+  }
+}
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 882a08b..a2fdcd1 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -90,6 +90,35 @@ const permission = {
             // console.log("不满足条件");
           }
 
+          // 风柜
+          const result2 = sidebarRoutes.find(
+            (item) => item.name === "AircAndWindc"
+          );
+          if (result2) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes2 = [
+              {
+                path: "/asSysMonitorDetails",
+                name: "asSysMonitorDetails",
+                hidden: true,
+                component: () =>
+                  import(
+                    "@/views/aircAndWindc/awSysMonitor/asSysMonitorDetails"
+                  ),
+                meta: { title: "系统监控", icon: "screen" },
+              },
+              // 可以继续添加更多路由对象
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes2.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
           commit("SET_ROUTES", rewriteRoutes);
           commit("SET_SIDEBAR_ROUTERS", constantRoutes.concat(sidebarRoutes));
           commit("SET_DEFAULT_ROUTES", sidebarRoutes);
diff --git a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
new file mode 100644
index 0000000..38a7517
--- /dev/null
+++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
@@ -0,0 +1,2110 @@
+<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/fenggui.png"
+              alt=""
+            />
+            <!-- 风扇定位 -->
+            <img
+              class="windMove"
+              :class="{ tunCircle: runStatusObj.collectValue }"
+              src="../../../assets/images/fengshan.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=""
+              />
+              <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>
+              <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() {
+      this.$router.back();
+    },
+    // 监测天数
+    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.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);
+      /* 箭头向右移动的距离 */
+    }
+  }
+}
+.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/index copy.vue
new file mode 100644
index 0000000..918e631
--- /dev/null
+++ b/src/views/aircAndWindc/awSysMonitor/index copy.vue	
@@ -0,0 +1,1840 @@
+<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>
+    <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-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=""
+            />
+            <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>
+            <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>
+</template>
+
+<script>
+import { spaceTree } from "@/api/region";
+import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
+import { operationConrol } from "@/api/hotWater/waterControl";
+export default {
+  data() {
+    return {
+      loading: false,
+      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: "",
+    };
+  },
+  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();
+  },
+  methods: {
+    // 判断对象是否有效（不为空且不为 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>
+.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);
+      /* 箭头向右移动的距离 */
+    }
+  }
+}
+.app-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: stretch;
+  height: 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 .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.vue b/src/views/aircAndWindc/awSysMonitor/index.vue
index e677c8e..562b546 100644
--- a/src/views/aircAndWindc/awSysMonitor/index.vue
+++ b/src/views/aircAndWindc/awSysMonitor/index.vue
@@ -1,1682 +1,20 @@
 <template>
-  <div class="app-container">
-    <div class="left-tree">
-      <!-- 为 el-tree 设置一个固定的高度和滚动条 -->
-      <div style="height: 7rem; overflow-y: auto">
-        <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/fenggui.png"
-            alt=""
-          />
-          <!-- 风扇定位 -->
-          <img
-            class="windMove"
-            :class="{ tunCircle: runStatusObj.collectValue }"
-            src="../../../assets/images/fengshan.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=""
-            />
-            <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-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>
-          </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>
-            <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-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>
-            </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"
-    >
-      <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-input
-                size="mini"
-                v-model="item.delayOpenHour"
-                @keyup.enter.native="
-                  handleSwitchEnter(item, 'openHour', $event)
-                "
-                @input="handleSwitchInput(item, 'delayOpenHour', 'hour')"
-              ></el-input>
-              <div class="slip">:</div>
-              <el-input
-                size="mini"
-                v-model="item.delayOpenMinute"
-                @keyup.enter.native="
-                  handleSwitchEnter(item, 'openMinute', $event)
-                "
-                @input="handleSwitchInput(item, 'delayOpenMinute', 'minute')"
-              ></el-input>
-            </div>
-            <div class="device-name">
-              <el-input
-                size="mini"
-                v-model="item.delayCloseHour"
-                @keyup.enter.native="
-                  handleSwitchEnter(item, 'closeHour', $event)
-                "
-                @input="handleSwitchInput(item, 'delayCloseHour', 'hour')"
-              ></el-input>
-              <div class="slip">:</div>
-              <el-input
-                size="mini"
-                v-model="item.delayCloseMinute"
-                @keyup.enter.native="
-                  handleSwitchEnter(item, 'closeMinute', $event)
-                "
-                @input="handleSwitchInput(item, 'delayCloseMinute', 'minute')"
-              ></el-input>
-            </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></div>
 </template>
 
 <script>
-import { spaceTree } from "@/api/region";
-import { windList, timeList, undateTime } from "@/api/aircAndWindc/index";
-import { operationConrol } from "@/api/hotWater/waterControl";
 export default {
-  data() {
-    return {
-      loading: false,
-      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: "",
-    };
-  },
-  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.toPage();
   },
   methods: {
-    // 判断对象是否有效（不为空且不为 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("请求后端");
-      // 失去焦点
-      event.target.blur();
-      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)
-      // 失去焦点
-      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("不请求后台");
-        });
+    toPage() {
+      console.log("需要跳转的")
+      // 跳转到展示
+      this.$router.push("/asSysMonitorDetails")
     },
   },
 };
 </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: 999;
-    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);
-      /* 箭头向右移动的距离 */
-    }
-  }
-}
-.app-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: stretch;
-  height: 100%;
-  .left-tree {
-    width: 256px;
-    padding: 15px 10px 10px 10px;
-    border: 1px solid #004b8c;
-    .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);
-  }
-}
-</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;
-}
-</style>
+<style></style>
\ No newline at end of file
diff --git a/src/views/centerairC/sysMonitor/hostDetails.vue b/src/views/centerairC/sysMonitor/hostDetails.vue
index fb4d891..3abb38a 100644
--- a/src/views/centerairC/sysMonitor/hostDetails.vue
+++ b/src/views/centerairC/sysMonitor/hostDetails.vue
@@ -155,7 +155,14 @@
               <div class="rightDot">
                 <div class="leftDot">
                   <span>{{ item.otherName }}:</span>
-                  <span class="dotData">{{ item.curValue }}</span>
+                  <span
+                    :class="{
+                      dotData: !isSpecialValue(item.curValue),
+                      goodData: isSpecialValue(item.curValue),
+                      badData: item.curValue === '故障',
+                    }"
+                    >{{ item.curValue }}</span
+                  >
                   <span>{{ item.unit }}</span>
                 </div>
               </div>
@@ -179,7 +186,14 @@
               <div class="rightDot">
                 <div class="leftDot">
                   <span>{{ subItem.otherName }}:</span>
-                  <span class="dotData">{{ subItem.curValue }}</span>
+                  <span
+                    :class="{
+                      dotData: !isSpecialValue(subItem.curValue),
+                      goodData: isSpecialValue(subItem.curValue),
+                      badData: subItem.curValue === '故障',
+                    }"
+                    >{{ subItem.curValue }}</span
+                  >
                   <span>{{ subItem.unit }}</span>
                 </div>
               </div>
@@ -639,6 +653,11 @@ export default {
       this.exitFullscreen();
       this.$router.push("/alarm/alarmRecord");
     },
+    // 判断 curValue 是否为特定值
+    isSpecialValue(value) {
+      const specialValues = ["运行", "启动", "正常"];
+      return specialValues.includes(value);
+    },
   },
 };
 </script>
@@ -868,33 +887,6 @@ export default {
               white-space: nowrap;
             }
           }
-          .dotData {
-            font-weight: bold;
-            margin: 0 0.06rem;
-            color: #3b80ff;
-            display: flex;
-            align-items: center;
-          }
-          .goodData {
-            font-weight: bold;
-            margin: 0 0.06rem;
-            color: #3df574;
-          }
-          .badData {
-            font-weight: bold;
-            margin: 0 0.06rem;
-            color: #cf3607;
-          }
-          .automaticData {
-            font-weight: bold;
-            margin: 0 0.06rem;
-            color: #da7b10;
-          }
-          .timeData {
-            font-weight: bold;
-            margin: 0 0.06rem;
-            color: #1df3e8;
-          }
         }
         .water-flow3 {
           z-index: 10;
@@ -1210,4 +1202,31 @@ export default {
 .timeStyle {
   color: #ffffff !important;
 }
+.dotData {
+  font-weight: bold;
+  margin: 0 0.06rem;
+  color: #3b80ff;
+  display: flex;
+  align-items: center;
+}
+.goodData {
+  font-weight: bold;
+  margin: 0 0.06rem;
+  color: #3df574;
+}
+.badData {
+  font-weight: bold;
+  margin: 0 0.06rem;
+  color: #cf3607;
+}
+.automaticData {
+  font-weight: bold;
+  margin: 0 0.06rem;
+  color: #da7b10;
+}
+.timeData {
+  font-weight: bold;
+  margin: 0 0.06rem;
+  color: #1df3e8;
+}
 </style>
diff --git a/src/views/centerairC/sysMonitor/monitorCenter.vue b/src/views/centerairC/sysMonitor/monitorCenter.vue
index 49fc345..eab299f 100644
--- a/src/views/centerairC/sysMonitor/monitorCenter.vue
+++ b/src/views/centerairC/sysMonitor/monitorCenter.vue
@@ -145,10 +145,10 @@
         <img class="step" src="../../../assets/images/step.png" alt="" />
         <div class="tips-text">{{ startOrStopStatus }}</div>
       </div>
-      <div class="funtion-menu1" @click="goPerformance">
+      <!-- <div class="funtion-menu1" @click="goPerformance">
         <div class="menu-title"><div>冷机性能统计</div></div>
         <img class="ditu" src="../../../assets/images/di.png" />
-      </div>
+      </div> -->
       <div class="funtion-menu1 menu2" @click="goControl">
         <div class="menu-title"><div>系统控制</div></div>
         <img class="ditu" src="../../../assets/images/di.png" />
diff --git a/src/views/centerairC/temHistoryQuery/index.vue b/src/views/centerairC/temHistoryQuery/index.vue
index 211da8f..2f8394e 100644
--- a/src/views/centerairC/temHistoryQuery/index.vue
+++ b/src/views/centerairC/temHistoryQuery/index.vue
@@ -28,6 +28,15 @@
             >搜索</el-button
           >
         </div>
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
         <div class="cancel-btn">
           <el-button
             type="cancel"
@@ -39,20 +48,6 @@
         </div>
       </div>
     </div>
-
-    <el-row :gutter="10" class="mb8">
-      <!-- <el-col :span="1.5">
-        <div class="warning-btn" v-hasPermi="['system:post:export']">
-          <el-button
-            type="warning"
-            icon="el-icon-download"
-            size="mini"
-            @click="handleExport"
-            >导出</el-button
-          >
-        </div>
-      </el-col> -->
-    </el-row>
     <div class="charts" ref="chart_ref"></div>
     <el-table
       v-loading="loading"
@@ -239,12 +234,49 @@ export default {
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download(
-        "device/gateway/export",
-        {
-          ...this.queryParams,
-        },
-        `post_${new Date().getTime()}.xlsx`
+      this.queryParams.pageNum = 1;
+      this.queryParams.pageSize = 32;
+      this.queryParams.startTime = this.queryParams.endTime = this.monthValue;
+      console.log("参数", this.queryParams);
+      weatherTempData(this.queryParams).then((response) => {
+        if (response.code == 200) {
+          import("@/assets/excel/Export2Excel").then((excel) => {
+            var tHeader = ["日期", "最高气温", "最低气温", "天气", "风向"]; // 导出的excel表头名信息 改参数
+            var filterVal = [
+              "dateAndWeek",
+              "maxTemp",
+              "minTemp",
+              "weatherConditions",
+              "windDirection",
+            ];
+            const data = this.formatJson(filterVal, response.rows);
+            const autoWidth = true;
+            excel.export_json_to_excel({
+              header: tHeader, //表头
+              data, //数据
+              filename: "历史天气报表", //名称
+              autoWidth: true, //宽度自适应
+            });
+            this.$message({
+              type: "success",
+              message: "导出成功!",
+            });
+          });
+        } else {
+          this.$message.error("导出失败!");
+        }
+      });
+    },
+    //格式转换,不需要改动
+    formatJson(filterVal, jsonData) {
+      return jsonData.map((v) =>
+        filterVal.map((j) => {
+          if (j === "installDate") {
+            return format(v[j]);
+          } else {
+            return v[j];
+          }
+        })
       );
     },
     // 折线图自适应+ 根据按钮切换图例仅限一条且不可点击+ 折线图数据
@@ -294,7 +326,7 @@ export default {
             // interval: 0, //强制显示所有x轴数据
             // rotate: 30, //x轴坐标字体倾斜30度
             color: "rgba(255, 255, 255, 1)",
-            fontSize: titleFontSize,  //x轴文字大小
+            fontSize: titleFontSize, //x轴文字大小
           },
           axisTick: {
             show: false, // 不显示坐标轴刻度线
@@ -319,14 +351,14 @@ export default {
           // 设置 name 的样式
           nameTextStyle: {
             color: "rgba(255, 255, 255, 1)",
-            fontSize: 12,  //y轴单位文字大小 
+            fontSize: 12, //y轴单位文字大小
           },
           miniInterval: 5,
           type: "value",
           // 修饰刻度标签的颜色即y坐标数据
           axisLabel: {
             color: "rgba(255, 255, 255, 1)",
-            fontSize: titleFontSize,  //x轴文字大小
+            fontSize: titleFontSize, //x轴文字大小
           },
           // 显示y坐标轴
           axisLine: {
diff --git a/src/views/hotWater/dataAnalysis/components/analyzeMonth.vue b/src/views/hotWater/dataAnalysis/components/analyzeMonth.vue
index 3b463c2..ab90e2a 100644
--- a/src/views/hotWater/dataAnalysis/components/analyzeMonth.vue
+++ b/src/views/hotWater/dataAnalysis/components/analyzeMonth.vue
@@ -153,8 +153,10 @@ export default {
   },
   methods: {
     tableRowStyle({ row, column, rowIndex, columnIndex }) {
+      // console.log("row",row)
+      // console.log("column",column)
       // 如果第1列，修改颜色
-      if (columnIndex === 0) {
+      if (columnIndex === 0 || column.label === '合计') {
         return "background-color:rgb(11 ,100, 201) !important;";
       }
     },
@@ -293,6 +295,15 @@ export default {
           // console.log("Min2", Min2);
           // console.log("Max1", Max1);
           // console.log("Max2", Max2);
+          // 处理y轴文字+单位
+          var yAxisUnit = "";
+          if (this.chType === 1) {
+            yAxisUnit = "吨";
+          } else if (this.chType === 2) {
+            yAxisUnit = "度";
+          } else if (this.chType === 3) {
+            yAxisUnit = "度/吨";
+          }
           this.chartInstance1 = echarts.init(this.$refs.findwater_ref);
           const adapterOption = {
             legend: {
@@ -308,12 +319,24 @@ export default {
                 max: Max1,
                 splitNumber: 10,
                 interval: (Max1 - Min1) / 10,
+                name: yAxisUnit,
+                // 设置 name 的样式
+                nameTextStyle: {
+                  color: "rgba(255, 255, 255, 1)",
+                  fontSize: 12,
+                },
               },
               {
                 min: Min2,
                 max: Max2,
                 splitNumber: 10,
                 interval: (Max2 - Min2) / 10,
+                name: "%",
+                // 设置 name 的样式
+                nameTextStyle: {
+                  color: "rgba(255, 255, 255, 1)",
+                  fontSize: 12,
+                },
               },
             ],
             series: [
@@ -522,6 +545,62 @@ export default {
               width: "1",
             },
           },
+          // 自定义 tooltip 内容
+          formatter: function (params) {
+            var res = params[0].name + "<br/>";
+            for (var i = 0, l = params.length; i < l; i++) {
+              var seriesName = params[i].seriesName;
+              var value = params[i].value;
+              // console.log("打印颜色", params[i].color.colorStops[0].color)
+              var marker =
+                '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' +
+                params[i].color.colorStops[0].color +
+                '"></span>';
+              // 根据不同的seriesName 返回不同的单位
+              if (seriesName.includes("用水量")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "吨" +
+                  "</span><br>";
+              } else if (seriesName.includes("用电量")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "度" +
+                  "</span><br>";
+              } else if (seriesName.includes("单耗")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "度/吨" +
+                  "</span><br>";
+              } else {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "%" +
+                  "</span><br>";
+              }
+            }
+            return res;
+          },
         },
         legend: {
           // 折柱混合的图表，不显示icon，图例就可以根据不同的类型不同
@@ -531,7 +610,7 @@ export default {
             color: "#ffff",
             fontSize: 12, //这里改字体大小
           },
-          left: "56%",
+          left: "center",
           top: "5%",
           //图例距离饼图的距离
           itemGap: 5,
@@ -638,10 +717,27 @@ export default {
             // },
             //折线颜色
             itemStyle: {
-              color: "#db9215",
-              lineStyle: {
-                color: "#db9215", //折线的颜色
+              color: "#0b75d3",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "rgba(1, 102, 251, 1)", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(1, 102, 251, 0)", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0], // 分别对应左上、右上、右下、左下的圆角半径
             },
           },
           {
@@ -654,10 +750,27 @@ export default {
             barWidth: 10, // 柱子宽度
             //折线颜色
             itemStyle: {
-              color: "#1ab395",
-              lineStyle: {
-                color: "#1ab395", //折线的颜色
+              color: "#0b75d3",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "rgba(0, 224, 225, 1)", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(0, 224, 225, 0)", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0],
             },
           },
           {
@@ -677,10 +790,27 @@ export default {
             // data: this.data3,
             //折线颜色
             itemStyle: {
-              color: "#e23131",
-              lineStyle: {
-                color: "#e23131", //折线的颜色
+              color: "#db9215",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "#db9215", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "#db9215", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0], // 分别对应左上、右上、右下、左下的圆角半径
             },
           },
           {
@@ -701,9 +831,27 @@ export default {
             // data: this.data4,
             //折线颜色
             itemStyle: {
-              color: "#4a98ff",
+              color: "#EE5217", //折线点的颜色
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "#EE5217", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "#EE5217", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
+              },
               lineStyle: {
-                color: "#4a98ff", //折线的颜色
+                color: "#EE5217", //折线的颜色
               },
             },
           },
diff --git a/src/views/hotWater/dataAnalysis/components/analyzeYear.vue b/src/views/hotWater/dataAnalysis/components/analyzeYear.vue
index b39a866..eaca2a1 100644
--- a/src/views/hotWater/dataAnalysis/components/analyzeYear.vue
+++ b/src/views/hotWater/dataAnalysis/components/analyzeYear.vue
@@ -120,7 +120,7 @@ export default {
   methods: {
     tableRowStyle({ row, column, rowIndex, columnIndex }) {
       // 如果第1列，修改颜色
-      if (columnIndex === 0) {
+      if (columnIndex === 0 || column.label === "合计") {
         return "background-color:rgb(11 ,100, 201) !important;";
       }
     },
@@ -240,6 +240,15 @@ export default {
           // console.log("Min2", Min2);
           // console.log("Max1", Max1);
           // console.log("Max2", Max2);
+          // 处理y轴文字+单位
+          var yAxisUnit = "";
+          if (this.chType === 1) {
+            yAxisUnit = "吨";
+          } else if (this.chType === 2) {
+            yAxisUnit = "度";
+          } else if (this.chType === 3) {
+            yAxisUnit = "度/吨";
+          }
           this.chartInstance1 = echarts.init(this.$refs.findwater_ref);
           const adapterOption = {
             legend: {
@@ -255,12 +264,24 @@ export default {
                 max: Max1,
                 splitNumber: 10,
                 interval: (Max1 - Min1) / 10,
+                name: yAxisUnit,
+                // 设置 name 的样式
+                nameTextStyle: {
+                  color: "rgba(255, 255, 255, 1)",
+                  fontSize: 12,
+                },
               },
               {
                 min: Min2,
                 max: Max2,
                 splitNumber: 10,
                 interval: (Max2 - Min2) / 10,
+                name: "%",
+                // 设置 name 的样式
+                nameTextStyle: {
+                  color: "rgba(255, 255, 255, 1)",
+                  fontSize: 12,
+                },
               },
             ],
             series: [
@@ -431,6 +452,62 @@ export default {
               width: "1",
             },
           },
+          // 自定义 tooltip 内容
+          formatter: function (params) {
+            var res = params[0].name + "<br/>";
+            for (var i = 0, l = params.length; i < l; i++) {
+              var seriesName = params[i].seriesName;
+              var value = params[i].value;
+              // console.log("打印颜色", params[i].color.colorStops[0].color)
+              var marker =
+                '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' +
+                params[i].color.colorStops[0].color +
+                '"></span>';
+              // 根据不同的seriesName 返回不同的单位
+              if (seriesName.includes("用水量")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "吨" +
+                  "</span><br>";
+              } else if (seriesName.includes("用电量")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "度" +
+                  "</span><br>";
+              } else if (seriesName.includes("单耗")) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "度/吨" +
+                  "</span><br>";
+              } else {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  " " +
+                  "%" +
+                  "</span><br>";
+              }
+            }
+            return res;
+          },
         },
         legend: {
           // 折柱混合的图表，不显示icon，图例就可以根据不同的类型不同
@@ -440,7 +517,7 @@ export default {
             color: "#ffff",
             fontSize: 12, //这里改字体大小
           },
-          left: "56%",
+          left: "center",
           top: "5%",
           //图例距离饼图的距离
           itemGap: 5,
@@ -542,67 +619,55 @@ export default {
             barWidth: 10, // 柱子宽度
             //折线颜色
             itemStyle: {
-              color: "#db9215",
-              lineStyle: {
-                color: "#db9215", //折线的颜色
+              color: "#0b75d3",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "rgba(1, 102, 251, 1)", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(1, 102, 251, 0)", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0], // 分别对应左上、右上、右下、左下的圆角半径
             },
           },
           {
             type: "bar",
-            // tooltip: {
-            //   valueFormatter: function (value) {
-            //     return value + "吨";
-            //   },
-            // },
-            tooltip: {
-              trigger: "axis",
-              formatter: function (params) {
-                //数据单位格式化
-                var relVal = params[0].name; //x轴名称
-                if (params[0].seriesName == "2022年用水量") {
-                  relVal =
-                    params[0].name +
-                    "<br/>" +
-                    params[0].seriesName +
-                    " : " +
-                    params[0].value +
-                    " 吨";
-                } else if (params[0].seriesName == "用电量") {
-                  relVal =
-                    params[0].name +
-                    "<br/>" +
-                    params[0].seriesName +
-                    " : " +
-                    params[0].value +
-                    " 度";
-                } else if (params[0].seriesName == "耗能") {
-                  relVal =
-                    params[0].name +
-                    "<br/>" +
-                    params[0].seriesName +
-                    " : " +
-                    params[0].value +
-                    " 度/吨";
-                } else {
-                  relVal =
-                    params[0].name +
-                    "<br/>" +
-                    params[0].seriesName +
-                    " : " +
-                    params[0].value +
-                    " 次";
-                }
-                return relVal;
-              },
-            },
             barWidth: 10, // 柱子宽度
             //折线颜色
             itemStyle: {
-              color: "#1ab395",
-              lineStyle: {
-                color: "#1ab395", //折线的颜色
+              color: "#0b75d3",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "rgba(0, 224, 225, 1)", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(0, 224, 225, 0)", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0],
             },
           },
           {
@@ -622,10 +687,27 @@ export default {
             // data: this.data3,
             //折线颜色
             itemStyle: {
-              color: "#e23131",
-              lineStyle: {
-                color: "#e23131", //折线的颜色
+              color: "#db9215",
+              // 使用颜色渐变
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "#db9215", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "#db9215", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
               },
+              borderRadius: [5, 5, 0, 0], // 分别对应左上、右上、右下、左下的圆角半径
             },
           },
           {
@@ -646,9 +728,27 @@ export default {
             // data: this.data4,
             //折线颜色
             itemStyle: {
-              color: "#4a98ff",
+              color: "#EE5217", //折线点的颜色
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "#EE5217", // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "#EE5217", // 结束颜色
+                  },
+                ],
+                global: false, // 缺省为 false
+              },
               lineStyle: {
-                color: "#4a98ff", //折线的颜色
+                color: "#EE5217", //折线的颜色
               },
             },
           },