fix(data-process): 调整输出类型选项位置

This commit is contained in:
caoxiaozhu
2026-07-27 13:43:30 +08:00
parent de2e8952b5
commit f3fa5f1a68
2 changed files with 41 additions and 22 deletions

View File

@@ -481,6 +481,16 @@ assert.match(generationControlSource, /maxlength="500"/, '默认提示语缺少
assert.match(generationControlSource, /aria-label="输出类型"/, '输出类型选项缺少可访问名称') assert.match(generationControlSource, /aria-label="输出类型"/, '输出类型选项缺少可访问名称')
assert.match(generationControlSource, /<think>推理过程<\/think>/, '思维链选项没有说明最终保存格式') assert.match(generationControlSource, /<think>推理过程<\/think>/, '思维链选项没有说明最终保存格式')
assert.match(generationControlSource, /\.output-type-options[\s\S]*?min-height:\s*44px/, '输出类型选项的点击区域不足 44px') assert.match(generationControlSource, /\.output-type-options[\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">/,
'输出类型必须显示在第一步生成选项中,并位于质量筛选之前',
)
const modelGenerationSection = generationControlSource.slice(
generationControlSource.indexOf('<div v-if="section === \'model\'"'),
generationControlSource.indexOf('<div v-else class="generation-config-group quality-config-group">'),
)
assert.doesNotMatch(modelGenerationSection, /<strong>输出类型<\/strong>/, '第二步大模型选择不应重复显示输出类型')
assert.match(generationControlSource, /\.model-field\s*\{[\s\S]*?display:\s*flex[\s\S]*?flex-direction:\s*column/, '大模型字段没有使用稳定的纵向表单布局') assert.match(generationControlSource, /\.model-field\s*\{[\s\S]*?display:\s*flex[\s\S]*?flex-direction:\s*column/, '大模型字段没有使用稳定的纵向表单布局')
assert.match(generationControlSource, /\.generation-config-group\s*\{[\s\S]*?border:\s*1px solid #e2e5ec/, '大模型配置没有保留统一配置面板边框') assert.match(generationControlSource, /\.generation-config-group\s*\{[\s\S]*?border:\s*1px solid #e2e5ec/, '大模型配置没有保留统一配置面板边框')
assert.match(generationControlSource, /\.model-config-group\s*\{[\s\S]*?padding:\s*0[\s\S]*?border:\s*0/, '独立大模型步骤仍存在嵌套卡片挤压') assert.match(generationControlSource, /\.model-config-group\s*\{[\s\S]*?padding:\s*0[\s\S]*?border:\s*0/, '独立大模型步骤仍存在嵌套卡片挤压')

View File

@@ -110,28 +110,6 @@ function modelMeta(model: ModelItem) {
</div> </div>
</div> </div>
<div class="model-field output-type-field">
<div class="field-copy">
<strong>输出类型</strong>
<small>控制答案是否包含可用于推理模型训练的思维链内容</small>
</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>
</template>
<template v-else>仅保存最终答案不包含推理过程</template>
</p>
</div>
<div class="advanced-settings-grid"> <div class="advanced-settings-grid">
<label class="config-field"> <label class="config-field">
<span class="config-field-label">生成温度 (Temperature)</span> <span class="config-field-label">生成温度 (Temperature)</span>
@@ -183,6 +161,28 @@ function modelMeta(model: ModelItem) {
</div> </div>
<div v-else class="generation-config-group quality-config-group"> <div v-else class="generation-config-group quality-config-group">
<div class="output-type-field">
<div class="field-copy">
<strong>输出类型</strong>
<small>控制答案是否包含可用于推理模型训练的思维链内容</small>
</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>
</template>
<template v-else>仅保存最终答案不包含推理过程</template>
</p>
</div>
<div class="quality-switch-row"> <div class="quality-switch-row">
<div class="config-group-heading"> <div class="config-group-heading">
<div> <div>
@@ -339,6 +339,15 @@ function modelMeta(model: ModelItem) {
} }
} }
.output-type-field {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #e7eaf0;
}
.output-type-hint { .output-type-hint {
min-height: 20px; min-height: 20px;
margin: 0; margin: 0;