fix(data-process): 优化输出类型选择样式

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, /<think>推理过程<\/think>/, '思维链选项没有说明最终保存格式')
-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">/,

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="output-type-row">
         <div class="field-copy">
           <strong>输出类型</strong>
           <small>控制答案是否包含可用于推理模型训练的思维链内容</small>
         </div>
-      <el-radio-group
+        <el-select
-        class="output-type-options"
+          class="output-type-select"
           :model-value="options.outputType"
           aria-label="输出类型"
           @update:model-value="updateOutputType"
         >
-        <el-radio-button value="standard">标准回答</el-radio-button>
+          <el-option label="标准回答" value="standard" />
-        <el-radio-button value="reasoning">思维链回答</el-radio-button>
+          <el-option label="思维链回答" value="reasoning" />
-      </el-radio-group>
+        </el-select>
+      </div>
       <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 {
+.output-type-row {
-  align-self: flex-start;
+  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; }
 }