优化

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

@@ -79,9 +79,26 @@ describe('FinanceCustomerStatementsView', () => {
     expect(document.body.textContent).toContain('优惠调整')
     expect(document.body.textContent).toContain('创建人A')
     expect(document.body.textContent).toContain('2026-08-20 11:00')
+    expect(document.querySelector('[aria-label="客户对账单详情"]')).toBeTruthy()
+    expect(document.querySelector('[aria-label="所选对账单摘要"]')?.textContent).toContain('200.00 CNY')
+    expect(document.querySelector('.statement-detail-head')?.textContent).toContain('REC-501')
+    expect(document.querySelector('[aria-label="客户对账单账单明细"]')).toBeTruthy()
+    expect(document.querySelector('.detail-table-scroll [aria-label="客户对账单账单明细"]')).toBeTruthy()
     expect(document.querySelector('.el-drawer')).toBeNull()
   })
 
+  it('keeps the payment history in the desktop detail layout without duplicating a card container', async () => {
+    const wrapper = await mountPage()
+    const vm = wrapper.vm as unknown as { openDetail(row: FinanceStatementReadModel): Promise<void>; activeDetailTab: 'lines' | 'payments' }
+    await vm.openDetail(statement)
+    vm.activeDetailTab = 'payments'
+    await flushPromises()
+
+    expect(document.querySelector('[aria-label="客户对账单支付历史"]')?.textContent).toContain('PAY-701')
+    expect(document.querySelectorAll('.statement-detail-panel .detail-page-layout')).toHaveLength(1)
+    expect(document.querySelectorAll('.statement-detail-panel .surface-panel')).toHaveLength(0)
+  })
+
   it('resolves customer names from the active customer list and never exposes internal customer or operator ids', async () => {
     const internalCustomerId = '2088123456789'
     const internalOperatorId = '1000001'