优化

src/app/DomesticOutboundListStates.test.ts

@@ -5,7 +5,7 @@ import { describe, expect, it } from 'vitest'
 const pages = [
   ['src/modules/container-loading/pages/ContainersView.vue', ':loading="loading"', 'LoadErrorState', 'empty-text="暂无货柜"', 'statusText(row.planStatus)', 'platform:firstleg:container:list', '@retry="loadRows"'],
   ['src/modules/loading-lists/components/LoadingListsView.vue', ':loading="loading"', 'LoadErrorState', ':empty-text="`暂无符合筛选条件的${title}`"', 'loadingListStatusLabel(row.status)', 'canView', '@retry="load"'],
-  ['src/modules/ocean-bookings/pages/OceanBookingsView.vue', ':loading="loading"', 'LoadErrorState', 'empty-text="暂无符合筛选条件的订舱"', 'oceanBookingStatusLabel(row.status)', '<Eye :size="15" />查看', '@retry="load"'],
+  ['src/modules/ocean-bookings/pages/OceanBookingsView.vue', ':loading="loading"', 'LoadErrorState', 'empty-text="暂无符合筛选条件的订舱"', 'oceanBookingStatusLabel(row.status)', "{{ row.status === 'DRAFT' ? '编辑' : '查看' }}", '@retry="load"'],
   ['src/modules/trucking/pages/TruckAppointmentsView.vue', ':loading="loading"', 'LoadErrorState', 'empty-text="暂无符合筛选条件的拖车预约"', 'statusLabel(row.status)', '<Eye :size="15" />详情', '@retry="load"'],
 ] as const
 

src/app/layouts/AppLayout.test.ts

