156 lines
3.2 KiB
Vue
156 lines
3.2 KiB
Vue
<script lang="ts" setup>
|
|
import { Boxes, Code, DollarSign, FileLock, Gauge, GitBranch, Hash, Key, Megaphone, MessageSquare, Network, Plug, ScrollText, Shield, Users, Variable } from 'lucide-vue-next'
|
|
import { onMounted, reactive } from 'vue'
|
|
|
|
import NavTeam from '@/components/app-sidebar/nav-team.vue'
|
|
import TeamSwitcher from '@/components/app-sidebar/team-switcher.vue'
|
|
import NavFooter from '@/components/admin-sidebar/nav-footer.vue'
|
|
|
|
const user = reactive({
|
|
name: '管理员',
|
|
email: 'admin@example.com',
|
|
avatar: '/avatars/admin.jpg',
|
|
role: 'admin',
|
|
})
|
|
|
|
onMounted(() => {
|
|
const storedUser = localStorage.getItem('user')
|
|
if (storedUser) {
|
|
try {
|
|
const parsedUser = JSON.parse(storedUser)
|
|
user.name = parsedUser.username || user.name
|
|
user.email = parsedUser.email || user.email
|
|
user.avatar = parsedUser.avatar || user.avatar
|
|
user.role = parsedUser.role || user.role
|
|
}
|
|
catch (e) {
|
|
console.error('Failed to parse user from localStorage', e)
|
|
}
|
|
}
|
|
})
|
|
|
|
const teams = [
|
|
{
|
|
name: '管理后台',
|
|
logo: Code,
|
|
plan: 'Admin',
|
|
},
|
|
]
|
|
|
|
const navMain = [
|
|
{
|
|
title: '主要功能',
|
|
items: [
|
|
{
|
|
title: '控制台',
|
|
url: '/admin',
|
|
icon: Gauge,
|
|
},
|
|
{
|
|
title: '应用管理',
|
|
url: '/admin/applications',
|
|
icon: Boxes,
|
|
},
|
|
{
|
|
title: '卡类管理',
|
|
url: '/admin/card-types',
|
|
icon: Hash,
|
|
},
|
|
{
|
|
title: '卡密管理',
|
|
url: '/admin/cards',
|
|
icon: Key,
|
|
},
|
|
{
|
|
title: '公告管理',
|
|
url: '/admin/announcements',
|
|
icon: Megaphone,
|
|
},
|
|
{
|
|
title: '版本管理',
|
|
url: '/admin/versions',
|
|
icon: GitBranch,
|
|
},
|
|
{
|
|
title: '用户管理',
|
|
url: '/admin/users',
|
|
icon: Users,
|
|
},
|
|
{
|
|
title: '代理管理',
|
|
url: '/admin/agents',
|
|
icon: Network,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: '业务管理',
|
|
items: [
|
|
{
|
|
title: '财务管理',
|
|
url: '/admin/finance',
|
|
icon: DollarSign,
|
|
},
|
|
{
|
|
title: '日志记录',
|
|
url: '/admin/logs',
|
|
icon: ScrollText,
|
|
},
|
|
{
|
|
title: '工单系统',
|
|
url: '/admin/tickets',
|
|
icon: MessageSquare,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: '高级功能',
|
|
items: [
|
|
{
|
|
title: '云端常量',
|
|
url: '/admin/cloud-constants',
|
|
icon: FileLock,
|
|
},
|
|
{
|
|
title: '云端变量',
|
|
url: '/admin/cloud-variables',
|
|
icon: Variable,
|
|
},
|
|
{
|
|
title: '云端函数',
|
|
url: '/admin/cloud-function',
|
|
icon: Code,
|
|
},
|
|
{
|
|
title: '风控管理',
|
|
url: '/admin/risk-control',
|
|
icon: Shield,
|
|
},
|
|
{
|
|
title: '扩展配置',
|
|
url: '/admin/extension',
|
|
icon: Plug,
|
|
},
|
|
],
|
|
},
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<UiSidebar collapsible="icon" class="z-50">
|
|
<UiSidebarHeader>
|
|
<TeamSwitcher :teams="teams" />
|
|
</UiSidebarHeader>
|
|
|
|
<UiSidebarContent>
|
|
<NavTeam :nav-main="navMain" />
|
|
</UiSidebarContent>
|
|
|
|
<UiSidebarFooter>
|
|
<NavFooter :user="user" />
|
|
</UiSidebarFooter>
|
|
|
|
<UiSidebarRail />
|
|
</UiSidebar>
|
|
</template>
|