refactor: 精简评测页面头部操作

移除三个 Tab 下冗余的使用指南与刷新按钮及相关样式,新增任务详情入口占位。
This commit is contained in:
caoxiaozhu
2026-07-11 10:39:04 +08:00
parent a438684575
commit bc3eddfe84

View File

@@ -75,12 +75,8 @@ function handleCreateClick() {
} }
} }
function handleRefresh() { function handleViewDetail(row: any) {
if (activeTab.value === 'tasks') { ElMessage.info('详情功能开发中')
loadEvalList()
} else if (activeTab.value === 'dimensions') {
loadDimensions()
}
} }
onMounted(() => { onMounted(() => {
@@ -109,16 +105,6 @@ onMounted(() => {
<button class="capsule-tab-item" :class="{ active: activeTab === 'leaderboard' }" @click="activeTab = 'leaderboard'">排行榜</button> <button class="capsule-tab-item" :class="{ active: activeTab === 'leaderboard' }" @click="activeTab = 'leaderboard'">排行榜</button>
<button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button> <button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
</div> </div>
</template>
<template #toolbar-extra>
<div class="eval-header-actions">
<el-link class="action-guide" :underlined="false">
<i class="fa fa-file-text-o" style="margin-right: 4px;" />使用指南
</el-link>
<button class="action-refresh" @click="handleRefresh" title="刷新">
<i class="fa fa-refresh" />
</button>
</div>
</template> </template>
<template #columns> <template #columns>
<el-table-column label="任务名称" prop="eval_task_name" align="center" /> <el-table-column label="任务名称" prop="eval_task_name" align="center" />
@@ -134,6 +120,7 @@ onMounted(() => {
</el-table-column> </el-table-column>
</template> </template>
<template #actions="{ row }"> <template #actions="{ row }">
<el-button link type="primary" size="small" @click="handleViewDetail(row)">详情</el-button>
<el-button link type="danger" size="small" @click="handleDeleteEval(row)">删除</el-button> <el-button link type="danger" size="small" @click="handleDeleteEval(row)">删除</el-button>
</template> </template>
</DataTablePage> </DataTablePage>
@@ -152,16 +139,6 @@ onMounted(() => {
<button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button> <button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
</div> </div>
</template> </template>
<template #toolbar-extra>
<div class="eval-header-actions">
<el-link class="action-guide" :underlined="false">
<i class="fa fa-file-text-o" style="margin-right: 4px;" />使用指南
</el-link>
<button class="action-refresh" @click="handleRefresh" title="刷新">
<i class="fa fa-refresh" />
</button>
</div>
</template>
<template #columns> <template #columns>
<el-table-column label="排名" prop="rank" width="80" align="center" /> <el-table-column label="排名" prop="rank" width="80" align="center" />
<el-table-column label="模型名称" prop="name" align="center" /> <el-table-column label="模型名称" prop="name" align="center" />
@@ -187,16 +164,6 @@ onMounted(() => {
<button class="capsule-tab-item" :class="{ active: activeTab === 'leaderboard' }" @click="activeTab = 'leaderboard'">排行榜</button> <button class="capsule-tab-item" :class="{ active: activeTab === 'leaderboard' }" @click="activeTab = 'leaderboard'">排行榜</button>
<button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button> <button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
</div> </div>
</template>
<template #toolbar-extra>
<div class="eval-header-actions">
<el-link class="action-guide" :underlined="false">
<i class="fa fa-file-text-o" style="margin-right: 4px;" />使用指南
</el-link>
<button class="action-refresh" @click="handleRefresh" title="刷新">
<i class="fa fa-refresh" />
</button>
</div>
</template> </template>
<template #columns> <template #columns>
<el-table-column label="维度名称" prop="name" align="center" /> <el-table-column label="维度名称" prop="name" align="center" />
@@ -264,44 +231,4 @@ onMounted(() => {
} }
} }
.eval-header-actions {
display: flex;
align-items: center;
gap: 16px;
.action-guide {
font-size: 13px;
color: #64748b;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
transition: color 0.2s;
&:hover {
color: #1e293b;
}
}
.action-refresh {
border: 0;
background: transparent;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #64748b;
cursor: pointer;
border-radius: 6px;
transition: background 0.2s, color 0.2s;
outline: none;
&:hover {
background: #f1f5f9;
color: #1e293b;
}
}
}
</style> </style>