From bc3eddfe84d994ef58767e9e6ad61b2d6d65f0da Mon Sep 17 00:00:00 2001
From: caoxiaozhu <leocaoxiaozhu@gmail.com>
Date: Sat, 11 Jul 2026 10:39:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=E8=AF=84?=
 =?UTF-8?q?=E6=B5=8B=E9=A1=B5=E9=9D=A2=E5=A4=B4=E9=83=A8=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除三个 Tab 下冗余的使用指南与刷新按钮及相关样式，新增任务详情入口占位。
---
 frontend/src/views/eval/EvalView.vue | 79 ++--------------------------
 1 file changed, 3 insertions(+), 76 deletions(-)

diff --git a/frontend/src/views/eval/EvalView.vue b/frontend/src/views/eval/EvalView.vue
index a57e8d0..1906e13 100644
--- a/frontend/src/views/eval/EvalView.vue
+++ b/frontend/src/views/eval/EvalView.vue
@@ -75,12 +75,8 @@ function handleCreateClick() {
   }
 }
 
-function handleRefresh() {
-  if (activeTab.value === 'tasks') {
-    loadEvalList()
-  } else if (activeTab.value === 'dimensions') {
-    loadDimensions()
-  }
+function handleViewDetail(row: any) {
+  ElMessage.info('详情功能开发中')
 }
 
 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 === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
         </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 #columns>
               <el-table-column label="任务名称" prop="eval_task_name" align="center" />
@@ -134,6 +120,7 @@ onMounted(() => {
               </el-table-column>
             </template>
             <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>
             </template>
     </DataTablePage>
@@ -152,16 +139,6 @@ onMounted(() => {
           <button class="capsule-tab-item" :class="{ active: activeTab === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
         </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 #columns>
         <el-table-column label="排名" prop="rank" width="80" 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 === 'dimensions' }" @click="activeTab = 'dimensions'">评测维度</button>
         </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 #columns>
               <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>