From e57dbf7c97db158b3b4361a197b5903828247f0f Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Wed, 4 Feb 2026 15:37:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E4=BF=A1=E6=81=AF=E5=90=84?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=AE=BD=E5=BA=A6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/BaseWlsbListForm.vue           | 1017 +++++++++--------
 .../components/BaseWlsbListModal.vue          |    4 +-
 .../nuBaseInfo/components/NuBaseInfoForm.vue  |    4 +-
 .../nuBaseInfo/components/NuBaseInfoModal.vue |    2 +-
 4 files changed, 526 insertions(+), 501 deletions(-)

diff --git a/src/views/biz/nuBaseInfo/components/BaseWlsbListForm.vue b/src/views/biz/nuBaseInfo/components/BaseWlsbListForm.vue
index 71bea53..b060a6b 100644
--- a/src/views/biz/nuBaseInfo/components/BaseWlsbListForm.vue
+++ b/src/views/biz/nuBaseInfo/components/BaseWlsbListForm.vue
@@ -1,259 +1,281 @@
 <template>
-<div >
-  <a-row>
-      <a-col v-for="(item,index) in sxtList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 9px;">
-        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }"  :bodyStyle="{ padding: '24px 24px 4px 24px' }">
+  <div>
+    <a-row>
+      <a-col v-for="(item, index) in sxtList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
+        style="padding: 9px;">
+        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
+          :bodyStyle="{ padding: '24px 24px 4px 24px' }">
           <template #title>
-              <a-row style="font-weight: normal;">
-                <a-col :span="18" style="font-size: 14px;">
-                      <div>SN：<span style="font-weight: bold;">{{item.sn}}</span></div>
-                      <div style="font-size: 12px;">名称：{{item.deviceName}}</div>
-                </a-col>
-                <a-col :span="6" style="display: flex; justify-content: flex-end;">
-                  <div :class="item.deviceStatus=='1'?'zxClass':'lxClass'">{{item.deviceStatus=='1'?'在线':'离线'}}</div>
-                </a-col>
-                <a-col :span="24">
-                  <a-divider style="margin: 10px 0 0 0" />
-                </a-col>
-              </a-row>
+            <a-row style="font-weight: normal;">
+              <a-col :span="18" style="font-size: 14px;">
+                <div>SN：<span style="font-weight: bold;">{{ item.sn }}</span></div>
+                <div style="font-size: 12px;">名称：{{ item.deviceName }}</div>
+              </a-col>
+              <a-col :span="6" style="display: flex; justify-content: flex-end;">
+                <div :class="item.deviceStatus == '1' ? 'zxClass' : 'lxClass'">{{ item.deviceStatus == '1' ? '在线' : '离线' }}</div>
+              </a-col>
+              <a-col :span="24">
+                <a-divider style="margin: 10px 0 0 0" />
+              </a-col>
+            </a-row>
           </template>
-              <a-row style="margin-top:-20px;">
-                <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
+          <a-row style="margin-top:-20px;">
+            <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
                 <a-col :span="12" style="text-align: right;">
                   {{item.nuName?item.nuName:'未配置'}}
                 </a-col> -->
-                <a-col :span="24" style="text-align: center;font-size: 44px;font-weight: bold;margin-top:10px;">
-                  <img src="../../../../assets/iot/sxt.png" style="width:80px;" />
-                </a-col>
-                <a-col :span="12" style="margin-top: -1px;"><a-tag color="purple">摄像头</a-tag></a-col>
-                <a-col :span="12" style="margin-top: -11px;text-align:right;">
-                  <span v-if="item.maintainStatus==0" style="font-weight:700;font-size:16px;">正常</span>
-                  <span v-if="item.maintainStatus==1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
-                  <span v-if="item.maintainStatus==2" style="font-weight:700;font-size:16px;">报废</span>
-                  <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
-                </a-col>
-              </a-row>
-            <a-divider style="margin: 10px 0 20px 0" />
-            <p style="text-align:center;margin-bottom:5px !important">
-              
-              <span style="display:inline-block;cursor: pointer;" @click="handlePreview(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a14.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">预览</span>
-              </span>
-              <!-- <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handlePicConfig(item)">
+            <a-col :span="24" style="text-align: center;font-size: 44px;font-weight: bold;margin-top:10px;">
+              <img src="../../../../assets/iot/sxt.png" style="width:80px;" />
+            </a-col>
+            <a-col :span="12" style="margin-top: -1px;"><a-tag color="purple">摄像头</a-tag></a-col>
+            <a-col :span="12" style="margin-top: -11px;text-align:right;">
+              <span v-if="item.maintainStatus == 0" style="font-weight:700;font-size:16px;">正常</span>
+              <span v-if="item.maintainStatus == 1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
+              <span v-if="item.maintainStatus == 2" style="font-weight:700;font-size:16px;">报废</span>
+              <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
+            </a-col>
+          </a-row>
+          <a-divider style="margin: 10px 0 20px 0" />
+          <p style="text-align:center;margin-bottom:5px !important">
+
+            <span style="display:inline-block;cursor: pointer;" @click="handlePreview(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a14.png" style="width:20px;" /></span><br />
+              <span class="antTitle">预览</span>
+            </span>
+            <!-- <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handlePicConfig(item)">
                 <span class="tbClass"><img src="../../../../assets/iot/a12.png" style="width:20px;" /></span><br/>
                 <span class="antTitle">画面配置</span>
               </span> -->
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'1')" v-if="item.maintainStatus==0">
-                <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">报修</span>
-              </span>
-            </p>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '1')"
+              v-if="item.maintainStatus == 0">
+              <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
+              <span class="antTitle">报修</span>
+            </span>
+          </p>
         </a-card>
       </a-col>
 
 
