From e5f37487c5399617d1a5e2123013365f7abef9c3 Mon Sep 17 00:00:00 2001
From: lzp <1747191978@qq.com>
Date: Tue, 13 May 2025 10:53:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B8=B8=E6=B3=B3=E9=A6=86=E6=A3=80=E6=B5=8B?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8A=A0=E8=BD=BD=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index fa39258..8c5fc1f 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,25 +1,26 @@
 <template>
-  <div style="padding: 16px;min-height: calc(100vh - 84px);display: flex; justify-content: center;align-items: center;">
+  <div v-loading="loading"
+    style="padding: 16px;min-height: calc(100vh - 84px);display: flex; justify-content: center;align-items: center;">
     <div class="div-box">
       <div class="div-box-title"> 游泳馆远程监测 </div>
       <div class="div-ul">
         <div class="div-li">
           <div>
             <span>温度：</span>
-            {{ deviceInfo.temperature || '-'}}℃
+            {{ deviceInfo.temperature || '-' }}℃
           </div>
           <div> <span>湿度：</span>
-            {{ deviceInfo.humidity || '-'}}%</div>
+            {{ deviceInfo.humidity || '-' }}%</div>
         </div>
         <!--   ON：开启 OFF：关闭 -->
         <div class="div-li">
           <div>
             <span>TVOC：</span>
-            {{ deviceInfo.tvoc || '-'}}
+            {{ deviceInfo.tvoc || '-' }}
           </div>
           <div>
             <span>TDS：</span>
-            {{ deviceInfo.tds || '-'}}
+            {{ deviceInfo.tds || '-' }}
           </div>
         </div>
       </div>
@@ -93,9 +94,9 @@ export default {
         deviceId: _id,
       }).then(({ data: { deviceAttributesList: records } }) => {
         this.loading = false;
-        
-        const findAttr = (id, defaultValue = '0') => 
-          records.find(row => row.id === id)?.attributeValue ;
+
+        const findAttr = (id, defaultValue = '0') =>
+          records.find(row => row.id === id)?.attributeValue;
         this.deviceInfo = {
           temperature: findAttr(447173913707267), // 温度
           humidity: findAttr(447173913707268),    // 湿度
@@ -108,7 +109,7 @@ export default {
     submitForm: function () {
       this.$refs["form"].validate(valid => {
         if (valid) {
-          let param = {"Wen":`#${this.form.threshold}`} // 阈值
+          let param = { "Wen": `#${this.form.threshold}` } // 阈值
           sendAttribute({
             "attributeParams": JSON.stringify(param), // 阈值JSON字符串
             "deviceId": this.deviceId // 设备id
@@ -116,7 +117,7 @@ export default {
             this.getAttributes(this.deviceId); // 根据设备id查找设备信息
             this.$modal.msgSuccess("操作成功");
             this.open = false;
-            
+
           });
         }
       });
@@ -155,15 +156,18 @@ export default {
     display: flex;
     justify-content: space-between;
     margin-bottom: 12px;
+
     div {
       flex: 1
     }
+
     span {
       color: #666;
     }
   }
+
   .div-li:last-child {
-      margin-bottom: 0;
-    }
+    margin-bottom: 0;
+  }
 }
 </style>