From 8efdbb0a83553fa6036b80d55389ce0edfbacde3 Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Fri, 19 Sep 2025 13:36:56 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E9=A3=8E=E6=9F=9C=E7=9B=91?=
 =?UTF-8?q?=E6=B5=8B=E7=B3=BB=E7=BB=9F=E6=A0=B7=E5=BC=8F=E3=80=81loading?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=202.=E4=BF=AE=E6=94=B9=E7=94=9F=E6=B4=BB?=
 =?UTF-8?q?=E7=83=AD=E6=B0=B4=E6=89=8B=E6=9C=BA=E7=AB=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../awSysMonitor/asSysMonitorDetails.vue      |  3 +-
 .../awSysMonitor/components/damperMonitor.vue | 39 ++++++------
 .../awSysMonitor/components/normalMonitor.vue | 23 ++++---
 .../waterMonitor/waterMonitorDetails.vue      | 63 ++++++++++++++++++-
 4 files changed, 95 insertions(+), 33 deletions(-)

diff --git a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
index 6cfb410..002374b 100644
--- a/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
+++ b/src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="monitor" v-loading="loading">
+  <div class="monitor">
     <div class="monitor-top">
       <img
         class="title-left"
@@ -101,7 +101,6 @@ export default {
   name: "asSysMonitorDetails",
   data() {
     return {
-      loading: false,
       currentDate: new Date(),
       nowTimer: null,
       isShowWarning: false, //是否有报警
diff --git a/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
index 266c620..1c0d8ae 100644
--- a/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
+++ b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
@@ -117,6 +117,7 @@
           <el-form @submit.native.prevent>
             <el-form-item>
               <el-input
+                style="width: 1.2rem"
                 @keyup.enter.native="handleEnter(damperOneObj, $event, '%')"
                 @input="handleInput(damperOneObj)"
                 @blur="handleBlur()"
@@ -139,6 +140,7 @@
           <el-form @submit.native.prevent>
             <el-form-item>
               <el-input
+                style="width: 1.2rem"
                 @keyup.enter.native="handleEnter(damperTwoObj, $event, '%')"
                 @input="handleInput(damperTwoObj)"
                 @blur="handleBlur()"
@@ -161,6 +163,7 @@
           <el-form @submit.native.prevent>
             <el-form-item>
               <el-input
+                style="width: 1.2rem"
                 @keyup.enter.native="handleEnter(damperTwoObj, $event, '%')"
                 @input="handleInput(damperTwoObj)"
                 @blur="handleBlur()"
@@ -214,6 +217,7 @@
               active-text="开启"
               inactive-text="停止"
               @change="handleControlText(remoteManualObj)"
+              :disabled="automaticObj.collectValue"
             >
             </el-switch>
           </div>
@@ -230,6 +234,7 @@
               active-text="开启"
               inactive-text="停止"
               @change="handleControlText(timeScheduleObj)"
+              :disabled="automaticObj.collectValue"
             >
             </el-switch>
           </div>
@@ -276,8 +281,8 @@
         <div class="fan-satatus1">
           <div class="context-li" v-if="isObjectValid(automaticObj)">
             <div class="wind-text">风机手自动状态:</div>
-            <div class="goodStautus" v-if="automaticObj.collectValue">手动</div>
-            <div class="noneStautus" v-else>自动</div>
+            <div class="noneStautus" v-if="automaticObj.collectValue">手动</div>
+            <div class="goodStautus" v-else>自动</div>
           </div>
           <!-- <div class="context-li" v-if="isObjectValid(startControlObj)">
             <div class="wind-text">风机启停控制</div>
@@ -1160,22 +1165,21 @@ export default {
             this.loading = true;
             // 更新所有设备状态;
             setTimeout(() => {
-              this.getWindList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
+              this.getWindList(this.currentId);
+              // 关闭 loading 效果
+              this.loading = false;
             }, 5000);
           } else {
             // this.$modal.msgError("操作失败");
             console.log("应该更新状态的");
             // 更新所有设备状态;
-            this.getWindList();
+            this.getWindList(this.currentId);
           }
         })
         .catch((error) => {
           console.log("请求发生错误，更新设备状态", error);
           // 更新所有设备状态;
-          this.getWindList();
+          this.getWindList(this.currentId);
         });
     },
     // 打开定时开关弹框