-      <a-col v-for="(item,index) in zndbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;">
-        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }"  :bodyStyle="{ padding: '24px 24px 4px 24px' }">
+      <a-col v-for="(item, index) in zndbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
+        style="padding: 8px;">
+        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
+          :bodyStyle="{ padding: '24px 24px 4px 24px' }">
           <template #title>
-              <a-row style="font-weight: normal;">
-                <a-col :span="18" style="font-size: 14px;">
-                      <div>SN：<span style="font-weight: bold;">{{item.address}}</span></div>
-                      <div style="font-size: 12px;">抄表时间：{{item.readTime?item.readTime:'未抄表'}}</div>
-                </a-col>
-                <a-col :span="6" style="display: flex; justify-content: flex-end;">
-                  <div :class="item.relayState=='1'?'zxClass':'lxClass'">{{item.relayState=='1'?'合闸':'拉闸'}}</div>
-                </a-col>
-                <a-col :span="24">
-                  <a-divider style="margin: 10px 0 0 0" />
-                </a-col>
-              </a-row>
+            <a-row style="font-weight: normal;">
+              <a-col :span="18" style="font-size: 14px;">
+                <div>SN：<span style="font-weight: bold;">{{ item.address }}</span></div>
+                <div style="font-size: 12px;">抄表时间：{{ item.readTime ? item.readTime : '未抄表' }}</div>
+              </a-col>
+              <a-col :span="6" style="display: flex; justify-content: flex-end;">
+                <div :class="item.relayState == '1' ? 'zxClass' : 'lxClass'">{{ item.relayState == '1' ? '合闸' : '拉闸' }}</div>
+              </a-col>
+              <a-col :span="24">
+                <a-divider style="margin: 10px 0 0 0" />
+              </a-col>
+            </a-row>
           </template>
-              <a-row style="margin-top:-20px;">
-                <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
+          <a-row style="margin-top:-20px;">
+            <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
                 <a-col :span="12" style="text-align: right;">
                   {{item.nuName?item.nuName:'未配置'}}
                 </a-col> -->
-                <a-col :span="14" style="text-align: right;font-size: 44px;font-weight: bold;margin-top:10px;">
-                  <span>{{item.eleValue?item.eleValue:'0.00'}}</span>
-                </a-col>
-                <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
-                  <div style="font-size: 12px;margin: 5px 0 -5px 2px;padding:2px;">KWH</div>
-                  <div style="margin-top:-3px;"><span style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用电量</span></div>
-                </a-col>
-                <a-col :span="12" style="margin-top: 10px;"><a-tag color="red">智能电表</a-tag></a-col>
-                <a-col :span="12" style="margin-top: 0px;text-align:right;">
-                  <span v-if="item.maintainStatus==0" style="font-weight:700;font-size:16px;">正常</span>
-                  <span v-if="item.maintainStatus==1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
-                  <span v-if="item.maintainStatus==2" style="font-weight:700;font-size:16px;">报废</span>
-                  <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
-                </a-col>
-              </a-row>
-            <a-divider style="margin: 10px 0 20px 0" />
-            <p style="text-align:center;margin-bottom:5px !important">
-              <span style="display:inline-block;cursor: pointer;" @click="handleRead(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">抄表</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlLz(item)" v-if="item.relayState=='1'">
-                <span class="tbClass"><img src="../../../../assets/iot/a5.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">拉闸</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlHz(item)" v-if="item.relayState=='0'">
-                <span class="tbClass"><img src="../../../../assets/iot/a2.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">合闸</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleReset(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a3.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">清零</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showApiLog(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">日志</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'2')" v-if="item.maintainStatus==0">
-                <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">报修</span>
-              </span>
-            </p>
+            <a-col :span="14" style="text-align: right;font-size: 44px;font-weight: bold;margin-top:10px;">
+              <span>{{ item.eleValue ? item.eleValue : '0.00' }}</span>
+            </a-col>
+            <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
+              <div style="font-size: 12px;margin: 5px 0 -5px 2px;padding:2px;">KWH</div>
+              <div style="margin-top:-3px;"><span
+                  style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用电量</span></div>
+            </a-col>
+            <a-col :span="12" style="margin-top: 10px;"><a-tag color="red">智能电表</a-tag></a-col>
+            <a-col :span="12" style="margin-top: 0px;text-align:right;">
+              <span v-if="item.maintainStatus == 0" style="font-weight:700;font-size:16px;">正常</span>
+              <span v-if="item.maintainStatus == 1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
+              <span v-if="item.maintainStatus == 2" style="font-weight:700;font-size:16px;">报废</span>
+              <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
+            </a-col>
+          </a-row>
+          <a-divider style="margin: 10px 0 20px 0" />
+          <p style="text-align:center;margin-bottom:5px !important">
+            <span style="display:inline-block;cursor: pointer;" @click="handleRead(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br />
+              <span class="antTitle">抄表</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlLz(item)"
+              v-if="item.relayState == '1'">
+              <span class="tbClass"><img src="../../../../assets/iot/a5.png" style="width:20px;" /></span><br />
+              <span class="antTitle">拉闸</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlHz(item)"
+              v-if="item.relayState == '0'">
+              <span class="tbClass"><img src="../../../../assets/iot/a2.png" style="width:20px;" /></span><br />
+              <span class="antTitle">合闸</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleReset(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a3.png" style="width:20px;" /></span><br />
+              <span class="antTitle">清零</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showApiLog(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
+              <span class="antTitle">日志</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '2')"
+              v-if="item.maintainStatus == 0">
+              <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
+              <span class="antTitle">报修</span>
+            </span>
+          </p>
         </a-card>
       </a-col>
 
 
-      <a-col v-for="(item,index) in znsbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;">
-        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }"  :bodyStyle="{ padding: '24px 24px 4px 24px' }">
+      <a-col v-for="(item, index) in znsbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
+        style="padding: 8px;">
+        <a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
+          :bodyStyle="{ padding: '24px 24px 4px 24px' }">
           <template #title>
