feat: separate container fee workbenches

src/modules/loading-lists/components/ContainerFeesPanel.test.ts

@@ -16,6 +16,7 @@ vi.mock('../api/containerFees', async (importOriginal) => {
 
 const panel = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/components/ContainerFeesPanel.vue'), 'utf8')
 const detail = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/components/LoadingListDetailDrawer.vue'), 'utf8')
+const containerDetail = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainerDetailView.vue'), 'utf8')
 
 class ResizeObserverStub { observe() {}; unobserve() {}; disconnect() {} }
 function memoryStorage(): Storage { const values = new Map<string, string>(); return { get length() { return values.size }, clear: () => values.clear(), getItem: (key) => values.get(key) ?? null, key: (index) => [...values.keys()][index] ?? null, removeItem: (key) => values.delete(key), setItem: (key, value) => values.set(key, value) } }
@@ -31,7 +32,7 @@ beforeEach(() => {
   vi.stubGlobal('ResizeObserver', ResizeObserverStub); vi.stubGlobal('localStorage', memoryStorage()); vi.stubGlobal('sessionStorage', memoryStorage())
   vi.mocked(listContainerFees).mockReset().mockResolvedValue([]); vi.mocked(listApplicableFeeItems).mockReset().mockResolvedValue([])
   vi.mocked(listContainerFeeSupplierOptions).mockReset().mockResolvedValue([])
-  vi.mocked(getContainerSettlementDetails).mockReset().mockResolvedValue({ customerId: '11', containerId: '99', settledSourceFeeIds: [], costs: [] }); vi.mocked(createContainerFee).mockReset()
+  vi.mocked(getContainerSettlementDetails).mockReset().mockResolvedValue({ customerId: '11', containerBookingId: '99', settledSourceFeeIds: [], costs: [] }); vi.mocked(createContainerFee).mockReset()
   vi.mocked(adjustContainerFee).mockReset().mockResolvedValue({} as never)
   vi.mocked(uploadContainerFeePaymentVoucher).mockReset().mockResolvedValue({ fileId: '9001', fileName: '付款凭证.pdf' })
   document.body.innerHTML = ''
@@ -45,9 +46,12 @@ describe('ContainerFeesPanel contract', () => {
     expect(panel).toContain('.fees-panel :deep(.data-table__toolbar) { min-height: 48px;')
   })
 
-  it('is exposed from loading-list detail and derives customer context from real items', () => {
-    expect(detail).toContain(':container-booking-id="summary.containerBookingId"')
-    expect(detail).toContain('item.accountId')
+  it('is exposed from the domestic container fee tab and derives customer context from real items', () => {
+    expect(detail).not.toContain('ContainerFeesPanel')
+    expect(containerDetail).toContain('title="头程计费"')
+    expect(containerDetail).toContain(':container-booking-id="detail.id"')
+    expect(containerDetail).toContain(':plan-id="overview.loadingPlanId"')
+    expect(containerDetail).toContain('item.accountId')
     expect(panel).toContain('该柜次包含多个客户，请先选择费用归属客户')
     expect(panel).toContain('装柜明细缺少客户归属，无法安全维护费用')
   })
@@ -154,7 +158,7 @@ describe('ContainerFeesPanel contract', () => {
     vi.mocked(listContainerFees).mockResolvedValue([
       { id: '1', loadingPlanId: '9', containerBookingId: '99', containerNo: null, feeItemId: '1', feeItemName: '海运费', direction: 'RECEIVABLE', supplierId: null, supplierName: null, supplierCategory: null, businessDate: '2026-08-12', amount: 300, currency: 'CNY', reviewStatus: 'APPROVED', sourceStatus: 'ACTIVE', sourceVersion: 1, remark: null, reviewerName: null, reviewedAt: null, reviewReason: null },
     ])
-    vi.mocked(getContainerSettlementDetails).mockResolvedValue({ customerId: '11', containerId: '99', settledSourceFeeIds: ['1'], costs: [] })
+    vi.mocked(getContainerSettlementDetails).mockResolvedValue({ customerId: '11', containerBookingId: '99', settledSourceFeeIds: ['1'], costs: [] })
     const wrapper = await mountPanel([
       'firstleg:inbound:fee-detail:view', 'firstleg:inbound:fee-detail:edit', 'firstleg:inbound:fee-detail:review',
     ])