@@ -60,6 +60,7 @@ function mockViewport(isMobile: boolean) {
 
 describe('AppLayout', () => {
   beforeEach(() => {
+    window.localStorage.clear()
     vi.mocked(ElMessageBox.confirm).mockReset()
     mockViewport(false)
   })
@@ -111,10 +112,16 @@ describe('AppLayout', () => {
     expect(mediaQuery.removeEventListener).toHaveBeenCalledWith('change', changeHandler)
   })
 
-  it('shows the authenticated identity without a role preview switcher', async () => {
+  it('shows the authenticated identity and the localhost full-access control', async () => {
     const { wrapper } = await mountLayout()
     expect(wrapper.text()).toContain('登录身份：平台管理员（admin）')
-    expect(wrapper.text()).not.toContain('权限预览')
+    const accessToggle = wrapper.get('[role="switch"]')
+    expect(accessToggle.text()).toContain('本地全权限')
+    expect(accessToggle.text()).toContain('已关闭')
+    expect(accessToggle.attributes('aria-checked')).toBe('false')
+    await accessToggle.trigger('click')
+    expect(accessToggle.text()).toContain('已开启')
+    expect(accessToggle.attributes('aria-checked')).toBe('true')
     expect(wrapper.get('[aria-label="消息中心"]').attributes('disabled')).toBeUndefined()
     expect(wrapper.text()).toContain('消息管理')
     expect(wrapper.text()).toContain('模板管理')

src/app/layouts/AppLayout.vue

@@ -2,7 +2,7 @@
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Bell, FileText, LogOut, Mail, Menu } from '@lucide/vue'
+import { Bell, FileText, LogOut, Mail, Menu, ShieldCheck } from '@lucide/vue'
 import { getApiErrorDetails } from '@/shared/api/http'
 import baiyueLogoWhite from '@/assets/brand/baiyue-logo-white.png'
 import baiyueMarkWhite from '@/assets/brand/baiyue-mark-white.png'
@@ -159,6 +159,19 @@ watch(() => auth.user?.id || auth.user?.account || '', (userId, previousUserId)
           <!-- <h1>{{ pageTitle }}</h1><p v-if="pageDescription">{{ pageDescription }}</p> -->
         </div>
         <div class="header-user">
+          <button
+            v-if="access.localFullAccessAvailable"
+            class="local-full-access-toggle"
+            type="button"
+            role="switch"
+            :aria-checked="access.localFullAccessEnabled"
+            :title="access.localFullAccessEnabled ? '关闭后恢复服务端权限' : '开启后显示全部前端页面和按钮'"
+            @click="access.toggleLocalFullAccess"
+          >
+            <ShieldCheck :size="17" />
+            <span>本地全权限</span>
+            <strong>{{ access.localFullAccessEnabled ? '已开启' : '已关闭' }}</strong>
+          </button>
           <el-dropdown v-if="canOpenNotificationManagement" trigger="click" placement="bottom-end">
             <button class="notification-trigger" type="button" aria-label="消息中心">
               <Bell :size="18" /><span>消息中心</span>
@@ -192,9 +205,14 @@ watch(() => auth.user?.id || auth.user?.account || '', (userId, previousUserId)
 
 <style scoped>
 .app-header--without-page-heading .header-user { margin-left: auto; }
+.local-full-access-toggle { display: inline-flex; height: 38px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 10px; background: rgba(255, 255, 255, .12); color: #fff; font: inherit; font-size: 13px; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
+.local-full-access-toggle:hover { border-color: rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .22); }
+.local-full-access-toggle:focus-visible { outline: 2px solid rgba(255, 255, 255, .9); outline-offset: 2px; }
+.local-full-access-toggle[aria-checked="true"] { border-color: #86efac; background: rgba(22, 163, 74, .3); }
+.local-full-access-toggle strong { color: #dcfce7; font-size: 12px; }
 .notification-trigger { display: inline-flex; height: 38px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 10px; background: rgba(255, 255, 255, .12); color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
 .notification-trigger:hover { border-color: rgba(255, 255, 255, .48); background: rgba(255, 255, 255, .24); transform: translateY(-1px); }
 .notification-trigger:focus-visible { outline: 2px solid rgba(255, 255, 255, .9); outline-offset: 2px; }
 .notification-trigger > svg { flex: 0 0 auto; }
-@media (max-width: 720px) { .notification-trigger { width: 44px; height: 44px; justify-content: center; padding: 0; } .notification-trigger > span { display: none; } }
+@media (max-width: 720px) { .local-full-access-toggle > span { display: none; } .notification-trigger { width: 44px; height: 44px; justify-content: center; padding: 0; } .notification-trigger > span { display: none; } }
 </style>

src/app/router/index.test.ts

@@ -79,6 +79,30 @@ describe('admin router access metadata', () => {
     expect(route?.meta.permission).toBe('platform:counterparty:list')
   })
 
+  it('registers the confirmed phase-four routes with stable list permissions', () => {
+    const expected = [
+      ['overseas-last-mile-orders', '/overseas-warehouse/last-mile-orders', 'platform:overseas-warehouse:last-mile-order:list'],
+      ['overseas-inbound-orders', '/overseas-warehouse/inbound-orders', 'platform:overseas-warehouse:inbound-order:list'],
+      ['overseas-relabel-orders', '/overseas-warehouse/relabel-orders', 'platform:overseas-warehouse:relabel-order:list'],
+      ['overseas-pallets', '/overseas-warehouse/pallets', 'platform:overseas-warehouse:pallet:list'],
+      ['overseas-cartons', '/overseas-warehouse/cartons', 'platform:overseas-warehouse:carton:list'],
+      ['overseas-products', '/overseas-warehouse/products', 'platform:overseas-warehouse:product:list'],
+      ['overseas-inventory', '/overseas-warehouse/inventory', 'platform:overseas-warehouse:inventory:list'],
+      ['overseas-business-purchases', '/overseas-business/purchases', 'platform:overseas-business:purchase:list'],
+      ['overseas-business-trucks', '/overseas-business/trucks', 'platform:overseas-business:truck:list'],
+      ['overseas-business-looseboards', '/overseas-business/looseboards', 'platform:overseas-business:looseboard:list'],
+      ['overseas-master-data-quotes', '/overseas-master-data/quotes', 'platform:overseas-master-data:quote:list'],
+      ['overseas-master-data-exchange-rates', '/overseas-master-data/exchange-rates', 'platform:overseas-master-data:exchange-rate:list'],
+      ['overseas-master-data-vehicles', '/overseas-master-data/vehicles', 'platform:overseas-master-data:vehicle:list'],
+    ]
+
+    for (const [name, path, permission] of expected) {
+      const route = router.getRoutes().find((item) => item.name === name)
+      expect(route?.path).toBe(path)
+      expect(route?.meta.permission).toBe(permission)
+    }
+  })
+
   it('protects the download center with its stable list permission', () => {
     const route = router.getRoutes().find((item) => item.name === 'download-center')
     expect(route?.path).toBe('/downloads')

src/app/router/index.ts

@@ -27,6 +27,9 @@ import { financeRoutes } from '@/modules/finance/routes'
 import { notificationRoutes } from '@/modules/notifications/routes'
 import { domesticContainerRoutes } from '@/modules/domestic-containers/routes'
 import { supplierRoutes } from '@/modules/suppliers/routes'
+import { overseasWarehouseRoutes } from '@/modules/overseas-warehouse/routes'
+import { overseasBusinessRoutes } from '@/modules/overseas-business/routes'
+import { overseasMasterDataRoutes } from '@/modules/overseas-master-data/routes'
 
 const router = createRouter({
   history: createWebHistory(),
@@ -58,6 +61,9 @@ const router = createRouter({
         ...notificationRoutes,
         ...domesticContainerRoutes,
         ...supplierRoutes,
+        ...overseasWarehouseRoutes,
+        ...overseasBusinessRoutes,
+        ...overseasMasterDataRoutes,
         ...customerRoutes,
         ...warehouseRoutes,
         ...unifiedOrderRoutes,