From 454978be7bae945c8868c2471b57ef4009141c79 Mon Sep 17 00:00:00 2001
From: hezhaohui <hezhaohui0807@163.com>
Date: Fri, 17 Jul 2026 14:01:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(subsystem):=20=E8=B0=83=E6=95=B4=E5=AD=90?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E6=8E=A5=E5=85=A5=E7=8A=B6=E6=80=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Wayne 和 CloudDM 状态设为 active（在线）
- 其他子系统状态设为 integrating（接入改造中）
- 状态文本统一调整为「在线」/「接入改造中」
- 非 active 状态的跳转按钮显示为灰色禁用状态

Co-authored-by: lx <lx@users.noreply.github.com>
---
 frontend/src/api/subsystem.ts                 | 10 +++---
 frontend/src/components/SubsystemCard.vue     |  4 +--
 .../src/views/subsystem/SubsystemDetail.vue   | 32 ++++++++++++++-----
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/frontend/src/api/subsystem.ts b/frontend/src/api/subsystem.ts
index 7316944..c545f48 100644
--- a/frontend/src/api/subsystem.ts
+++ b/frontend/src/api/subsystem.ts
@@ -11,7 +11,7 @@ export interface Subsystem {
   url: string
   domain: string
   category: string
-  status: 'integrated' | 'integrating'
+  status: 'active' | 'integrated' | 'integrating'
   sso_enabled: boolean
 }
 
@@ -30,7 +30,7 @@ const mockSubsystems: Subsystem[] = [
     url: 'https://wayne.qiniu.com',
     domain: 'wayne.xinfra.internal',
     category: '容器管理',
-    status: 'integrated',
+    status: 'active',
     sso_enabled: true,
   },
   {
@@ -42,7 +42,7 @@ const mockSubsystems: Subsystem[] = [
     url: 'https://clouddm.qiniu.com',
     domain: 'clouddm.xinfra.internal',
     category: '数据库',
-    status: 'integrated',
+    status: 'active',
     sso_enabled: true,
   },
   {
@@ -78,7 +78,7 @@ const mockSubsystems: Subsystem[] = [
     url: 'https://qpass.xinfra.internal',
     domain: 'qpass.xinfra.internal',
     category: '内部系统',
-    status: 'integrated',
+    status: 'integrating',
     sso_enabled: true,
   },
   {
@@ -90,7 +90,7 @@ const mockSubsystems: Subsystem[] = [
     url: 'https://grafana.xinfra.internal',
     domain: 'grafana.xinfra.internal',
     category: '可观测性',
-    status: 'integrated',
+    status: 'integrating',
     sso_enabled: true,
   },
   {
diff --git a/frontend/src/components/SubsystemCard.vue b/frontend/src/components/SubsystemCard.vue
index 8b4d1d9..074d21b 100644
--- a/frontend/src/components/SubsystemCard.vue
+++ b/frontend/src/components/SubsystemCard.vue
@@ -11,8 +11,8 @@
     </div>
     <p>{{ system.description }}</p>
     <div class="sso-row">
-      <span class="sso-dot" :class="{ warn: system.status === 'integrating' }"></span>
-      {{ system.status === 'integrated' ? 'LDAP 原生配置接入 · 零代码' : 'LDAP 接入改造中' }}
+      <span class="sso-dot" :class="{ warn: system.status !== 'active' }"></span>
+      {{ system.status === 'active' ? 'LDAP 原生配置接入 · 在线' : 'LDAP 接入改造中' }}
     </div>
   </div>
 </template>
diff --git a/frontend/src/views/subsystem/SubsystemDetail.vue b/frontend/src/views/subsystem/SubsystemDetail.vue
index ab651c6..ceea24f 100644
--- a/frontend/src/views/subsystem/SubsystemDetail.vue
+++ b/frontend/src/views/subsystem/SubsystemDetail.vue
@@ -5,16 +5,16 @@
         <h1>{{ system.name }}</h1>
         <p>{{ system.description }} · {{ system.domain }}</p>
       </div>
-      <span class="env-pill" :class="system.status === 'integrated' ? '' : 'warn'">
-        {{ system.status === 'integrated' ? '● 已接入' : '● 接入中' }}
+      <span class="env-pill" :class="system.status === 'active' ? '' : 'warn'">
+        {{ system.status === 'active' ? '● 在线' : '● 接入中' }}
       </span>
     </div>
 
     <div class="stat-row">
       <div class="stat-card">
         <div class="label">接入状态</div>
-        <div class="value" :class="system.status === 'integrated' ? 'accent' : 'warn'">
-          {{ system.status === 'integrated' ? '已接入' : '接入中' }}
+        <div class="value" :class="system.status === 'active' ? 'accent' : 'warn'">
+          {{ system.status === 'active' ? '在线' : '接入中' }}
         </div>
         <div class="delta">{{ system.category }}</div>
       </div>
@@ -50,11 +50,17 @@
           </div>
           <p>{{ detailDesc }}</p>
           <div class="sso-row">
-            <span class="sso-dot" :class="{ warn: system.status === 'integrating' }"></span>
-            {{ system.status === 'integrated' ? 'LDAP 原生配置接入 · 已上线' : 'LDAP 接入改造中' }}
+            <span class="sso-dot" :class="{ warn: system.status !== 'active' }"></span>
+            {{ system.status === 'active' ? 'LDAP 原生配置接入 · 在线' : 'LDAP 接入改造中' }}
           </div>
-          <button class="btn btn-primary" style="margin-top:8px;align-self:flex-start;" @click="openPortal">
-            打开 {{ system.name }} ↗
+          <button
+            class="btn btn-primary"
+            :class="{ 'btn-disabled': system.status !== 'active' }"
+            :disabled="system.status !== 'active'"
+            style="margin-top:8px;align-self:flex-start;"
+            @click="openPortal"
+          >
+            {{ system.status !== 'active' ? '暂未开放' : '打开 ' + system.name + ' ↗' }}
           </button>
         </div>
       </div>
@@ -172,4 +178,14 @@ const openPortal = async () => {
 .btn-primary:hover {
   opacity: 0.85;
 }
+
+.btn-disabled {
+  background: var(--text-dim);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.btn-disabled:hover {
+  opacity: 0.6;
+}
 </style>