-              <a-row style="font-weight: normal;">
-                <a-col :span="18" style="font-size: 14px;">
-                      <div>SN：<span style="font-weight: bold;">{{item.address}}</span></div>
-                      <div style="font-size: 12px;">抄表时间：{{item.readTime?item.readTime:'未抄表'}}</div>
-                </a-col>
-                <a-col :span="6" style="display: flex; justify-content: flex-end;">
-                  <div :class="item.relayState=='1'?'zxClass':'lxClass'">{{item.relayState=='1'?'开阀':'关阀'}}</div>
-                </a-col>
-                <a-col :span="24">
-                  <a-divider style="margin: 10px 0 0 0" />
-                </a-col>
-              </a-row>
+            <a-row style="font-weight: normal;">
+              <a-col :span="18" style="font-size: 14px;">
+                <div>SN：<span style="font-weight: bold;">{{ item.address }}</span></div>
+                <div style="font-size: 12px;">抄表时间：{{ item.readTime ? item.readTime : '未抄表' }}</div>
+              </a-col>
+              <a-col :span="6" style="display: flex; justify-content: flex-end;">
+                <div :class="item.relayState == '1' ? 'zxClass' : 'lxClass'">{{ item.relayState == '1' ? '开阀' : '关阀' }}</div>
+              </a-col>
+              <a-col :span="24">
+                <a-divider style="margin: 10px 0 0 0" />
+              </a-col>
+            </a-row>
           </template>
-              <a-row style="margin-top:-20px;">
-                <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
+          <a-row style="margin-top:-20px;">
+            <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
                 <a-col :span="12" style="text-align: right;">
                   {{item.nuName?item.nuName:'未配置'}}
                 </a-col> -->
