From 05c1a5c1e188f58f5f95a69aa085472e921d01e5 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <leocaoxiaozhu@gmail.com>
Date: Mon, 27 Jul 2026 13:49:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(data-process):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA=E7=B1=BB=E5=9E=8B=E9=80=89=E6=8B=A9=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../regression-data-process-wizard.mjs        |  5 ++-
 .../create/GenerationOptionsPanel.vue         | 42 ++++++++++++-------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/frontend/scripts/regression-data-process-wizard.mjs b/frontend/scripts/regression-data-process-wizard.mjs
index ad58292..d4bea6c 100644
--- a/frontend/scripts/regression-data-process-wizard.mjs
+++ b/frontend/scripts/regression-data-process-wizard.mjs
@@ -480,7 +480,10 @@ assert.match(generationControlSource, /filterable/, '数据生成模型下拉必
 assert.match(generationControlSource, /maxlength="500"/, '默认提示语缺少合理的长度限制')
 assert.match(generationControlSource, /aria-label="输出类型"/, '输出类型选项缺少可访问名称')
 assert.match(generationControlSource, /&lt;think&gt;推理过程&lt;\/think&gt;/, '思维链选项没有说明最终保存格式')
-assert.match(generationControlSource, /\.output-type-options[\s\S]*?min-height:\s*44px/, '输出类型选项的点击区域不足 44px')
+assert.match(generationControlSource, /<el-select[\s\S]*?class="output-type-select"[\s\S]*?aria-label="输出类型"/, '输出类型必须使用右侧下拉选择')
+assert.doesNotMatch(generationControlSource, /class="output-type-options"/, '输出类型不应继续使用横向按钮组')
+assert.match(generationControlSource, /\.output-type-row\s*\{[\s\S]*?grid-template-columns:\s*minmax\(0, 1fr\) 220px/, '输出类型没有采用左侧说明、右侧下拉布局')
+assert.match(generationControlSource, /\.output-type-select[\s\S]*?\.el-select__wrapper[\s\S]*?min-height:\s*44px/, '输出类型下拉框的点击区域不足 44px')
 assert.match(
   generationControlSource,
   /<div v-else class="generation-config-group quality-config-group">[\s\S]*?<strong>输出类型<\/strong>[\s\S]*?<div class="quality-switch-row">/,
diff --git a/frontend/src/views/data-process/create/GenerationOptionsPanel.vue b/frontend/src/views/data-process/create/GenerationOptionsPanel.vue
index af2468d..fc50594 100644
--- a/frontend/src/views/data-process/create/GenerationOptionsPanel.vue
+++ b/frontend/src/views/data-process/create/GenerationOptionsPanel.vue
@@ -162,19 +162,21 @@ function modelMeta(model: ModelItem) {
 
   <div v-else class="generation-config-group quality-config-group">
     <div class="output-type-field">
-      <div class="field-copy">
-        <strong>输出类型</strong>
-        <small>控制答案是否包含可用于推理模型训练的思维链内容</small>
+      <div class="output-type-row">
+        <div class="field-copy">
+          <strong>输出类型</strong>
+          <small>控制答案是否包含可用于推理模型训练的思维链内容</small>
+        </div>
+        <el-select
+          class="output-type-select"
+          :model-value="options.outputType"
+          aria-label="输出类型"
+          @update:model-value="updateOutputType"
+        >
+          <el-option label="标准回答" value="standard" />
+          <el-option label="思维链回答" value="reasoning" />
+        </el-select>
       </div>
-      <el-radio-group
-        class="output-type-options"
-        :model-value="options.outputType"
-        aria-label="输出类型"
-        @update:model-value="updateOutputType"
-      >
-        <el-radio-button value="standard">标准回答</el-radio-button>
-        <el-radio-button value="reasoning">思维链回答</el-radio-button>
-      </el-radio-group>
       <p class="output-type-hint">
         <template v-if="options.outputType === 'reasoning'">
           生成结果将按 <code>&lt;think&gt;推理过程&lt;/think&gt;</code> 加最终答案的格式保存。
@@ -330,12 +332,18 @@ function modelMeta(model: ModelItem) {
   }
 }
 
-.output-type-options {
-  align-self: flex-start;
+.output-type-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 220px;
+  align-items: center;
+  gap: 24px;
+}
 
-  :deep(.el-radio-button__inner) {
+.output-type-select {
+  width: 220px;
+
+  :deep(.el-select__wrapper) {
     min-height: 44px;
-    padding: 13px 22px;
   }
 }
 
@@ -445,6 +453,8 @@ function modelMeta(model: ModelItem) {
 
 @media (max-width: 900px) {
   .advanced-settings-grid { grid-template-columns: 1fr; }
+  .output-type-row { grid-template-columns: 1fr; gap: 10px; }
+  .output-type-select { width: 100%; }
   .quality-rule-list { grid-template-columns: 1fr; }
   .minimum-length-field { grid-template-columns: 1fr; }
 }