优化

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

@@ -32,7 +32,9 @@ describe('finance presentation governance', () => {
   it('uses one continuous desktop detail surface with balanced summary and scroll-safe tables', () => {
     expect(settlement).toContain('<DetailPageLayout v-else-if="detailMode" class="settlement-detail-page surface-panel"')
     expect(settlement).toContain('class="settlement-detail-content"')
-    expect(settlement).toContain('min-height: 88px; align-items: center; justify-content: space-between')
+    expect(settlement).toContain('min-height: 54px;')
+    expect(settlement).toContain('align-items: center;')
+    expect(settlement).toContain('justify-content: space-between')
     expect(settlement).toContain('<el-descriptions :column="4" class="settlement-detail-info">')
     for (const title of ['基本信息', '费用明细', '修订记录']) expect(settlement).toContain(`title="${title}"`)
     expect(settlement).toContain(':title="kind === \'receivable\' ? \'收款记录\' : \'付款记录\'"')
@@ -43,7 +45,8 @@ describe('finance presentation governance', () => {
     expect(settlement.match(/width="min\(760px, 94vw\)"/g)).toHaveLength(2)
     expect(settlement.match(/class="settlement-operation-form"/g)).toHaveLength(2)
     expect(settlement).toContain('grid-template-columns: repeat(5, minmax(0, 1fr))')
-    expect(settlement).toContain('grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px')
+    expect(settlement).toContain('grid-template-columns: repeat(2, minmax(0, 1fr));')
+    expect(settlement).toContain('column-gap: 14px;')
   })
 
   it('keeps settlement totals and list actions in one compact toolbar', () => {
@@ -114,29 +117,40 @@ describe('finance presentation governance', () => {
     expect(statements).toContain(':data="adjustLines" size="small" max-height="420" border stripe')
   })
 
-  it('keeps the statement detail as a compact, continuous list-linked surface', () => {
-    expect(statements).toContain('class="surface-panel statement-detail-panel"')
+  it('opens statement details on a compact dedicated route instead of below the list', () => {
+    expect(statements).toContain('v-else-if="isDetailRoute" class="surface-panel statement-detail-page"')
     expect(statements).toContain('@row-click="openDetail"')
-    expect(statements).toContain('.statement-detail-panel :deep(.detail-page-layout) { gap: 0; }')
-    expect(statements).toContain('min-height: 48px')
+    expect(statements).toContain("name: 'finance-customer-statement-detail'")
+    expect(statements).toContain('.statement-detail-page :deep(.detail-page-layout) { gap: 0; }')
+    expect(statements).toContain('返回客户对账单')
+    expect(statements).not.toContain('aria-label="所选对账单联动明细"')
     expect(statements).not.toContain('核对账期、金额和结清状态后查看下方业务明细。')
     expect(statements).not.toContain('展示当前对账单版本中的业务与计费明细。')
     expect(statements).not.toContain('只读展示当前对账单关联的有效收款记录。')
   })
 
   it('uses a compact financial summary row for customer accounts', () => {
-    expect(accounts).toContain('.finance-account-detail__layout :deep(.detail-page-layout){gap:0}')
-    expect(accounts).toContain('.account-metric+.account-metric{border-left:1px solid')
-    expect(accounts).toContain('.account-metric::before{display:none}')
-    expect(accounts).toContain(':deep(.ledger-query.query-toolbar){padding:0;border:0;background:transparent}')
+    expect(accounts).toContain('.finance-account-detail__layout :deep(.detail-page-layout)')
+    expect(accounts).toContain('gap: 0;')
+    expect(accounts).toContain('.account-metric + .account-metric')
+    expect(accounts).toContain('border-left: 1px solid')
+    expect(accounts).toContain('.account-metric::before')
+    expect(accounts).toContain('display: none;')
+    expect(accounts).toContain(':deep(.ledger-query.query-toolbar)')
+    expect(accounts).toContain('padding: 0;')
+    expect(accounts).toContain('border: 0;')
+    expect(accounts).toContain('background: transparent;')
     expect(accounts).not.toContain('展示应收、应付及每次变动后的未收金额。')
     expect(accounts).not.toContain('到期日按账单日期加客户账期计算；每个客户独立设置，默认 30 天。')
   })
 
   it('keeps fee-source details continuous without nested metric and section cards', () => {
-    expect(arap).toContain('.finance-arap-detail__layout :deep(.detail-page-layout) { gap: 0; }')
-    expect(arap).toContain('.arap-metric + .arap-metric { border-left: 1px solid')
-    expect(arap).toContain('.arap-settlement { padding-left: 24px; border-left: 1px solid')
+    expect(arap).toContain('.finance-arap-detail__layout :deep(.detail-page-layout)')
+    expect(arap).toContain('.arap-metric + .arap-metric')
+    expect(arap).toContain('border-left: 1px solid')
+    expect(arap).toContain('.arap-settlement {')
+    expect(arap).toContain('padding-left: 16px;')
+    expect(arap).toContain('border-left: 1px solid')
     expect(arap).not.toContain('.arap-metric.is-amount { border-color:')
     expect(arap).not.toContain('description="费用来源与关联业务摘要"')
     expect(arap).not.toContain('description="当前审核、参与结算和出账状态"')