-                <a-col :span="14" style="text-align: right;font-size: 44px;font-weight: bold;margin-top:10px;">
-                  <span>{{item.waterValue?item.waterValue:'0.00'}}</span>
-                </a-col>
-                <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
-                  <div style="font-size: 12px;margin: 8px 0 -5px 2px;">m³</div>
-                  <div style="margin-top:-3px;"><span style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用水量</span></div>
-                </a-col>
-                <a-col :span="12" style="margin-top: 10px;"><a-tag color="blue">智能水表</a-tag></a-col>
-                <a-col :span="12" style="margin-top: 0px;text-align:right;">
-                  <span v-if="item.maintainStatus==0" style="font-weight:700;font-size:16px;">正常</span>
-                  <span v-if="item.maintainStatus==1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
-                  <span v-if="item.maintainStatus==2" style="font-weight:700;font-size:16px;">报废</span>
-                  <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
-                </a-col>
-              </a-row>
-            <a-divider style="margin: 10px 0 20px 0" />
-            <p style="text-align:center;margin-bottom:5px !important">
-              <span style="display:inline-block;cursor: pointer;" @click="handleSbRead(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">抄表</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlLz(item)" v-if="item.relayState=='0'">
-                <span class="tbClass"><img src="../../../../assets/iot/a10.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">开阀</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlHz(item)" v-if="item.relayState=='1'">
-                <span class="tbClass"><img src="../../../../assets/iot/a11.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">关阀</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbReset(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a3.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">清零</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showApiWaterLog(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">日志</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'3')" v-if="item.maintainStatus==0">
-                <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">报修</span>
-              </span>
-            </p>
+            <a-col :span="14" style="text-align: right;font-size: 44px;font-weight: bold;margin-top:10px;">
+              <span>{{ item.waterValue ? item.waterValue : '0.00' }}</span>
+            </a-col>
+            <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
+              <div style="font-size: 12px;margin: 8px 0 -5px 2px;">m³</div>
+              <div style="margin-top:-3px;"><span
+                  style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用水量</span></div>
+            </a-col>
+            <a-col :span="12" style="margin-top: 10px;"><a-tag color="blue">智能水表</a-tag></a-col>
+            <a-col :span="12" style="margin-top: 0px;text-align:right;">
+              <span v-if="item.maintainStatus == 0" style="font-weight:700;font-size:16px;">正常</span>
+              <span v-if="item.maintainStatus == 1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
+              <span v-if="item.maintainStatus == 2" style="font-weight:700;font-size:16px;">报废</span>
+              <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
+            </a-col>
+          </a-row>
+          <a-divider style="margin: 10px 0 20px 0" />
+          <p style="text-align:center;margin-bottom:5px !important">
+            <span style="display:inline-block;cursor: pointer;" @click="handleSbRead(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br />
+              <span class="antTitle">抄表</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlLz(item)"
+              v-if="item.relayState == '0'">
+              <span class="tbClass"><img src="../../../../assets/iot/a10.png" style="width:20px;" /></span><br />
+              <span class="antTitle">开阀</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlHz(item)"
+              v-if="item.relayState == '1'">
+              <span class="tbClass"><img src="../../../../assets/iot/a11.png" style="width:20px;" /></span><br />
+              <span class="antTitle">关阀</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbReset(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a3.png" style="width:20px;" /></span><br />
+              <span class="antTitle">清零</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showApiWaterLog(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
+              <span class="antTitle">日志</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '3')"
+              v-if="item.maintainStatus == 0">
+              <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
+              <span class="antTitle">报修</span>
+            </span>
+          </p>
         </a-card>
       </a-col>
 
-      <a-col v-for="(item,index) in wsdjList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;">
-        <a-card style="width: 100%;border-radius: 8px;min-height:280px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }"  :bodyStyle="{ padding: '24px 24px 4px 24px' }">
+      <a-col v-for="(item, index) in wsdjList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
+        style="padding: 8px;">
+        <a-card style="width: 100%;border-radius: 8px;min-height:280px;"
+          :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
+          :bodyStyle="{ padding: '24px 24px 4px 24px' }">
           <template #title>
-              <a-row style="font-weight: normal;">
-                <a-col :span="18" style="font-size: 14px;">
-                      <div>SN：<span style="font-weight: bold;">{{item.sn}}</span></div>
-                      <div style="font-size: 12px;">抄表时间：{{item.reportingTime?item.reportingTime:'未抄表'}}</div>
-                </a-col>
-                <a-col :span="6" style="display: flex; justify-content: flex-end;">
-                  <div :class="item.status=='0'?'zxClass':'lxClass'">{{item.status=='0'?'在线':'离线'}}</div>
-                </a-col>
-                <a-col :span="24">
-                  <a-divider style="margin: 10px 0 0 0" />
-                </a-col>
-              </a-row>
+            <a-row style="font-weight: normal;">
+              <a-col :span="18" style="font-size: 14px;">
+                <div>SN：<span style="font-weight: bold;">{{ item.sn }}</span></div>
+                <div style="font-size: 12px;">抄表时间：{{ item.reportingTime ? item.reportingTime : '未抄表' }}</div>
+              </a-col>
+              <a-col :span="6" style="display: flex; justify-content: flex-end;">
+                <div :class="item.status == '0' ? 'zxClass' : 'lxClass'">{{ item.status == '0' ? '在线' : '离线' }}</div>
+              </a-col>
+              <a-col :span="24">
+                <a-divider style="margin: 10px 0 0 0" />
+              </a-col>
+            </a-row>
           </template>
-              <a-row style="margin-top:-20px;">
-                <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
+          <a-row style="margin-top:-20px;">
+            <!-- <a-col :span="12" ><span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span></a-col>
                 <a-col :span="12" style="text-align: right;">
                   {{item.nuName?item.nuName:'未配置'}}
                 </a-col> -->
-                <a-col :span="24" style="padding: 12px 0 0 5px;margin-top:10px;">
-                  <a-row>
-                    <a-col :span="11" style="text-align: center;">
-                      <span><img src="../../../../assets/iot/a8.png" style="width:25px;margin-top: -1px;" /></span>
-                      <span style="font-size: 30px;font-weight:700;">{{item.temperature?item.temperature:'-'}}</span>
-                      <span style="font-size: 16px;">℃</span>
-                    </a-col>
-                    <a-col :span="2" style="text-align: center;">
-                      <a-divider type="vertical" style="height: 40px;"/>
-                    </a-col>
-                    <a-col :span="11" style="text-align: center;">
-                      <span style="margin-top:0px;"><img src="../../../../assets/iot/a9.png" style="width:25px;margin-top: -15px;" /></span>
-                      <span style="font-size: 30px;font-weight:700;margin-left: 6px;">{{item.humidity?item.humidity:'-'}}</span>
-                      <span style="font-size: 16px;">%</span>
-                    </a-col>
-                  </a-row>
+            <a-col :span="24" style="padding: 12px 0 0 5px;margin-top:10px;">
+              <a-row>
+                <a-col :span="11" style="text-align: center;">
+                  <span><img src="../../../../assets/iot/a8.png" style="width:25px;margin-top: -1px;" /></span>
+                  <span style="font-size: 30px;font-weight:700;">{{ item.temperature ? item.temperature : '-' }}</span>
+                  <span style="font-size: 16px;">℃</span>
                 </a-col>
-                <a-col :span="12" style="margin-top: 20px;"><a-tag color="green">温湿度计</a-tag></a-col>
-                <a-col :span="12" style="margin-top: 10px;text-align:right;">
-                  <span v-if="item.maintainStatus==0" style="font-weight:700;font-size:16px;">正常</span>
-                  <span v-if="item.maintainStatus==1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
-                  <span v-if="item.maintainStatus==2" style="font-weight:700;font-size:16px;">报废</span>
-                  <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
+                <a-col :span="2" style="text-align: center;">
+                  <a-divider type="vertical" style="height: 40px;" />
+                </a-col>
+                <a-col :span="11" style="text-align: center;">
+                  <span style="margin-top:0px;"><img src="../../../../assets/iot/a9.png"
+                      style="width:25px;margin-top: -15px;" /></span>
+                  <span
+                    style="font-size: 30px;font-weight:700;margin-left: 6px;">{{ item.humidity ? item.humidity : '-' }}</span>
+                  <span style="font-size: 16px;">%</span>
                 </a-col>
               </a-row>
-            <a-divider style="margin: 10px 0 20px 0" />
-            <p style="text-align:center;margin-bottom:5px !important;">
-              <span style="display:inline-block;cursor: pointer;" @click="handleWsdjRead(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a7.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">抄表</span>
-              </span>
-              <!-- <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleEdit(item)">
+            </a-col>
+            <a-col :span="12" style="margin-top: 20px;"><a-tag color="green">温湿度计</a-tag></a-col>
+            <a-col :span="12" style="margin-top: 10px;text-align:right;">
+              <span v-if="item.maintainStatus == 0" style="font-weight:700;font-size:16px;">正常</span>
+              <span v-if="item.maintainStatus == 1" style="font-weight:700;font-size:16px;color:red;">维修中</span>
+              <span v-if="item.maintainStatus == 2" style="font-weight:700;font-size:16px;">报废</span>
+              <div style="font-size: 12px;color: #9d9d9d;margin-top:-5px">报修状态</div>
+            </a-col>
+          </a-row>
+          <a-divider style="margin: 10px 0 20px 0" />
+          <p style="text-align:center;margin-bottom:5px !important;">
+            <span style="display:inline-block;cursor: pointer;" @click="handleWsdjRead(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a7.png" style="width:20px;" /></span><br />
+              <span class="antTitle">抄表</span>
+            </span>
+            <!-- <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleEdit(item)">
                 <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br/>
                 <span class="antTitle">配置</span>
               </span> -->
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showWsdjApiLog(item)">
-                <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">日志</span>
-              </span>
-              <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'4')" v-if="item.maintainStatus==0">
-                <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br/>
-                <span class="antTitle">报修</span>
-              </span>
-            </p>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="showWsdjApiLog(item)">
+              <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
+              <span class="antTitle">日志</span>
+            </span>
+            <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '4')"
+              v-if="item.maintainStatus == 0">
+              <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
+              <span class="antTitle">报修</span>
+            </span>
+          </p>
         </a-card>
       </a-col>
