From eb464cff129a05d0508cf8a12a7ef793a599f09b Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Sat, 14 Feb 2026 14:07:36 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20ITTO=20=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 P1.2 输出"项目管理计划"添加明细（子管理计划、基准、其他组件）
- 将明细展示从纵向列表改为横向显示，用顿号分隔
- 节省空间，提升可读性

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>
---
 src/data/processes.json         | 11 ++++++-
 src/pages/ProcessDetailPage.tsx | 51 ++++++++++++++++-----------------
 2 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/data/processes.json b/src/data/processes.json
index 0a80ee5..c755cd1 100644
--- a/src/data/processes.json
+++ b/src/data/processes.json
@@ -50,7 +50,16 @@
         },
         "TT032"
       ],
-      "outputs": ["A008"],
+      "outputs": [
+        {
+          "id": "A008",
+          "detail": [
+            { "label": "子管理计划" },
+            { "label": "基准" },
+            { "label": "其他组件" }
+          ]
+        }
+      ],
       "w5h1": {
         "who": "项目经理主导，团队参与",
         "what": "定义、准备、协调所有子计划并整合为综合项目管理计划",
diff --git a/src/pages/ProcessDetailPage.tsx b/src/pages/ProcessDetailPage.tsx
index a72000d..4292352 100644
--- a/src/pages/ProcessDetailPage.tsx
+++ b/src/pages/ProcessDetailPage.tsx
@@ -244,15 +244,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{inputDetail.name || inputDetail.id}</div>
                       {inputDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{inputDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-blue-200 dark:border-blue-700">
-                          <ul className="space-y-1">
-                            {inputDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-blue-500 dark:text-blue-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-blue-600 dark:text-blue-400">包含：</span>
+                          {inputDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < inputDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {inputDetail.note && (
@@ -314,15 +313,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{toolDetail.name || toolDetail.id}</div>
                       {toolDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{toolDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-amber-200 dark:border-amber-700">
-                          <ul className="space-y-1">
-                            {toolDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-amber-500 dark:text-amber-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-amber-600 dark:text-amber-400">包含：</span>
+                          {toolDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < toolDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {toolDetail.note && (
@@ -384,15 +382,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{outputDetail.name || outputDetail.id}</div>
                       {outputDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{outputDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-emerald-200 dark:border-emerald-700">
-                          <ul className="space-y-1">
-                            {outputDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-emerald-500 dark:text-emerald-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-emerald-600 dark:text-emerald-400">包含：</span>
+                          {outputDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < outputDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {outputDetail.note && (