refactor: 精简评测页面头部操作
移除三个 Tab 下冗余的使用指南与刷新按钮及相关样式,新增任务详情入口占位。
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user