diff --git a/frontend/admin-web/src/app/(dashboard)/maintenance/maintenance.module.scss b/frontend/admin-web/src/app/(dashboard)/maintenance/maintenance.module.scss index 9792ae42..c12c4abb 100644 --- a/frontend/admin-web/src/app/(dashboard)/maintenance/maintenance.module.scss +++ b/frontend/admin-web/src/app/(dashboard)/maintenance/maintenance.module.scss @@ -182,6 +182,11 @@ color: #1890ff; } + &--inactive { + background: #fff7e6; + color: #fa8c16; + } + &--expired { background: #f5f5f5; color: #8c8c8c; diff --git a/frontend/admin-web/src/app/(dashboard)/maintenance/page.tsx b/frontend/admin-web/src/app/(dashboard)/maintenance/page.tsx index df802de5..c94ffce4 100644 --- a/frontend/admin-web/src/app/(dashboard)/maintenance/page.tsx +++ b/frontend/admin-web/src/app/(dashboard)/maintenance/page.tsx @@ -33,10 +33,16 @@ const getStatusTag = (item: MaintenanceItem) => { if (now > endTime) { return { label: '已过期', style: 'expired' }; } - if (now < startTime) { + if (item.isActive && now < startTime) { return { label: '已计划', style: 'scheduled' }; } - return { label: '未激活', style: 'expired' }; + if (!item.isActive && now >= startTime && now <= endTime) { + return { label: '未激活', style: 'inactive' }; // 在时间范围内但未激活 + } + if (!item.isActive && now < startTime) { + return { label: '待激活', style: 'scheduled' }; // 未到开始时间且未激活 + } + return { label: '未激活', style: 'inactive' }; }; // 获取项目样式类名