From ba3a21d04947c50c3fe5200cd2b5e3ed82bb112c Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Sun, 28 Dec 2025 04:59:06 -0800
Subject: [PATCH] =?UTF-8?q?fix(admin-web):=20=E4=BF=AE=E5=A4=8D=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E7=BB=B4=E6=8A=A4"=E7=AB=8B=E5=8D=B3=E6=BF=80?=
 =?UTF-8?q?=E6=B4=BB"=E6=8C=89=E9=92=AE=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复 getStatusTag 函数逻辑，未激活状态使用 'inactive' 样式而不是 'expired'
- 添加更细化的状态判断：维护中、已过期、已计划、未激活、待激活
- 添加 inactive 标签样式（橙色背景）
- 现在未激活的维护计划会正确显示"立即激活"按钮

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../(dashboard)/maintenance/maintenance.module.scss    |  5 +++++
 .../admin-web/src/app/(dashboard)/maintenance/page.tsx | 10 ++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

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' };
 };
 
 // 获取项目样式类名