优化

src/modules/ocean-bookings/api/platformOceanBookings.test.ts

@@ -4,7 +4,7 @@ import { http } from '@/shared/api/http'
 
 const detailResponse = (version = 0, status = 'CONFIRMED') => ({
   oceanBooking: {
-    id: 123, bookingNo: 'OB123', status, version, customerId: 456, customerName: '客户',
+    id: 123, bookingNo: 'OB123', status, version, customerId: 456, customerName: '客户', shipperName: '发货企业', consigneeName: '收货企业', containerCount: '2',
   },
   parties: [],
   containers: [{ containerBookingId: 9007199254740993, cabinetNo: 'CAB-1', containerNo: 'MSCU1234567', requirementId: 9007199254740994, allocationId: 9007199254740995, containerType: '40HC', containerKind: 'FCL', capacityCbm: 76, maxWeightKg: 28000, warehouseId: 9007199254740996, warehouseName: '义乌仓', channelCode: 'SEA', channelName: '海运', customerId: 456, customerName: '客户' }],
@@ -13,12 +13,13 @@ const detailResponse = (version = 0, status = 'CONFIRMED') => ({
 
 describe('ocean bookings api', () => {
   it('normalizes pagination and long ids', async () => {
-    vi.spyOn(http, 'get').mockResolvedValueOnce({ code: '200', message: 'ok', data: { records: [{ id: 123, customerId: 456, containers: [] }], page: '2', size: '20', total: '21', pages: '2' } })
+    vi.spyOn(http, 'get').mockResolvedValueOnce({ code: '200', message: 'ok', data: { records: [{ id: 123, customerId: 456, shipperName: '发货企业', consigneeName: '收货企业', containerCount: '3' }], page: '2', size: '20', total: '21', pages: '2' } })
     const result = await listOceanBookings({ page: 1, size: 10 })
     expect(result.page).toBe(2)
     expect(result.total).toBe(21)
     expect(result.records[0]?.id).toBe('123')
     expect(result.records[0]?.customerId).toBe('456')
+    expect(result.records[0]).toMatchObject({ shipperName: '发货企业', consigneeName: '收货企业', containerCount: 3 })
   })
 
   it('uses version zero for create and extracts the id from the returned Detail', async () => {

src/modules/ocean-bookings/pages/OceanBookingsView.test.ts

@@ -7,7 +7,7 @@ describe('OceanBookingsView prototype field matrix', () => {
   const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8')
 
   it('keeps the frozen business field sequence after the first action column', () => {
-    const fields = ['bookingNo', 'customerName', 'billOfLadingNo', 'carrierName', 'bookingAgent', 'vesselName', 'pol', 'pod', 'etd', 'eta', 'status', 'updatedAt']
+    const fields = ['bookingNo', 'customerName', 'billOfLadingNo', 'shipperName', 'consigneeName', 'containerCount', 'carrierName', 'bookingAgent', 'vesselName', 'pol', 'pod', 'etd', 'eta', 'status', 'updatedAt']
     let previous = source.indexOf("key: 'actions'")
     for (const field of fields) {
       const current = source.indexOf(`prop: '${field}'`, previous + 1)
@@ -18,6 +18,7 @@ describe('OceanBookingsView prototype field matrix', () => {
 
   it('formats schedule and update timestamps without adding print actions', () => {
     expect(source).toContain("prop: 'billOfLadingNo', label: '提单号'")
+    expect(source).toContain("prop: 'containerCount', label: '柜量'")
     expect(source).toContain('<template #updatedAt="{ row }">{{ formatDateTime(row.updatedAt) }}</template>')
     expect(source).toContain('<template #etd="{ row }">{{ formatDateTime(row.etd) }}</template>')
     expect(source).not.toContain('打印')

src/modules/ocean-bookings/pages/OceanBookingsView.vue

@@ -39,9 +39,9 @@ const columns = [
   { key: 'actions', label: '操作', fixed: 'left', width: 100, slotName: 'actions', hideable: false, movable: false },
   { prop: 'bookingNo', label: '订舱号', minWidth: 150 },
   { prop: 'customerName', label: '客户', minWidth: 160 },
-  { prop: 'billOfLadingNo', label: '提单号', minWidth: 155 },
-  { prop: 'shipperName', label: '提单发货人', minWidth: 160 },
-  { prop: 'consigneeName', label: '提单收货人', minWidth: 160 },
+  { prop: 'billOfLadingNo', label: '提单号', minWidth: 155, formatter: (row: OceanBookingResource) => row.billOfLadingNo || '—' },
+  { prop: 'shipperName', label: '提单发货人', minWidth: 160, formatter: (row: OceanBookingResource) => row.shipperName || '—' },
+  { prop: 'consigneeName', label: '提单收货人', minWidth: 160, formatter: (row: OceanBookingResource) => row.consigneeName || '—' },
   { prop: 'containerCount', label: '柜量', width: 90, align: 'right' },
   { prop: 'carrierName', label: '船公司', minWidth: 130 },
   { prop: 'bookingAgent', label: '订舱代理', minWidth: 140 },