优化

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

@@ -40,4 +40,26 @@ describe('OceanBookingDetailView interaction contract', () => {
       '例如：PREPAID', '请输入订舱备注（可选）',
     ]) expect(source).toContain(`placeholder="${placeholder}"`)
   })
+
+  it('keeps view, create and edit on the formal detail route with a return action', () => {
+    expect(source).toContain("router.push('/ocean-bookings')")
+    expect(source).toContain("router.replace(`/ocean-bookings/${created.id}`)")
+    expect(source).not.toContain('AppDrawer')
+    expect(source).not.toContain('打印')
+  })
+
+  it('groups real detail fields into the frozen three-column prototype structure', () => {
+    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('@media(max-width:720px){.booking-groups,.party-grid{grid-template-columns:1fr}')
+  })
+
+  it('keeps the three real booking parties in their own three-column section', () => {
+    expect(source).toContain("{ value: 'SHIPPER', label: '发货人' }")
+    expect(source).toContain("{ value: 'CONSIGNEE', label: '收货人' }")
+    expect(source).toContain("{ value: 'NOTIFY_PARTY', label: '通知人' }")
+    expect(source).toContain('.party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))')
+  })
 })