统一后台状态列顺序、详情布局与测量计费展示

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

@@ -5,6 +5,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { ElMessageBox } from 'element-plus'
 import { ApiResponseError } from '@/shared/api/http'
 import OperationErrorToast from '@/shared/components/OperationErrorToast.vue'
+import { preferenceStorageKey } from '@/shared/utils/uiLayoutPreference'
 import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
 import { listSuppliers, type Supplier } from '@/modules/suppliers'
 import * as api from '../api/finance'
@@ -110,6 +111,7 @@ function errorDetails(wrapper: VueWrapper) {
 }
 enableAutoUnmount(afterEach)
 beforeEach(() => {
+  localStorage.clear()
   vi.resetAllMocks()
   can.mockReturnValue(true)
   vi.stubGlobal('ResizeObserver', class { observe() {} unobserve() {} disconnect() {} })
@@ -129,6 +131,19 @@ beforeEach(() => {
 afterEach(() => { vi.restoreAllMocks(); vi.unstubAllGlobals(); document.body.innerHTML = '' })
 
 describe('formal settlement native dialogs', () => {
+  it.each(['receivable', 'payable'] as const)('keeps %s statuses after the settlement number with saved old column order', async (kind) => {
+    localStorage.setItem(preferenceStorageKey('table', 'anonymous', `finance-settlement-${kind}-table`), JSON.stringify({
+      version: 1,
+      order: ['actions', 'settlementNo', 'customerId', 'feeItemSummary', 'currency', 'paymentStatus', 'status'],
+      hidden: ['currency'],
+      widths: { settlementNo: 240 },
+    }))
+    const wrapper = await mountPage(kind)
+    const headers = wrapper.findAll('.el-table__header-wrapper th .cell').map(header => header.text())
+    expect(headers.slice(0, 4)).toEqual(['操作', '结算单号', kind === 'receivable' ? '收款状态' : '付款状态', '结算状态'])
+    expect(headers).not.toContain('币种')
+  })
+
   it('creates receivables from issued statements with original long IDs and CNY', async () => {
     const { dialog } = await openCreate('receivable')
     expect(dialog.props('width')).toContain('600px')