zyh/login_task_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新 AdminLayout 以显示当前用户的用户名，并引入获取用户信息的功能

Browse Source
This commit is contained in:
zyh
2025-08-24 20:00:30 +08:00
parent 17a1d4e85a
commit da1ac4ddcf
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/AdminLayout.vue
View File

@@ -56,7 +56,7 @@
<div class="spacer" /> <div class="spacer" />
<el-dropdown> <el-dropdown>
<span class="el-dropdown-link"> <span class="el-dropdown-link">
管理员<i class="el-icon el-icon--right"><svg width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10l5 5 5-5z"/></svg></i> {{ currentUser?.username || '用户' }}<i class="el-icon el-icon--right"><svg width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10l5 5 5-5z"/></svg></i>
</span> </span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
@@ -78,11 +78,14 @@
import { ref, computed } from 'vue' import { ref, computed } from 'vue'
import { clearTokens } from '@/utils/auth' import { clearTokens } from '@/utils/auth'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { canAccessRoute } from '@/utils/permission' import { canAccessRoute, getCurrentUser } from '@/utils/permission'
const collapsed = ref(false) const collapsed = ref(false)
const router = useRouter() const router = useRouter()
// 获取当前用户信息
const currentUser = computed(() => getCurrentUser())
// 权限检查 // 权限检查
const canAccessUsers = computed(() => canAccessRoute('Users')) const canAccessUsers = computed(() => canAccessRoute('Users'))
const canAccessGames = computed(() => canAccessRoute('Games')) const canAccessGames = computed(() => canAccessRoute('Games'))