我的设备加载0.2

components/equipment-list/equipment-list.vue

@@ -49,6 +49,10 @@ export default {
   methods: {
     getStatusText(status) {
       const statusMap = {
+        available: '可租用',
+        rented: '已出租',
+        maintenance: '维护中',
+        scrapped: '报废',
         normal: '正常',
         warning: '警告',
         error: '异常',
@@ -141,6 +145,26 @@ export default {
   font-size: 24rpx;
   color: #40c186;
 
+  &.available {
+    background-color: #e6f7ff;
+    color: #1890ff;
+  }
+
+  &.rented {
+    background-color: #ebfff6;
+    color: #40c186;
+  }
+
+  &.maintenance {
+    background-color: #fff7e6;
+    color: #fa8c16;
+  }
+
+  &.scrapped {
+    background-color: #fff1f0;
+    color: #ff4d4f;
+  }
+
   &.normal {
     background-color: #ebfff6;
   }

pages/index/index.vue

@@ -146,11 +146,13 @@ export default {
             // 根据operationState判断设备状态
             let status = 'normal'
             if (device.operationState === '1') {
-              status = 'normal' // 正常
+              status = 'available' // 可租用
             } else if (device.operationState === '2') {
-              status = 'expired' // 过期
+              status = 'rented' // 已出租
             } else if (device.operationState === '3') {
               status = 'maintenance' // 维护中
+            } else if (device.operationState === '4') {
+              status = 'scrapped' // 报废
             }
 
             // 根据onlineState判断在线状态
@@ -180,7 +182,7 @@ export default {
           {
             id: 'default1',
             name: '商用节能灶',
-            status: 'normal',
+            status: 'rented',
             startTime: '2025-07-25 13:23:59',
             endTime: '2026-07-25 13:23:59',
             image: commonEnum.TEMP2,
@@ -189,7 +191,7 @@ export default {
           {
             id: 'default2',
             name: '节能燃烧器',
-            status: 'normal',
+            status: 'rented',
             startTime: '2025-07-25 13:23:59',
             endTime: '2026-07-25 13:23:59',
             image: commonEnum.TEMP3,