实现系统管理后台 V1

client/src/tests/reservationAppShell.spec.ts

@@ -79,6 +79,18 @@ function createDebugMenu(): AuthMenuResult {
   }
 }
 
+function createSystemMenu(): AuthMenuResult {
+  return {
+    menu_code: 'SYSTEM_SETTINGS',
+    menu_name: '系统设置',
+    route_path: '/system',
+    component_key: 'SystemSettings',
+    icon_key: 'pi pi-cog',
+    permission_code: 'SYSTEM_ADMIN_CONSOLE_ACCESS',
+    sort_order: 40,
+  }
+}
+
 async function mountShell(menus = [createReservationOrdersMenu(), createReservationTasksMenu()]) {
   const i18n = createI18n({
     legacy: false,
@@ -108,6 +120,11 @@ async function mountShell(menus = [createReservationOrdersMenu(), createReservat
         component: { template: '<div />' },
         meta: { titleKey: 'debugEml.title' },
       },
+      {
+        path: '/system',
+        component: { template: '<div />' },
+        meta: { titleKey: 'nav.systemSettings' },
+      },
     ],
   })
   const pinia = createPinia()
@@ -158,6 +175,13 @@ describe('ReservationAppShell', () => {
     expect(wrapper.text()).toContain('Debug EML')
   })
 
+  it('shows System Settings only when backend menus include it', async () => {
+    const wrapper = await mountShell([createReservationOrdersMenu(), createSystemMenu()])
+
+    expect(wrapper.find('a[href="/system"]').exists()).toBe(true)
+    expect(wrapper.text()).toContain('系统设置')
+  })
+
   it('shows current user and hotel context in the top bar', async () => {
     const wrapper = await mountShell()