优化

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

@@ -165,8 +165,8 @@ describe('OceanBookingDetailView interaction contract', () => {
     expect(source).toContain('aria-label="基本信息"')
     expect(source).toContain('aria-label="航线船期"')
     expect(source).toContain('aria-label="条款与真实柜"')
-    expect(source).toContain('grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))')
-    expect(source).toContain('.booking-group__body--fields,.booking-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}')
+    expect(source).toContain('grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))')
+    expect(source).toContain('.booking-group__body--fields,.booking-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:8px}')
     expect(source).toContain('class="booking-field--wide" label="交货地点"')
     expect(source).toContain('@media(max-width:720px){.booking-groups,.party-grid{grid-template-columns:1fr}')
     expect(source).toContain('@media(max-width:520px){.booking-group__body--fields,.booking-terms{grid-template-columns:1fr}')

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', 'carrierName', 'bookingAgent', 'vesselName', 'pol', 'pod', 'etd', 'eta', 'status', 'updatedAt']
+    const fields = ['bookingNo', 'customerName', 'billOfLadingNo', '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)
@@ -17,6 +17,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('<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,6 +39,7 @@ 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: 'carrierName', label: '船公司', minWidth: 130 },
   { prop: 'bookingAgent', label: '订舱代理', minWidth: 140 },
   { prop: 'vesselName', label: '船名 / 航次', minWidth: 175, slotName: 'vessel' },