优化

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

@@ -8,7 +8,7 @@ const statementsSource = readFileSync(resolve(process.cwd(), 'src/modules/financ
 describe('Finance formal settlement desktop presentation', () => {
   it('keeps settlement totals on the left and list actions on the right of the table toolbar', () => {
     expect(source).toContain('<template #toolbar-start>')
-    expect(source).toContain('<div class="settlement-summary" aria-label="结算汇总">')
+    expect(source).toContain('<dl class="density-detail-overview settlement-summary" aria-label="结算汇总">')
     expect(source).toContain('<template #toolbar-actions>')
     expect(source).toContain('<div class="settlement-list-actions">')
     expect(source).not.toContain('class="settlement-list-toolbar"')
@@ -26,24 +26,21 @@ describe('Finance formal settlement desktop presentation', () => {
     }
   })
 
-  it('renders up to three row actions as compact icon buttons without wrapping', () => {
+  it('renders at most three permitted row actions as shared outlined text buttons', () => {
     expect(source.match(/key: 'actions', label: '操作', width: 250/g)).toHaveLength(2)
-    expect(source).toContain('class="settlement-row-actions"')
-    expect(source).toContain('<el-button size="small" plain type="primary" @click="openDetail(row)"><Eye :size="15" />详情</el-button>')
-    expect(source).toContain('size="small" type="primary" :loading="receiptBusy" @click="openReceipt(row)"')
-    expect(source).toContain('size="small" type="primary" @click="openPayment(row)"')
-    expect(source).toContain('size="small" plain type="danger" :loading="actionBusy"')
-    expect(source).toContain('size="small" plain type="primary" :loading="actionBusy"')
-    expect(source).toContain('.settlement-row-actions { display: flex; align-items: center; flex-wrap: nowrap; gap: 6px; white-space: nowrap; }')
-    expect(source).not.toContain('<el-button link')
+    expect(source).toContain('class="settlement-row-actions density-actions"')
+    for (const action of ['openDetail(row)', 'openReceipt(row)', 'openPayment(row)']) expect(source).toContain('@click="' + action + '"')
+    expect(source).toContain('data-tone="danger"')
+    expect(source).toContain('class="density-action"')
     expect(source).not.toContain('MoreHorizontal')
-    expect(source).toContain('v-if="canReceive && [\'ISSUED\',\'PARTIALLY_PAID\'].includes(String(row.status))"')
-    expect(source).toContain('v-if="canPay && [\'ISSUED\',\'PARTIALLY_PAID\'].includes(String(row.status))"')
-    expect(source).toContain('v-if="canVoid && row.status === \'ISSUED\'"')
+    expect(source).toContain("props.kind === 'payable' && access.can('platform:finance:payment:create')")
+    expect(source).toContain("props.kind === 'receivable' && access.can('platform:finance:receipt:create')")
+    expect(source).toContain("canVoid && row.status === 'ISSUED'")
+    expect(source).toContain("canVoid && row.status === 'VOIDED'")
   })
 
   it('uses a continuous detail layout with locally scrollable wide tables', () => {
-    expect(source).toContain('<DetailPageLayout v-else-if="detailMode" class="settlement-detail-page surface-panel"')
+    expect(source).toContain('<DetailPageLayout v-else-if="detailMode" class="settlement-detail-page surface-panel finance-density-detail"')
     expect(source).toContain('class="settlement-detail-content"')
     expect(source).toContain('class="detail-table-scroll"')
     expect(source).toContain(':deep(.detail-table-scroll .el-table) { min-width: 920px; }')
@@ -65,7 +62,7 @@ describe('Finance formal settlement desktop presentation', () => {
 
   it('keeps receipt and payment dialogs readable at desktop width', () => {
     expect(source.match(/width="min\(760px, 94vw\)"/g)).toHaveLength(2)
-    expect(source).toContain('.partial-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));')
+    expect(source.match(/class="density-detail-overview partial-summary"/g)).toHaveLength(2)
     expect(source).toContain('.settlement-operation-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));')
     expect(source).toContain('<OperationErrorToast :message="receiptValidationError" />')
     expect(source).toContain('<OperationErrorToast :details="receiptError" />')