优化

src/app/layouts/AppLayout.test.ts

@@ -1,11 +1,20 @@
 import { createPinia, setActivePinia } from 'pinia'
 import { flushPromises, mount } from '@vue/test-utils'
+import { defineComponent, ref } from 'vue'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ElMessageBox } from 'element-plus'
 import { useAuthStore } from '@/core/auth/auth'
 import AppLayout from './AppLayout.vue'
 
+const CachedPage = defineComponent({
+  setup() {
+    const count = ref(0)
+    return { count }
+  },
+  template: '<button class="cached-count" @click="count += 1">{{ count }}</button>',
+})
+
 vi.mock('element-plus', async (importOriginal) => {
   const actual = await importOriginal<typeof import('element-plus')>()
   return { ...actual, ElMessage: { warning: vi.fn(), error: vi.fn() }, ElMessageBox: { confirm: vi.fn() } }
@@ -21,15 +30,16 @@ async function mountLayout(path = '/') {
   const router = createRouter({
     history: createMemoryHistory(),
     routes: [
-      { path: '/', component: { template: '<p>page</p>' } },
-      { path: '/customers', component: { template: '<p>customers</p>' }, meta: { title: '客户管理', showPageHeading: false } },
+      { path: '/', name: 'home', component: { template: '<p>page</p>' }, meta: { requiresAuth: true, workspaceTab: false, keepAlive: false } },
+      { path: '/customers', name: 'customers', component: CachedPage, meta: { title: '客户管理', showPageHeading: false, requiresAuth: true } },
+      { path: '/warehouses', name: 'warehouses', component: { template: '<p>warehouses</p>' }, meta: { title: '仓库管理', requiresAuth: true } },
       { path: '/login', component: { template: '<p>login</p>' } },
     ],
   })
   await router.push(path)
   await router.isReady()
   const wrapper = mount(AppLayout, {
-    global: { plugins: [pinia, router], stubs: { AdminSidebarMenu: { template: '<nav />' }, 'el-button': { emits: ['click'], template: '<button @click="$emit(\'click\')"><slot /></button>' } } },
+    global: { plugins: [pinia, router], stubs: { AdminSidebarMenu: { template: '<nav />' }, WorkspaceTabs: { template: '<div class="workspace-tabs-stub" />' }, 'el-button': { emits: ['click'], template: '<button @click="$emit(\'click\')"><slot /></button>' } } },
   })
   return { wrapper, router }
 }
@@ -56,4 +66,18 @@ describe('AppLayout', () => {
     await flushPromises()
     expect(router.currentRoute.value.path).toBe('/login')
   })
+
+  it('opens business routes as workspace tabs and keeps route component state while switching', async () => {
+    const { wrapper, router } = await mountLayout('/customers')
+    expect(wrapper.find('.workspace-tabs-stub').exists()).toBe(true)
+    await wrapper.get('.cached-count').trigger('click')
+    expect(wrapper.get('.cached-count').text()).toBe('1')
+
+    await router.push('/warehouses')
+    await flushPromises()
+    await router.push('/customers')
+    await flushPromises()
+
+    expect(wrapper.get('.cached-count').text()).toBe('1')
+  })
 })