-      <a-col v-if="zndbList?.records.length==0 && znsbList?.records.length==0 && wsdjList?.records.length == 0" span="24">
+      <a-col v-if="zndbList?.records.length == 0 && znsbList?.records.length == 0 && wsdjList?.records.length == 0"
+        span="24">
         <div style="margin: 30px auto;">
           <a-empty />
         </div>
@@ -261,71 +283,71 @@
     </a-row>
 
 
-    
+
     <ApiLogModal ref="apiLogModal"></ApiLogModal>
     <ApiLogWaterModal ref="apiLogWaterModal"></ApiLogWaterModal>
     <ApiLogAlarmModal ref="apiLogAlarmModal"></ApiLogAlarmModal>
     <DeviceInfoDrawer @register="registerDrawer" @success="handleSuccess" />
-    
+
     <CameraPreviewModal ref="previewModal"></CameraPreviewModal>
     <CameraPictureConfigModal ref="cameraPictureConfigModal"></CameraPictureConfigModal>
-</div>
+  </div>
 </template>
 
 <script lang="ts" setup>
 import { ref, reactive, defineExpose, h } from 'vue';
 import { defHttp } from '/@/utils/http/axios';
-import {eleReset, eleControl, eleRead } from '/@/views/iot/tq/electricity/electricity.api';
-import {Modal} from "ant-design-vue";
+import { eleReset, eleControl, eleRead } from '/@/views/iot/tq/electricity/electricity.api';
+import { Modal } from "ant-design-vue";
 import ApiLogModal from "@/views/iot/tq/electricity/apilog/ApiLogModal.vue";
 import ApiLogWaterModal from "@/views/iot/tq/electricity/apilog/WaterApiLogModal.vue";
 import ApiLogAlarmModal from '/@/views/iot/yiweilian/components/ApiLogAlarmModal.vue'
 import DeviceInfoDrawer from "/@/views/iot/yiweilian/components/DeviceInfoDrawer.vue";
-  import CameraPreviewModal from '/@/views/iot/tplink/camera/components/CameraPreviewModal.vue'
-  import CameraPictureConfigModal from '/@/views/iot/tplink/camera/components/CameraPictureConfigModal.vue';
-import {useDrawer} from "@/components/Drawer";
-import {updateDeviceRealTime} from '/@/views/iot/yiweilian/humid.api';
-import {eleSbReset, eleSbControl, eleSbRead } from "/@/views/iot/tq/water/water.api";
+import CameraPreviewModal from '/@/views/iot/tplink/camera/components/CameraPreviewModal.vue'
+import CameraPictureConfigModal from '/@/views/iot/tplink/camera/components/CameraPictureConfigModal.vue';
+import { useDrawer } from "@/components/Drawer";
+import { updateDeviceRealTime } from '/@/views/iot/yiweilian/humid.api';
+import { eleSbReset, eleSbControl, eleSbRead } from "/@/views/iot/tq/water/water.api";
 import { ReloadOutlined } from '@ant-design/icons-vue';
 const formRef = ref();
 const apiLogModal = ref();
 const apiLogWaterModal = ref();
 const apiLogAlarmModal = ref();
-  const previewModal = ref();
-  const cameraPictureConfigModal = ref();
-const sxtList = ref<any>({records: []});//摄像头
-const zndbList = ref<any>({records: []});//智能电表
-const znsbList = ref<any>({records: []});//智能水表
-const wsdjList = ref<any>({records: []});//温湿度计
+const previewModal = ref();
+const cameraPictureConfigModal = ref();
+const sxtList = ref<any>({ records: [] });//摄像头
+const zndbList = ref<any>({ records: [] });//智能电表
+const znsbList = ref<any>({ records: [] });//智能水表
+const wsdjList = ref<any>({ records: [] });//温湿度计
 const anyInfo = ref<any>({});//区域信息
-  //注册drawer
-  const [registerDrawer, { openDrawer }] = useDrawer();
+//注册drawer
+const [registerDrawer, { openDrawer }] = useDrawer();
 
