From bbc0df29bf588991ead8167d41594af1d63e7494 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <leocaoxiaozhu@gmail.com>
Date: Sat, 25 Jul 2026 21:55:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(data-process):=20=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA=E6=95=B0=E6=8D=AE=E9=9B=86=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../regression-data-process-detail.mjs        |  2 ++
 .../data-process/DataProcessDetailView.vue    | 27 +++++++++++++++++--
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/frontend/scripts/regression-data-process-detail.mjs b/frontend/scripts/regression-data-process-detail.mjs
index b9b815c..69147be 100644
--- a/frontend/scripts/regression-data-process-detail.mjs
+++ b/frontend/scripts/regression-data-process-detail.mjs
@@ -56,6 +56,8 @@ assert.match(detailSource, /publishDataProcess\(taskId\.value,/, '发布数据
 assert.match(detailSource, /path: '\/dataset', query: \{ tab: 'task', task_id: taskId\.value \}/, '发布成功后未进入数据任务列表')
 assert.match(detailSource, /published\.datasets \|\| published\.output_datasets/, '发布成功后未读取三个独立数据集')
 assert.match(detailSource, /v-for="dataset in outputDatasets"/, '任务详情未展示三个输出数据集入口')
+assert.match(detailSource, /class="output-dataset-row"[\s\S]*?class="output-dataset-links"/, '输出数据集没有独立的多行对齐布局')
+assert.match(detailSource, /\.output-dataset-links[\s\S]*?flex-direction:\s*column[\s\S]*?align-items:\s*flex-end/, '输出数据集链接没有按右侧纵向对齐')
 assert.match(detailSource, /将发布三个独立数据集/, '发布说明仍未明确生成三个独立数据集')
 assert.match(detailSource, /outputDatasetBaseName\.value/, '重新同步时未使用单一基础名称')
 assert.doesNotMatch(detailSource, /label="数据集类型"/, '发布三个数据集时不应再选择单一数据集类型')
diff --git a/frontend/src/views/data-process/DataProcessDetailView.vue b/frontend/src/views/data-process/DataProcessDetailView.vue
index 267550f..ab3a5c0 100644
--- a/frontend/src/views/data-process/DataProcessDetailView.vue
+++ b/frontend/src/views/data-process/DataProcessDetailView.vue
@@ -579,9 +579,9 @@ onBeforeUnmount(() => {
             <div><dt>完成时间</dt><dd>{{ formatDateTime(completeTime) }}</dd></div>
             <div><dt>处理耗时</dt><dd>{{ durationText }}</dd></div>
             <div><dt>源数据集</dt><dd>{{ sourceDatasetName }}</dd></div>
-            <div>
+            <div class="output-dataset-row">
               <dt>输出数据集</dt>
-              <dd>
+              <dd class="output-dataset-links">
                 <el-button
                   v-for="dataset in outputDatasets"
                   :key="String(dataset.id)"
@@ -849,6 +849,29 @@ onBeforeUnmount(() => {
   :deep(.el-button) { height: auto; padding: 0; }
 }
 
+.info-list > .output-dataset-row {
+  align-items: start;
+  padding: 10px 0;
+
+  dt { padding-top: 2px; line-height: 24px; }
+}
+
+.output-dataset-links {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+
+  :deep(.el-button) {
+    max-width: 100%;
+    margin-left: 0;
+    justify-content: flex-end;
+    line-height: 24px;
+    text-align: right;
+  }
+}
+
 .statistics-grid { padding: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
 .statistics-grid > div {
   min-height: 78px; padding: 13px; border-radius: 6px; background: #f8fafc; display: flex; flex-direction: column; gap: 8px;