优化

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

@@ -21,7 +21,7 @@ describe('finance presentation governance', () => {
     expect(financeRoutes).toContain("finance/settlement-receivables/:settlementId")
     expect(financeRoutes).toContain("finance/settlement-payables/:settlementId")
     expect(financeRoutes).toContain('showPageHeading: false')
-    expect(settlement).toContain('class="settlement-detail-page"')
+    expect(settlement).toContain('class="settlement-detail-page surface-panel"')
     expect(settlement).toContain('返回列表')
     expect(settlement).not.toContain('AppDrawer')
     expect(settlement).toContain('登记后剩余余额')
@@ -29,6 +29,23 @@ describe('finance presentation governance', () => {
     expect(settlement).toContain('remainingAfter(paymentForm.amount)')
   })
 
+  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('<el-descriptions :column="4" class="settlement-detail-info">')
+    for (const title of ['基本信息', '费用明细', '修订记录']) expect(settlement).toContain(`title="${title}"`)
+    expect(settlement).toContain(':title="kind === \'receivable\' ? \'收款记录\' : \'付款记录\'"')
+    expect(settlement.match(/class="detail-table-scroll"/g)).toHaveLength(3)
+    expect(settlement).toContain('grid-template-columns: repeat(4, minmax(0, 1fr))')
+    expect(settlement).toContain(':deep(.detail-table-scroll .el-table) { min-width: 920px; }')
+    expect(settlement).not.toContain('class="detail-section surface-panel"')
+    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')
+  })
+
   it('uses optional all-customer filters without a customer-selection blocker', () => {
     for (const source of [settlement, statements, arap]) {
       expect(source).toContain("placeholder: '全部客户'")