优化

src/modules/trucking/pages/TruckAppointmentsView.test.ts

@@ -116,11 +116,15 @@ describe('TruckAppointmentsView', () => {
     expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
   })
 
-  it('prioritizes outbound business fields and keeps finance amounts out of the list', () => {
+  it('shows the prototype-backed trucking fee snapshots in the list', () => {
     expect(source).toContain("key: 'customerName'")
     expect(source).toContain("key: 'updatedAt'")
-    expect(source).not.toContain("key: 'payableAmount'")
-    expect(source).not.toContain("key: 'receivableAmount'")
+    expect(source).toContain("key: 'payableAmount', label: '应付拖车费'")
+    expect(source).toContain("key: 'receivableAmount', label: '应收拖车费'")
+    expect(source.indexOf("key: 'store'")).toBeLessThan(source.indexOf("key: 'payableAmount'"))
+    expect(source.indexOf("key: 'payableAmount'")).toBeLessThan(source.indexOf("key: 'receivableAmount'"))
+    expect(source.indexOf("key: 'receivableAmount'")).toBeLessThan(source.indexOf("key: 'plannedLoadingAt'"))
+    expect(source).toContain("toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })")
   })
   it('filters with an active name-only customer selector and stable customerId', () => {
     expect(source).toContain("listPlatformTenants({ page: 1, size: 200, status: 'ACTIVE' })")

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -36,12 +36,20 @@ const columns: DataTableColumn[] = [
   { key: 'driver', label: '司机', minWidth: 130, slotName: 'driver' },
   { key: 'vehicleNo', prop: 'vehicleNo', label: '车头号', minWidth: 120, formatter: (row: TruckAppointmentResource) => row.vehicleNo || '—' },
   { key: 'store', label: '门店', minWidth: 140, slotName: 'store' },
+  { key: 'payableAmount', label: '应付拖车费', minWidth: 130, align: 'right', formatter: (row: TruckAppointmentResource) => formatAmount(row.payableAmount, row.currency) },
+  { key: 'receivableAmount', label: '应收拖车费', minWidth: 130, align: 'right', formatter: (row: TruckAppointmentResource) => formatAmount(row.receivableAmount, row.currency) },
   { key: 'plannedLoadingAt', label: '预计装箱日期', minWidth: 170, formatter: (row: TruckAppointmentResource) => formatDateTime(row.plannedLoadingAt) },
   { key: 'status', label: '状态', width: 130, slotName: 'status' },
   { key: 'attachments', label: '附件', width: 90, formatter: (row: TruckAppointmentResource) => String(row.attachments?.length || 0) },
   { key: 'updatedAt', label: '更新时间', minWidth: 160, formatter: (row: TruckAppointmentResource) => formatDateTime(row.updatedAt) },
 ]
 function formatDateTime(value?: string | null) { return value ? value.replace('T', ' ').slice(0, 16) : '—' }
+function formatAmount(value?: string | null, currency?: string | null) {
+  if (value == null || value === '') return '—'
+  const amount = Number(value)
+  const display = Number.isFinite(amount) ? amount.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : value
+  return currency ? `${display} ${currency}` : display
+}
 function appointmentActionLabel(action: '查看' | '编辑', row: TruckAppointmentResource) {
   const identifier = [row.appointmentNo, row.id]
     .map((value) => String(value ?? '').trim())