style(finance): unify list and detail layouts and receipt controls

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

@@ -143,7 +143,7 @@ describe('FinanceCustomerArapView G2 operations', () => {
       await body.get('button').trigger('click')
       await flushPromises()
       expect(wrapper.get('.arap-metrics').text()).toContain(label)
-      expect(wrapper.get('.arap-settlement').text()).toContain('不适用')
+      expect(wrapper.get('.arap-information').text()).toContain('不适用')
     },
   )
 
@@ -273,7 +273,9 @@ describe('FinanceCustomerArapView G2 operations', () => {
     expect(wrapper.find('.arap-metrics').exists()).toBe(true)
     expect(wrapper.findAll('.arap-metric')).toHaveLength(4)
     expect(wrapper.find('.arap-information').text()).toContain('单据信息')
-    expect(wrapper.find('.arap-settlement').text()).toContain('审核与结算')
+    expect(wrapper.find('.arap-settlement').exists()).toBe(false)
+    expect(wrapper.find('.arap-information').text()).toContain('已生成对账单')
+    expect(wrapper.find('.arap-information').text()).toContain('审核原因')
     expect(wrapper.find('.operation-log').text()).toContain('操作记录')
     expect(wrapper.find('.arap-information').text()).toContain('业务日期')
     expect(wrapper.find('.arap-information').text()).not.toContain('T00:00:00')
@@ -282,8 +284,8 @@ describe('FinanceCustomerArapView G2 operations', () => {
   it('keeps the fee-source detail readable across the 1920 workspace', () => {
     const page = readFileSync(resolve(process.cwd(), 'src/modules/finance/pages/FinanceCustomerArapView.vue'), 'utf8')
     expect(page).toContain('width: min(100%, 1920px)')
-    expect(page).toContain('@media (min-width: 1920px)')
-    expect(page).toContain('grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr)')
+    expect(page).toContain('<el-descriptions border :column="3" class="arap-detail density-descriptions">')
+    expect(page).not.toContain('arap-detail-grid')
     expect(page).toContain('finance-density-detail')
     expect(page).not.toContain('max-width: 520px')
   })