优化

src/modules/finance/pages/FinanceG3G4Operations.test.ts

@@ -1,6 +1,7 @@
 import ElementPlus, { ElMessageBox } from 'element-plus'
 import { createPinia, setActivePinia } from 'pinia'
 import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { useAuthStore } from '@/core/auth/auth'
@@ -19,6 +20,7 @@ import {
 import type { FinanceReconciliationDetail, FinanceSettlementDetail, FinanceStatementReadModel } from '../types'
 import FinanceCustomerStatementsView from './FinanceCustomerStatementsView.vue'
 import FinanceFormalSettlementPage from './FinanceFormalSettlementPage.vue'
+import FinanceSettlementReceivablesView from './FinanceSettlementReceivablesView.vue'
 
 vi.mock('@/modules/iam', () => ({ listPlatformTenants: vi.fn() }))
 vi.mock('../api/finance', () => ({
@@ -189,6 +191,26 @@ describe('finance G3/G4 page operations', () => {
     expect(vm.customerName('2088')).toBe('—')
   })
 
+  it('navigates from the receivable list to its independent detail route', async () => {
+    const pinia = piniaWithPermissions(['platform:finance:settlement-ar:list'])
+    const router = createRouter({
+      history: createMemoryHistory(),
+      routes: [
+        { path: '/finance/settlement-receivables', component: { template: '<div />' } },
+        { path: '/finance/settlement-receivables/:settlementId', component: { template: '<div />' } },
+      ],
+    })
+    await router.push('/finance/settlement-receivables')
+    await router.isReady()
+    const wrapper = mount(FinanceSettlementReceivablesView, { global: { plugins: [pinia, router, ElementPlus] } })
+    await flushPromises()
+
+    wrapper.findComponent(FinanceFormalSettlementPage).vm.$emit('openDetail', '63')
+    await flushPromises()
+
+    expect(router.currentRoute.value.fullPath).toBe('/finance/settlement-receivables/63')
+  })
+
   it('keeps settled settlements readable and exportable while hiding receipt actions', async () => {
     vi.mocked(getFinanceSettlement).mockResolvedValue({ ...receivable, status: 'PAID', paidAmount: 300, outstandingAmount: 0 })
     const pinia = piniaWithPermissions(['platform:finance:settlement-ar:list', 'platform:finance:receipt:create'])