fix:颜色

src/pages-charge/machines/charge-machine/charge-machine.vue

@@ -38,13 +38,8 @@
             'fs-24',
             'flex-center',
             'ml-8',
-            item.connectorStatusInfo.status === 255 ||
-            item.connectorStatusInfo.status === 0 ||
-            item.connectorStatusInfo.status === 2
-              ? 'tag-disabled'
-              : 'tag-warning',
+            `tag-${item.connectorStatusInfo.status}`,
           ]"
-          v-if="item.connectorStatusInfo.status !== 1"
           >{{ (statusMap as any)[item.connectorStatusInfo.status] }}</view
         >
       </view>
@@ -89,7 +84,7 @@ export default {
         255: "故障",
         0: "离网",
         1: "空闲",
-        2: "已占用",
+        2: "占用中",
         3: "充电中",
         4: "已预约",
       },
@@ -155,13 +150,29 @@ export default {
     box-sizing: border-box;
     border-radius: 8rpx;
   }
-  .tag-warning {
-    color: var(--color-warning);
-    background: rgba(255, 153, 0, 0.1);
+  .tag-255 {
+    color: #f43636;
+    background: rgba(244, 54, 54, 0.1);
   }
-  .tag-disabled {
+  .tag-0 {
     color: #b1b1b1;
-    background: rgba(177, 177, 177, 0.1);
+    background-color: rgba(177, 177, 177, 0.1);
+  }
+  .tag-1 {
+    color: #21dc82;
+    background: rgba(33, 220, 130, 0.1);
+  }
+  .tag-2 {
+    color: rgba(255, 153, 0, 1);
+    background: rgba(255, 153, 0, 0.1);
+  }
+  .tag-3 {
+    color: var(--color-primary);
+    background: rgba(52, 125, 255, 0.10);
+  }
+  .tag-4 {
+    color: rgba(255, 153, 0, 1);
+    background: rgba(255, 153, 0, 0.1);
   }
 }
 </style>