From 10ec6d0fcee9dc0fbdd884ba80dcc37d70a1d68c Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Tue, 20 Jan 2026 21:42:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A1=98=E5=8F=A3=E6=97=A0=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=97=B6=E5=80=99=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/other/index.vue | 42 +++++++++++++++++++++++++++++-----
 1 file changed, 36 insertions(+), 6 deletions(-)

diff --git a/src/components/other/index.vue b/src/components/other/index.vue
index 043c277..72f9339 100644
--- a/src/components/other/index.vue
+++ b/src/components/other/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view :class="props.type == 1 ? 'nut-cell' : ''">
+  <view :class="props.type == 1 ? 'pond-info-container' : ''" :style="{ width: '100%' }">
     <nut-config-provider :theme-vars="themeVarsBody">
       <nut-row>
         <nut-col :span="24">
@@ -365,11 +365,13 @@
       </nut-row>
       <nut-row v-else>
         <nut-col :span="24">
-          <nut-empty description="暂无设备">
-            <template #image>
-              <img :src="pond404" />
-            </template>
-          </nut-empty>
+          <view class="empty-container">
+            <nut-empty description="暂无设备">
+              <template #image>
+                <img :src="pond404" />
+              </template>
+            </nut-empty>
+          </view>
         </nut-col>
       </nut-row>
     </nut-config-provider>
@@ -2355,6 +2357,34 @@ defineExpose({
   max-width: 100%;
   box-sizing: border-box;
 }
+
+// 暂无设备居中容器
+.empty-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 0;
+}
+
+// 强制 nut-row 占满宽度
+.nut-row {
+  width: 100% !important;
+}
+
+// 强制 nut-cell 占满宽度
+.nut-cell {
+  width: 100% !important;
+  box-sizing: border-box !important;
+}
+
+// 组件容器样式
+.pond-info-container {
+  width: 100%;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
 .loading-container {
   position: absolute;
   top: 50%;