diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue
index de4e043b..2f32d965 100644
--- a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue
@@ -26,26 +26,26 @@
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 设备级别
                               </span>
-                              <span class="info-value">{{cardData.deviceLevel || '暂无'}}级</span>
+                              <span class="info-value" :title="cardData.deviceLevel || '暂无'">{{cardData.deviceLevel || '暂无'}}级</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-map-marker-alt"></i> 安装位置
                               </span>
-                              <span class="info-value">{{cardData.location || '暂无'}}</span>
+                              <span class="info-value" :title="cardData.location || '暂无'">{{cardData.location || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-tag"></i> 品牌型号
                               </span>
-                              <span class="info-value">{{cardData.brand || '暂无'}}</span>
+                              <span class="info-value" :title="cardData.brand || '暂无'">{{cardData.brand || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-heartbeat"></i> 带外IP
                                   <!-- <i class="fas fa-heartbeat"></i> 带内IP -->
                               </span>
-                              <span class="info-value">{{cardData.ip || '暂无'}}</span>
+                              <span class="info-value" :title="cardData.ip || '暂无'">{{cardData.ip || '暂无'}}</span>
                           </div>
                       </div>
                     </div>
@@ -420,6 +420,7 @@ export default {
         
         .info-label i {
             font-size: 12px;
+            width: 8px;
             color: #4299e1;
         }
         
@@ -427,6 +428,12 @@ export default {
             font-size: 14px;
             font-weight: 600;
             color: #2d3748;
+            padding-left: 14px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: help;
+            width: 90px;
         }
         
         .chart-container {
diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
index 343f06e2..e2b30f31 100644
--- a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
@@ -26,31 +26,31 @@
                               <span class="info-label">
                                   <i class="fas fa-heartbeat"></i> 设备编号
                               </span>
-                              <span class="info-value">{{details.equNumber || '暂无'}}</span>
+                              <span class="info-value" :title="details.equNumber || '暂无'">{{details.equNumber || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 固件版本
                               </span>
-                              <span class="info-value">{{details.version || '暂无'}}</span>
+                              <span class="info-value" :title="details.version || '暂无'">{{details.version || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 设备级别
                               </span>
-                              <span class="info-value">{{details.deviceLevel || '暂无'}}级</span>
+                              <span class="info-value" :title="(details.deviceLevel || '暂无') + '级'">{{details.deviceLevel || '暂无'}}级</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-map-marker-alt"></i> 安装位置
                               </span>
-                              <span class="info-value">{{details.location || '暂无'}}</span>
+                              <span class="info-value" :title="details.location || '暂无'">{{details.location || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-tag"></i> 品牌型号
                               </span>
-                              <span class="info-value">{{details.brand || '暂无'}}</span>
+                              <span class="info-value" :title="details.brand || '暂无'">{{details.brand || '暂无'}}</span>
                           </div>
                       </div>
 
@@ -62,33 +62,33 @@
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 生产厂商名称
                               </span>
-                              <span class="info-value">{{details.equManuName || '暂无'}}</span>
+                              <span class="info-value" :title="details.equManuName || '暂无'">{{details.equManuName || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-map-marker-alt"></i> 供货商名称
                               </span>
-                              <span class="info-value">{{details.supplierName || '暂无'}}</span>
+                              <span class="info-value" :title="details.supplierName || '暂无'">{{details.supplierName || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-tag"></i> 供货商联系人
                               </span>
-                              <span class="info-value">{{ details.contactBy || '暂无'}}</span>
+                              <span class="info-value" :title="details.contactBy || '暂无'">{{ details.contactBy || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-heartbeat"></i> 供货商联系电话
 
                               </span>
-                              <span class="info-value">{{ details.contactWay || '暂无'}}</span>
+                              <span class="info-value" :title="details.contactWay || '暂无'">{{ details.contactWay || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-heartbeat"></i> 质保时间
 
                               </span>
-                              <span class="info-value">{{details.warranty || '暂无'}}</span>
+                              <span class="info-value" :title="details.warranty || '暂无'">{{details.warranty || '暂无'}}</span>
                           </div>
                       </div>
 
@@ -100,7 +100,7 @@
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 带外管理IP
                               </span>
-                              <span class="info-value">{{details.ip || '暂无'}}</span>
+                              <span class="info-value" :title="details.ip || '暂无'">{{details.ip || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
@@ -112,13 +112,13 @@
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 安装日期
                               </span>
-                              <span class="info-value">{{details.installDate || '暂无'}}</span>
+                              <span class="info-value" :title="details.installDate || '暂无'">{{details.installDate || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 管理员
                               </span>
-                              <span class="info-value">{{details.inCharge || '暂无'}}</span>
+                              <span class="info-value" :title="details.inCharge || '暂无'">{{details.inCharge || '暂无'}}</span>
                           </div>
                       </div>
 
@@ -129,19 +129,19 @@
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 设备持续运行时长
                               </span>
-                              <span class="info-value">{{formatDuration(details.contWorkPeriod) || '暂无'}}</span>
+                              <span class="info-value" :title="formatDuration(details.contWorkPeriod) || '暂无'">{{formatDuration(details.contWorkPeriod) || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 待处理预警数
                               </span>
-                              <span class="info-value">{{details.unhandledAlertCount || '暂无'}}</span>
+                              <span class="info-value" :title="details.unhandledAlertCount || '暂无'">{{details.unhandledAlertCount || '暂无'}}</span>
                           </div>
                           <div class="info-item">
                               <span class="info-label">
                                   <i class="fas fa-layer-group"></i> 预警总数
                               </span>
-                              <span class="info-value">{{details.alertCount || '暂无'}}</span>
+                              <span class="info-value" :title="details.alertCount || '暂无'">{{details.alertCount || '暂无'}}</span>
                           </div>
                       </div>
                     </div>
@@ -1138,4 +1138,10 @@ mounted() {
           font-weight: 600;
           border-bottom: 2px solid #2d3748;
         }
+    .info-value {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      cursor: help;
+    }
     </style>
\ No newline at end of file