From fc285f09fef16eb2a931618e566547e23c6434ea Mon Sep 17 00:00:00 2001
From: gx_ma <1773945958@qq.com>
Date: Tue, 3 Nov 2026 17:27:27 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=8D=A1=E7=89=87=E6=A0=87=E7=AD=BE=E4=B8=8E?=
 =?UTF-8?q?=E5=80=BC=E5=88=86=E8=A1=8C=E6=98=BE=E7=A4=BA=EF=BC=8C=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E8=8B=B1=E6=96=87=E7=95=8C=E9=9D=A2=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E6=88=AA=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/src/views/iot/device/index.vue | 43 ++++++++++++++++--------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/vue/src/views/iot/device/index.vue b/vue/src/views/iot/device/index.vue
index 891c486d..9c44d8a9 100644
--- a/vue/src/views/iot/device/index.vue
+++ b/vue/src/views/iot/device/index.vue
@@ -120,32 +120,28 @@
 
                             <div class="card-info">
                                 <div class="info-row">
-                                    <span class="info-value" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
-                                        {{ $t('device.device-edit.148398-4') }}：
-                                        <el-tooltip :content="item.productName || '---'" placement="top">
-                                            <span>{{ item.productName || '---' }}</span>
-                                        </el-tooltip>
-                                    </span>
+                                    <span class="info-label">{{ $t('device.device-edit.148398-4') }}</span>
+                                    <el-tooltip :content="item.productName || '---'" placement="top">
+                                        <span class="info-value">{{ item.productName || '---' }}</span>
+                                    </el-tooltip>
                                 </div>
                                 <div class="info-row">
-                                    <span class="info-value" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
-                                        {{ $t('device.device-edit.148398-7') }}：
-                                        <el-tooltip :content="item.serialNumber || '---'" placement="top">
-                                            <span>{{ item.serialNumber || '---' }}</span>
-                                        </el-tooltip>
-                                    </span>
+                                    <span class="info-label">{{ $t('device.device-edit.148398-7') }}</span>
+                                    <el-tooltip :content="item.serialNumber || '---'" placement="top">
+                                        <span class="info-value">{{ item.serialNumber || '---' }}</span>
+                                    </el-tooltip>
                                 </div>
                                 <div class="info-row" v-if="item.transport">
-                                    <span class="info-value">{{ $t('product.product-edit.473153-14') }}：{{ item.transport }}</span>
+                                    <span class="info-label">{{ $t('product.product-edit.473153-14') }}</span>
+                                    <el-tooltip :content="item.transport" placement="top">
+                                        <span class="info-value">{{ item.transport }}</span>
+                                    </el-tooltip>
                                 </div>
-
                                 <div class="info-row">
-                                    <span class="info-value" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
-                                        {{ $t('device.index.105953-23') }}：
-                                        <el-tooltip :content="item.protocolCode || '--'" placement="top">
-                                            <span>{{ item.protocolCode || '--' }}</span>
-                                        </el-tooltip>
-                                    </span>
+                                    <span class="info-label">{{ $t('device.index.105953-23') }}</span>
+                                    <el-tooltip :content="item.protocolCode || '--'" placement="top">
+                                        <span class="info-value">{{ item.protocolCode || '--' }}</span>
+                                    </el-tooltip>
                                 </div>
                             </div>
 
@@ -575,16 +571,23 @@ export default {
         .info-row {
             display: flex;
             flex-direction: column;
+            min-width: 0;
 
             .info-label {
                 font-size: 12px;
                 color: #909399;
                 margin-bottom: 4px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
             }
 
             .info-value {
                 font-size: 13px;
                 color: #606266;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
             }
         }
     }