fix(data-process): 优化输出类型选择样式
This commit is contained in:
@@ -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><think>推理过程</think></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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user