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

This commit is contained in:
caoxiaozhu
2026-07-27 13:49:21 +08:00
parent f3fa5f1a68
commit 05c1a5c1e1
2 changed files with 30 additions and 17 deletions

View File

@@ -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; }
}