新增用户管理页面

frontend/src/layouts/AdminLayout.vue

@@ -48,12 +48,14 @@ import { ref, h } from 'vue'
 import { NLayout, NLayoutSider, NLayoutHeader, NLayoutContent, NLayoutFooter, NMenu, NDropdown } from 'naive-ui'
 import { RouterLink, useRoute, useRouter } from 'vue-router'
 import { useAdminStore } from '@/stores/admin'
-import { RiDashboardLine, RiArrowDownSLine, RiUserLine, RiLogoutBoxRLine } from '@remixicon/vue'
+import { RiDashboardLine, RiArrowDownSLine, RiUserLine, RiLogoutBoxRLine, RiSettings3Line, RiUserSettingsLine } from '@remixicon/vue'
 
 const route = useRoute()
 const router = useRouter()
 const adminStore = useAdminStore()
 
+console.log('AdminLayout - adminStore.userInfo:', adminStore.userInfo)
+
 const activeKey = ref(String(route.name))
 
 const menuOptions = [
@@ -61,6 +63,18 @@ const menuOptions = [
     label: () => h(RouterLink, { to: '/admin/dashboard' }, { default: () => '工作台' }),
     key: 'AdminDashboard',
     icon: () => h(RiDashboardLine, { size: '20px' })
+  },
+  {
+    label: '系统管理',
+    key: 'SystemManagement',
+    icon: () => h(RiSettings3Line, { size: '20px' }),
+    children: [
+      {
+        label: () => h(RouterLink, { to: '/admin/user-management' }, { default: () => '用户管理' }),
+        key: 'UserManagement',
+        icon: () => h(RiUserSettingsLine, { size: '20px' })
+      }
+    ]
   }
 ]