新增功能 - 关卡能力扩展

1. 管理员管理和精选关卡
2. 用户可以选择已有关卡进行挑战

Author: liyupi

coder-test-frontend/src/api/admin.js

@@ -0,0 +1,38 @@
+import request from '../utils/request'
+
+// 分页查询关卡列表
+export const listLevels = (data) => {
+  return request.post('/admin/level/list', data)
+}
+
+// 添加关卡
+export const addLevel = (data) => {
+  return request.post('/admin/level/add', data)
+}
+
+// 更新关卡
+export const updateLevel = (data) => {
+  return request.post('/admin/level/update', data)
+}
+
+// 删除关卡
+export const deleteLevel = (id) => {
+  return request.post(`/admin/level/delete/${id}`)
+}
+
+// 设置关卡为精选
+export const setLevelFeatured = (id) => {
+  return request.post(`/admin/level/setFeatured/${id}`)
+}
+
+// 取消关卡精选
+export const cancelLevelFeatured = (id) => {
+  return request.post(`/admin/level/cancelFeatured/${id}`)
+}
+
+// 批量设置关卡优先级
+export const setLevelPriority = (ids, priority) => {
+  return request.post('/admin/level/setPriority', null, {
+    params: { ids, priority }
+  })
+}

coder-test-frontend/src/api/level.js

@@ -9,3 +9,10 @@ export const generateLevel = (data) => {
 export const getLevelDetail = (id) => {
   return request.get(`/level/${id}`)
 }
+
+// 分页获取精选关卡列表
+export const getFeaturedLevels = (current = 1, pageSize = 10) => {
+  return request.get('/level/featured', {
+    params: { current, pageSize }
+  })
+}

coder-test-frontend/src/components/GlobalNavbar.vue

@@ -48,6 +48,14 @@
                   <el-icon><Clock /></el-icon>
                   闯关历史
                 </el-dropdown-item>
+                <el-dropdown-item 
+                  v-if="isAdmin" 
+                  @click="$router.push('/admin')"
+                  divided
+                >
+                  <el-icon><Setting /></el-icon>
+                  管理后台
+                </el-dropdown-item>
                 <el-dropdown-item divided @click="handleLogout">
                   <el-icon><SwitchButton /></el-icon>
                   退出登录
@@ -72,7 +80,8 @@ import {
   Clock, 
   SwitchButton, 
   Coin,
-  User
+  User,
+  Setting
 } from '@element-plus/icons-vue'
 
 // Props
@@ -88,6 +97,7 @@ const userStore = useUserStore()
 
 const isLoggedIn = computed(() => userStore.isLoggedIn)
 const user = computed(() => userStore.user)
+const isAdmin = computed(() => user.value?.userRole === 'admin')
 
 const handleLogoClick = () => {
   router.push('/')

coder-test-frontend/src/router/index.js

@@ -38,6 +38,12 @@ const routes = [
     name: 'Result',
     component: () => import('../views/Result.vue'),
     meta: { requiresAuth: true }
+  },
+  {
+    path: '/admin',
+    name: 'Admin',
+    component: () => import('../views/Admin.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true }
   }
 ]
 
@@ -67,6 +73,15 @@ router.beforeEach(async (to, from, next) => {
         return
       }
     }
+
+    // 检查管理员权限
+    if (to.meta.requiresAdmin) {
+      if (!userStore.user || userStore.user.userRole !== 'admin') {
+        console.log('路由守卫 - 无管理员权限')
+        next('/')
+        return
+      }
+    }
   }
 
   console.log('路由守卫 - 允许访问')