-function handleBaoxiu(record,type){
-console.log("🚀 ~ handleBaoxiu ~ record,type:", record,type)
+function handleBaoxiu(record, type) {
+  console.log("🚀 ~ handleBaoxiu ~ record,type:", record, type)
 
-    Modal.confirm({
-      title: '报修',
-      content: '是否进行报修?',
-      closable: true,
-      okText: '确定',
-      cancelText: '取消',
-      async onOk() {
-        var url = "";
-        if(type=='1'){//摄像头报修
-          url = '/iot/tplink/cameraInfo/baoxiu';
-        }else if(type=='2'){ //电表报修
-          url = '/iot/tq/electricityMeter/baoxiu';
-        }else if(type=='3'){ //水表报修
-          url = '/iot/tq/waterMeter/baoxiu';
-        }else if(type=='4'){ //温湿度计报修
-          url = '/iot/yiweilian/humidDevice/baoxiu';
-        }
-        defHttp.post({url: url,params:{id:record.id}}).then(res => { 
-          edit(anyInfo.value);
-        });
-      },
-    });
+  Modal.confirm({
+    title: '报修',
+    content: '是否进行报修?',
+    closable: true,
+    okText: '确定',
+    cancelText: '取消',
+    async onOk() {
+      var url = "";
+      if (type == '1') {//摄像头报修
+        url = '/iot/tplink/cameraInfo/baoxiu';
+      } else if (type == '2') { //电表报修
+        url = '/iot/tq/electricityMeter/baoxiu';
+      } else if (type == '3') { //水表报修
+        url = '/iot/tq/waterMeter/baoxiu';
+      } else if (type == '4') { //温湿度计报修
+        url = '/iot/yiweilian/humidDevice/baoxiu';
+      }
+      defHttp.post({ url: url, params: { id: record.id } }).then(res => {
+        edit(anyInfo.value);
+      });
+    },
+  });
 }
 function edit(record) {
   console.log("🚀 ~ edit ~ record:", record)
@@ -336,260 +358,260 @@ function edit(record) {
   getWsdj(record);//温湿度计
 }
 //获取摄像头
-function getSxt(record){
-  var queryParam = {pageSize:-1,nuId:record.nuId}
-  defHttp.get({url: '/iot/tplink/cameraInfo/list',params:queryParam}).then(res => {
+function getSxt(record) {
+  var queryParam = { pageSize: -1, nuId: record.nuId }
+  defHttp.get({ url: '/iot/tplink/cameraInfo/list', params: queryParam }).then(res => {
     console.log("🚀 ~ defHttp.get ~ res:", res)
-      sxtList.value = res;
-      console.log("🚀 ~ defHttp.get ~ 获取摄像头:", sxtList)
+    sxtList.value = res;
+    console.log("🚀 ~ defHttp.get ~ 获取摄像头:", sxtList)
   });
 }
 //获取智能电表
-function getZndb(record){
-  var queryParam = {pageSize:-1,nuId:record.nuId}
-  defHttp.get({url: '/iot/tq/electricityMeter/list',params:queryParam}).then(res => {
+function getZndb(record) {
+  var queryParam = { pageSize: -1, nuId: record.nuId }
+  defHttp.get({ url: '/iot/tq/electricityMeter/list', params: queryParam }).then(res => {
     console.log("🚀 ~ defHttp.get ~ res:", res)
-      zndbList.value = res;
-      console.log("🚀 ~ defHttp.get ~ zndbList:", zndbList)
+    zndbList.value = res;
+    console.log("🚀 ~ defHttp.get ~ zndbList:", zndbList)
   });
 }
 //获取智能水表
-function getZnsb(record){
-  var queryParam = {pageSize:-1,nuId:record.nuId}
-  defHttp.get({url: '/iot/tq/waterMeter/list',params:queryParam}).then(res => {
+function getZnsb(record) {
+  var queryParam = { pageSize: -1, nuId: record.nuId }
+  defHttp.get({ url: '/iot/tq/waterMeter/list', params: queryParam }).then(res => {
     console.log("🚀 ~ defHttp.get ~ res:", res)
-      znsbList.value = res;
+    znsbList.value = res;
   });
 }
 //获取温湿度计
-function getWsdj(record){
-  var queryParam = {pageSize:-1,nuId:record.nuId}
-  defHttp.get({url: '/iot/yiweilian/humidDevice/list',params:queryParam}).then(res => {
+function getWsdj(record) {
+  var queryParam = { pageSize: -1, nuId: record.nuId }
+  defHttp.get({ url: '/iot/yiweilian/humidDevice/list', params: queryParam }).then(res => {
     console.log("🚀 ~ defHttp.get ~ res:", res)
-      wsdjList.value = res;
+    wsdjList.value = res;
   });
 }
 
 
- // 抄电表
-  async function handleRead(record) {
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-    };
-    await eleRead(params);
-    setTimeout(() => {
-      getZndb(anyInfo);
-    }, 4000);
-  }
-  
-  // 电表拉闸
-  async function handleControlLz(record) {
-    if(record.relayState == '0'){
-      Modal.info({
-        title: '拉闸',
-        content: h('div', {}, [
-          h('p', '此电表已拉闸！'),
-        ]),
-        onOk() {},
-      });
-      return;
-    }
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-      'type' : '10',
-    };
-    await eleControl(params);
-    setTimeout(() => {
-      getZndb(anyInfo);
-    }, 4000);
-  }
+// 抄电表
+async function handleRead(record) {
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+  };
+  await eleRead(params);
+  setTimeout(() => {
+    getZndb(anyInfo);
+  }, 4000);
+}
 
-  // 电表合闸
-  async function handleControlHz(record) {
-    if(record.relayState == '1'){
-      Modal.info({
-        title: '合闸',
-        content: h('div', {}, [
-          h('p', '此电表已合闸！'),
-        ]),
-        onOk() {},
-      });
-      return;
-    }
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-      'type' : '11',
-    };
-    await eleControl(params);
-    setTimeout(() => {
-      getZndb(anyInfo);
-    }, 4000);
-  }
-
-  // 电表清零
-  async function handleReset(record) {
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-    };
-    await eleReset(params);
-    setTimeout(() => {
-      getZndb(anyInfo);
-    }, 4000);
-  }
-
-
-  /**
-   * 查看电表api日志
-   */
-  function showApiLog(record){
-    console.log(record);
-    apiLogModal.value.disableSubmit = true;
-    apiLogModal.value.showApiLog(record);
-  }
-
-
-
- // 抄水表
-  async function handleSbRead(record) {
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-    };
-    await eleSbRead(params);
-    setTimeout(() => {
-      getZnsb(anyInfo);
-    }, 4000);
-  }
-  
-  // 水表开阀
-  async function handleSbControlLz(record) {
-    if(record.relayState == '1'){
-      Modal.info({
-        title: '开阀',
-        content: h('div', {}, [
-          h('p', '此水表已开阀！'),
-        ]),
-        onOk() {},
-      });
-      return;
-    }
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-      'type' : '43',
-    };
-    await eleSbControl(params);
-    setTimeout(() => {
-      getZnsb(anyInfo);
-    }, 4000);
-  }
-
-  // 水表关阀
-  async function handleSbControlHz(record) {
-    if(record.relayState == '0'){
-      Modal.info({
-        title: '关阀',
-        content: h('div', {}, [
-          h('p', '此水表已关阀！'),
-        ]),
-        onOk() {},
-      });
-      return;
-    }
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-      'type' : '53',
-    };
-    await eleSbControl(params);
-    setTimeout(() => {
-      getZnsb(anyInfo);
-    }, 4000);
-  }
-
-  // 水表清零
-  async function handleSbReset(record) {
-    const params = {
-      'cid' : record.cid,
-      'address' : record.address,
-    };
-    await eleSbReset(params);
-    setTimeout(() => {
-      getZnsb(anyInfo);
-    }, 4000);
-  }
-
-  /**
-   * 查看水表api日志
-   */
-  function showApiWaterLog(record){
-    console.log(record);
-    apiLogWaterModal.value.disableSubmit = true;
-    apiLogWaterModal.value.showApiLog(record);
-  }
-
-
-
-
-  // 温湿度计抄表
-  async function handleWsdjRead(record) {
-    const params = {
-      'sn' : record.sn,
-    };
-    await updateDeviceRealTime(params);
-    setTimeout(() => {
-      getWsdj(anyInfo);//温湿度计
-    }, 4000);
-  }
-
-  // 温湿度计编辑
-  async function handleEdit(record) {
-    record["isUpdate"] = true;
-    console.log(record);
-    openDrawer(true, {
-      record,
-      isUpdate: true,
-      showFooter: true,
-      tenantSaas: false,
+// 电表拉闸
+async function handleControlLz(record) {
+  if (record.relayState == '0') {
+    Modal.info({
+      title: '拉闸',
+      content: h('div', {}, [
+        h('p', '此电表已拉闸！'),
+      ]),
+      onOk() { },
     });
+    return;
   }
-  /**
-   * 温湿度计查看api日志
-   */
-  function showWsdjApiLog(record){
-    apiLogAlarmModal.value.disableSubmit = true;
-    apiLogAlarmModal.value.showLogAlarm(record);
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+    'type': '10',
+  };
+  await eleControl(params);
+  setTimeout(() => {
+    getZndb(anyInfo);
+  }, 4000);
+}
+
+// 电表合闸
+async function handleControlHz(record) {
+  if (record.relayState == '1') {
+    Modal.info({
+      title: '合闸',
+      content: h('div', {}, [
+        h('p', '此电表已合闸！'),
+      ]),
+      onOk() { },
+    });
+    return;
   }
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+    'type': '11',
+  };
+  await eleControl(params);
+  setTimeout(() => {
+    getZndb(anyInfo);
+  }, 4000);
+}
+
+// 电表清零
+async function handleReset(record) {
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+  };
+  await eleReset(params);
+  setTimeout(() => {
+    getZndb(anyInfo);
+  }, 4000);
+}
 
 
-  
-  /**
-   * 摄像头预览
-   */
-  function handlePreview(record: Recordable) {
-    previewModal.value.disableSubmit = true;
-    previewModal.value.edit(record);
-  }
+/**
+ * 查看电表api日志
+ */
+function showApiLog(record) {
+  console.log(record);
+  apiLogModal.value.disableSubmit = true;
+  apiLogModal.value.showApiLog(record);
+}
 
-  /**
-   * 摄像头画面配置
-   */
-  function handlePicConfig(record) {
-    var params = {
-        deviceIndex: record.deviceIndex,
-        parentId: record.parentId,
-        multitrans: record.multitrans,
-        projectId: record.projectId,
-        regionId: record.regionId,
-        ip: record.ip
-      }
-    cameraPictureConfigModal.value.disableSubmit = true;
-    cameraPictureConfigModal.value.edit(params);
+
+
+// 抄水表
+async function handleSbRead(record) {
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+  };
+  await eleSbRead(params);
+  setTimeout(() => {
+    getZnsb(anyInfo);
+  }, 4000);
+}
+
+// 水表开阀
+async function handleSbControlLz(record) {
+  if (record.relayState == '1') {
+    Modal.info({
+      title: '开阀',
+      content: h('div', {}, [
+        h('p', '此水表已开阀！'),
+      ]),
+      onOk() { },
+    });
+    return;
   }
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+    'type': '43',
+  };
+  await eleSbControl(params);
+  setTimeout(() => {
+    getZnsb(anyInfo);
+  }, 4000);
+}
+
+// 水表关阀
+async function handleSbControlHz(record) {
+  if (record.relayState == '0') {
+    Modal.info({
+      title: '关阀',
+      content: h('div', {}, [
+        h('p', '此水表已关阀！'),
+      ]),
+      onOk() { },
+    });
+    return;
+  }
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+    'type': '53',
+  };
+  await eleSbControl(params);
+  setTimeout(() => {
+    getZnsb(anyInfo);
+  }, 4000);
+}
+
+// 水表清零
+async function handleSbReset(record) {
+  const params = {
+    'cid': record.cid,
+    'address': record.address,
+  };
+  await eleSbReset(params);
+  setTimeout(() => {
+    getZnsb(anyInfo);
+  }, 4000);
+}
+
+/**
+ * 查看水表api日志
+ */
+function showApiWaterLog(record) {
+  console.log(record);
+  apiLogWaterModal.value.disableSubmit = true;
+  apiLogWaterModal.value.showApiLog(record);
+}
+
+
+
+
+// 温湿度计抄表
+async function handleWsdjRead(record) {
+  const params = {
+    'sn': record.sn,
+  };
+  await updateDeviceRealTime(params);
+  setTimeout(() => {
+    getWsdj(anyInfo);//温湿度计
+  }, 4000);
+}
+
+// 温湿度计编辑
+async function handleEdit(record) {
+  record["isUpdate"] = true;
+  console.log(record);
+  openDrawer(true, {
+    record,
+    isUpdate: true,
+    showFooter: true,
+    tenantSaas: false,
+  });
+}
+/**
+ * 温湿度计查看api日志
+ */
+function showWsdjApiLog(record) {
+  apiLogAlarmModal.value.disableSubmit = true;
+  apiLogAlarmModal.value.showLogAlarm(record);
+}
+
+
+
+/**
+ * 摄像头预览
+ */
+function handlePreview(record: Recordable) {
+  previewModal.value.disableSubmit = true;
+  previewModal.value.edit(record);
+}
+
+/**
+ * 摄像头画面配置
+ */
+function handlePicConfig(record) {
+  var params = {
+    deviceIndex: record.deviceIndex,
+    parentId: record.parentId,
+    multitrans: record.multitrans,
+    projectId: record.projectId,
+    regionId: record.regionId,
+    ip: record.ip
+  }
+  cameraPictureConfigModal.value.disableSubmit = true;
+  cameraPictureConfigModal.value.edit(params);
+}
 
 defineExpose({
   edit,
@@ -598,10 +620,10 @@ defineExpose({
 
 <style lang="less" scoped>
 .antd-modal-form {
-  padding: 14px;
+  padding: 0px;
 }
 
-.cardTitle{
+.cardTitle {
   background: #1ea0fa;
   width: 100%;
   margin: -28px -24px;
@@ -612,35 +634,38 @@ defineExpose({
   display: block;
   position: absolute;
 }
-.zxClass{
-  font-size:14px;
+
+.zxClass {
+  font-size: 14px;
   background: linear-gradient(to right, #1ea0fa, #017de9);
   border-radius: 8px;
   height: 25px;
   color: white;
   line-height: 25px;
   text-align: center;
-  width:50px;
-  margin-top:11px;
+  width: 50px;
+  margin-top: 11px;
 }
 
-.lxClass{
-  font-size:14px;
+.lxClass {
+  font-size: 14px;
   background: linear-gradient(to right, #cccccc, #cccccc);
   border-radius: 8px;
   height: 25px;
   color: white;
   line-height: 25px;
   text-align: center;
-  width:50px;
-  margin-top:11px;
+  width: 50px;
+  margin-top: 11px;
 }
-.tbClass{
+
+.tbClass {
   background: #f6f6f6;
   padding: 8px;
   border-radius: 5px;
 }
-.antTitle{
+
+.antTitle {
   margin-top: 8px;
   display: block;
   font-size: 12px;
diff --git a/src/views/biz/nuBaseInfo/components/BaseWlsbListModal.vue b/src/views/biz/nuBaseInfo/components/BaseWlsbListModal.vue
index 85e273e..9545c01 100644
--- a/src/views/biz/nuBaseInfo/components/BaseWlsbListModal.vue
+++ b/src/views/biz/nuBaseInfo/components/BaseWlsbListModal.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- <j-modal :title="title" :width="width" :maxHeight="`200px`" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"> -->
-    <a-drawer :title="title" :width="width"  v-model:visible="visible" :closable="true" bodyStyle="padding:6px;"
+    <a-drawer :title="title" :width="width"  v-model:visible="visible" :closable="true" bodyStyle="padding:14px;"
     :footer-style="{ textAlign: 'right' }" @close="handleCancel">
     <BaseWlsbListForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></BaseWlsbListForm>
     <template #footer>
@@ -16,7 +16,7 @@
   import JModal from '/@/components/Modal/src/JModal/JModal.vue';
   
   const title = ref<string>('');
-  const width = ref<string>('80%');
+  const width = ref<string>('1400px');
   const visible = ref<boolean>(false);
   const disableSubmit = ref<boolean>(false);
   const registerForm = ref();
diff --git a/src/views/biz/nuBaseInfo/components/NuBaseInfoForm.vue b/src/views/biz/nuBaseInfo/components/NuBaseInfoForm.vue
index 3403991..58229f0 100644
--- a/src/views/biz/nuBaseInfo/components/NuBaseInfoForm.vue
+++ b/src/views/biz/nuBaseInfo/components/NuBaseInfoForm.vue
@@ -5,7 +5,7 @@
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
           name="NuBaseInfoForm">
           <a-row>
-            <a-col :span="24" style="margin-top: 60px;margin-bottom: 60px;">
+            <a-col :span="24">
               <a-form-item label="区域名称" v-bind="validateInfos.nuName" id="NuBaseInfoForm-nuName" name="nuName">
                 <a-input v-model:value="formData.nuName" placeholder="请输入区域名称" maxLength="15" allow-clear></a-input>
               </a-form-item>
@@ -166,6 +166,6 @@ defineExpose({
 
 <style lang="less" scoped>
 .antd-modal-form {
-  padding: 14px;
+  padding: 0px;
 }
 </style>
diff --git a/src/views/biz/nuBaseInfo/components/NuBaseInfoModal.vue b/src/views/biz/nuBaseInfo/components/NuBaseInfoModal.vue
index 277d826..da8a3b8 100644
--- a/src/views/biz/nuBaseInfo/components/NuBaseInfoModal.vue
+++ b/src/views/biz/nuBaseInfo/components/NuBaseInfoModal.vue
@@ -39,7 +39,7 @@
    * @param record
    */
   function edit(record) {
-    title.value = disableSubmit.value ? '详情' : '编辑';
+    title.value = disableSubmit.value ? '详情' : '更名';
     visible.value = true;
     nextTick(() => {
       registerForm.value.edit(record);