YG-Soft/YG_FT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(data-process): 对齐数据集名称起点

Browse Source
This commit is contained in:
caoxiaozhu
2026-07-25 21:59:02 +08:00
parent 2e8278636b
commit 2e2cbb4976
2 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/scripts/regression-data-process-detail.mjs
View File

@@ -56,8 +56,9 @@ assert.match(detailSource, /publishDataProcess\(taskId\.value,/, '发布数据
assert.match(detailSource, /path: '\/dataset', query: \{ tab: 'task', task_id: taskId\.value \}/, '发布成功后未进入数据任务列表') assert.match(detailSource, /path: '\/dataset', query: \{ tab: 'task', task_id: taskId\.value \}/, '发布成功后未进入数据任务列表')
assert.match(detailSource, /published\.datasets \|\| published\.output_datasets/, '发布成功后未读取三个独立数据集') assert.match(detailSource, /published\.datasets \|\| published\.output_datasets/, '发布成功后未读取三个独立数据集')
assert.match(detailSource, /v-for="dataset in outputDatasets"/, '任务详情未展示三个输出数据集入口') assert.match(detailSource, /v-for="dataset in outputDatasets"/, '任务详情未展示三个输出数据集入口')
assert.match(detailSource, /class="output-dataset-row"[\s\S]*?class="output-dataset-links"/, '输出数据集没有独立的多行对齐布局') assert.match(detailSource, /class="output-dataset-row"[\s\S]*?class="output-dataset-cell"[\s\S]*?class="output-dataset-links"/, '输出数据集没有独立的多行对齐布局')
assert.match(detailSource, /\.output-dataset-links[\s\S]*?flex-direction:\s*column[\s\S]*?align-items:\s*flex-end/, '输出数据集链接没有按右侧纵向对齐') assert.match(detailSource, /\.output-dataset-links[\s\S]*?display:\s*inline-grid[\s\S]*?grid-template-columns:\s*max-content[\s\S]*?text-align:\s*left/, '输出数据集名称没有统一左边缘')
assert.match(detailSource, /\.output-dataset-links[\s\S]*?\.el-button[\s\S]*?width:\s*100%[\s\S]*?margin-left:\s*0/, '输出数据集链接没有清除默认间距或统一宽度')
assert.match(detailSource, /将发布三个独立数据集/, '发布说明仍未明确生成三个独立数据集') assert.match(detailSource, /将发布三个独立数据集/, '发布说明仍未明确生成三个独立数据集')
assert.match(detailSource, /outputDatasetBaseName\.value/, '重新同步时未使用单一基础名称') assert.match(detailSource, /outputDatasetBaseName\.value/, '重新同步时未使用单一基础名称')
assert.doesNotMatch(detailSource, /label="数据集类型"/, '发布三个数据集时不应再选择单一数据集类型') assert.doesNotMatch(detailSource, /label="数据集类型"/, '发布三个数据集时不应再选择单一数据集类型')

39
frontend/src/views/data-process/DataProcessDetailView.vue
View File

@@ -581,15 +581,17 @@ onBeforeUnmount(() => {
<div><dt>源数据集</dt><dd>{{ sourceDatasetName }}</dd></div> <div><dt>源数据集</dt><dd>{{ sourceDatasetName }}</dd></div>
<div class="output-dataset-row"> <div class="output-dataset-row">
<dt>输出数据集</dt> <dt>输出数据集</dt>
<dd class="output-dataset-links"> <dd class="output-dataset-cell">
<el-button <div v-if="outputDatasets.length" class="output-dataset-links">
v-for="dataset in outputDatasets" <el-button
:key="String(dataset.id)" v-for="dataset in outputDatasets"
type="primary" :key="String(dataset.id)"
link type="primary"
@click="router.push(`/dataset/${dataset.id}/preview`)" link
>{{ dataset.name }}（{{ dataset.count || 0 }} 条）<i class="fa fa-external-link" /></el-button> @click="router.push(`/dataset/${dataset.id}/preview`)"
<span v-if="!outputDatasets.length">尚未发布为数据集</span> >{{ dataset.name }}（{{ dataset.count || 0 }} 条）<i class="fa fa-external-link" /></el-button>
</div>
<span v-else>尚未发布为数据集</span>
</dd> </dd>
</div> </div>
</dl> </dl>
@@ -856,19 +858,28 @@ onBeforeUnmount(() => {
dt { padding-top: 2px; line-height: 24px; } dt { padding-top: 2px; line-height: 24px; }
} }
.output-dataset-cell { min-width: 0; }
.output-dataset-links { .output-dataset-links {
max-width: 100%;
min-width: 0; min-width: 0;
display: flex; display: inline-grid;
flex-direction: column; grid-template-columns: max-content;
align-items: flex-end;
gap: 4px; gap: 4px;
text-align: left;
:deep(.el-button) { :deep(.el-button) {
width: 100%;
max-width: 100%; max-width: 100%;
margin-left: 0; margin-left: 0;
justify-content: flex-end; justify-content: flex-start;
line-height: 24px; line-height: 24px;
text-align: right; white-space: normal;
}
:deep(.el-button i) {
margin-left: auto;
padding-left: 12px;
} }
} }