diff --git a/components/equipment-list/equipment-list.vue b/components/equipment-list/equipment-list.vue index a474ce7..71029c6 100644 --- a/components/equipment-list/equipment-list.vue +++ b/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; } diff --git a/pages/index/index.vue b/pages/index/index.vue index ac7c3f1..efda80c 100644 --- a/pages/index/index.vue +++ b/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,