From aa9c1ea6126851692c31eeed13de2c39bf4b41ac Mon Sep 17 00:00:00 2001
From: Wangxin <wangxin@icanag.com>
Date: Sun, 2 Nov 2025 16:00:36 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90web=E3=80=91=20=E9=A2=84=E8=AD=A6?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=20=E5=A2=9E=E5=8A=A0=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ALOps_sys_fe/alops-ui/src/views/index.vue | 29 +++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/ALOps_sys_fe/alops-ui/src/views/index.vue b/ALOps_sys_fe/alops-ui/src/views/index.vue
index 776e9cd8..1b5c83db 100644
--- a/ALOps_sys_fe/alops-ui/src/views/index.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/index.vue
@@ -19,7 +19,7 @@
                                 :key="device.id || Math.random()" 
                                 class="device-item"
                                 @click="showDeviceDetail(device)">
-                                <div :class="['device-status', `status-${device.status || 'normal'}`]"></div>
+                                <div :class="['device-status', `status-${Number(device.health||0)}`]"></div>
                                 <div class="device-name">{{ device.equManuName || device.name || '未知设备' }}</div>
                                 <div class="device-value">
                                     <span :class="['health-icon', `health-${Number(device.health||0)}`]">
@@ -1398,7 +1398,28 @@ export default {
             margin-bottom: 5px;
             line-height: 1.5;
         }
-        
+        .status-0 {
+            background: #9E9E9E;
+            box-shadow: 0 0 5px #9E9E9E;
+        }
+        .status-1 {
+            background: #4CAF50;
+            box-shadow: 0 0 5px #4CAF50;
+        }
+        .status-2 {
+            background: #FF9800;
+            box-shadow: 0 0 5px #FF9800;
+        }
+        .status-4 {
+            background: #F44336;
+            box-shadow: 0 0 5px #F44336;
+        }
+        .status-3 {
+            background: #FFEB3B;
+            box-shadow: 0 0 5px #FFEB3B;
+        }   
+
+
         .status-normal {
             background: #4CAF50;
             box-shadow: 0 0 5px #4CAF50;
@@ -1436,10 +1457,10 @@ export default {
         .health-2{
             color: #FF9800;
         }
-        .health-3{
+        .health-4{
             color: #F44336;
         }
-        .health-4{
+        .health-3{
             color: #FFEB3B;
         }
         .health-0{