|
|
@@ -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>
|
needcode