@@ -1362,10 +1366,9 @@ export default {
             this.loading = true;
             // 更新所有设备状态;
             setTimeout(() => {
-              this.getPolicyList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
+              this.getPolicyList();
+              // 关闭 loading 效果
+              this.loading = false;
             }, 500);
           } else {
             // this.$modal.msgError("操作失败");
@@ -1639,10 +1642,10 @@ export default {
   }
   .wind-tem2 {
     z-index: 10;
-    width: 3.7rem;
+    // width: 3.8rem;
     position: absolute;
     top: 2.2rem;
-    right: -1.1rem;
+    left: 10.55rem;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -1658,10 +1661,10 @@ export default {
   }
   .wind-tem3 {
     z-index: 10;
-    width: 3.47rem;
+    // width: 3.57rem;
     position: absolute;
     top: 4.1rem;
-    right: -0.9rem;
+    left: 10.55rem;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -1677,10 +1680,10 @@ export default {
   }
   .wind-tem4 {
     z-index: 10;
-    width: 3.47rem;
+    // width: 3.57rem;
     position: absolute;
     top: 5.9rem;
-    right: -0.9rem;
+    left: 10.55rem;
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue b/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
index e8cc27b..3b9aeb6 100644
--- a/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
+++ b/src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
@@ -166,6 +166,7 @@
               active-text="开启"
               inactive-text="停止"
               @change="handleControlText(startControlObj)"
+              :disabled="automaticObj.collectValue"
             >
             </el-switch>
           </div>
@@ -694,26 +695,25 @@ export default {
         .then((res) => {
           if (res.code == 200) {
             this.$modal.msgSuccess("指令下发成功!");
-            // 开启 loading 效果
-            this.loading = true;
+            // // 开启 loading 效果
+            // this.loading = true;
             // 更新所有设备状态;
             setTimeout(() => {
-              this.getWindList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
+              this.getWindList(this.currentId);
             }, 5000);
+            // // 关闭 loading 效果
+            // this.loading = false;
           } else {
             // this.$modal.msgError("操作失败");
             console.log("应该更新状态的");
             // 更新所有设备状态;
-            this.getWindList();
+            this.getWindList(this.currentId);
           }
         })
         .catch((error) => {
           console.log("请求发生错误，更新设备状态", error);
           // 更新所有设备状态;
-          this.getWindList();
+          this.getWindList(this.currentId);
         });
     },
     // 打开定时开关弹框
@@ -900,10 +900,9 @@ export default {
             this.loading = true;
             // 更新所有设备状态;
             setTimeout(() => {
-              this.getPolicyList().finally(() => {
-                // 关闭 loading 效果
-                this.loading = false;
-              });
+              this.getPolicyList();
+              // 关闭 loading 效果
+              this.loading = false;
             }, 500);
           } else {
             // this.$modal.msgError("操作失败");
diff --git a/src/views/hotWater/waterMonitor/waterMonitorDetails.vue b/src/views/hotWater/waterMonitor/waterMonitorDetails.vue
index 9ca2a72..2fc701e 100644
--- a/src/views/hotWater/waterMonitor/waterMonitorDetails.vue
+++ b/src/views/hotWater/waterMonitor/waterMonitorDetails.vue
@@ -740,7 +740,7 @@ export default {
       this.$router.push("/alarm/alarmRecord");
     },
     getImageSrc(item) {
-      console.log("item", item);
+      // console.log("item", item);
       if (item.runState === "1" && item.isFault !== "1") {
         // 使用 require 函数导入图片
         return require("@/assets/flowimg/starthotpum.png");
@@ -1959,6 +1959,61 @@ export default {
     }
   }
 }
+// 手机端样式
+@media (min-width: 0px) and (max-width: 990px) {
+  .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;
+    }
+  }
+  .app-container .left-tree .base-mes {
+    padding: 0.2rem 0.1rem !important;
+    font-size: 14px !important;
+    border-radius: 0.06rem !important;
+  }
+  .app-container .left-tree .base-mes .base-title {
+    font-size: 15px !important;
+  }
+  .app-container .left-tree .base-mes .base-height {
+    height: 5.7rem !important;
+  }
+  .app-container .right-monitor .folw .changecontent .tablemaeta {
+    font-size: 14px !important;
+  }
+  .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.1rem 0.1rem 0.1rem !important;
+  }
+  .app-container .tree-div {
+    height: 300px !important;
+    width: 100%;
+    overflow-x: hidden !important;
+  }
+  .app-container .right-monitor {
+    width: calc(100% - 210px) !important;
+    .folw {
+      .changecontent {
+        border-radius: 0.06rem !important;
+        height: 300px !important;
+        padding: 0.35rem 0.1rem 0.1rem 0.1rem !important;
+        margin-top: 0.4rem !important;
+      }
+    }
+  }
+  .custom-tree-node {
+    font-size: 12px !important;
+  }
+}
 </style>
 <style scoped>
 /* 自定义高亮颜色 */
@@ -1970,4 +2025,10 @@ export default {
   /* color: #f56c6c;  */
   color: #25f1f8;
 }
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .left-tree >>> .el-tree-node__content > .el-tree-node__expand-icon {
+    padding: 3px !important;
+  }
+}
 </style>