优化

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

@@ -45,8 +45,16 @@ describe('OceanBookingDetailView interaction contract', () => {
   })
 
   it('captures channel, warehouse, capacity snapshots and uses the release DTO', () => {
-    expect(source).toContain('v-model="form.data.channelCode"')
-    expect(source).toContain('v-model="form.data.channelName"')
+    expect(source).toContain("listPlatformWarehouses({ page: 1, size: 200, warehouseType: 'DOMESTIC', status: 'ACTIVE' })")
+    expect(source).toContain("warehouse.status === 'ACTIVE' && warehouse.warehouseType === 'DOMESTIC'")
+    expect(source).toContain('label="物流渠道" prop="channelCode"')
+    expect(source).toContain('<el-select :model-value="form.data.channelCode" filterable')
+    expect(source).toContain(':model-value="form.data.channelCode" filterable')
+    expect(source).not.toContain('<el-input v-model="form.data.channelCode"')
+    expect(source).toContain('listWarehouseLogisticsChannels')
+    expect(source).toContain('void loadChannels(warehouseId)')
+    expect(source).not.toContain('v-model="form.data.channelName"')
+    expect(source).toContain('form.data.channelCode = \'\'')
     expect(source).toContain('function selectWarehouse(value: unknown)')
     expect(source).toContain('form.data.warehouseName = warehouses.value.find')
     expect(source).toContain('@update:model-value="selectWarehouse"')
@@ -62,6 +70,19 @@ describe('OceanBookingDetailView interaction contract', () => {
     expect(source).not.toContain('maxWeightKg: 28000')
   })
 
+  it('keeps every container requirement removable without collapsing its fields', () => {
+    expect(source).toContain('@click="removeContainer(index)"')
+    expect(source).toContain(':aria-label="`删除箱型 ${index + 1}`"')
+    expect(source).toContain("form.data.containerRequirements.length === 1 ? '至少保留一条箱型' : '删除该箱型'")
+    expect(source).toContain(':disabled="form.data.containerRequirements.length === 1"')
+    expect(source).toContain('function removeContainer(index: number) { if (form.data.containerRequirements.length > 1)')
+    expect(source).toContain('<table class="container-table">')
+    expect(source).toContain('.container-table-wrap{overflow-x:auto')
+    expect(source).toContain('.container-table td :deep(.el-input),.container-table td :deep(.el-input-number){width:100%;min-width:0}')
+    expect(source).toContain(':controls="false" placeholder="请输入数量"')
+    expect(source).not.toContain('class="container-row"')
+  })
+
   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}`)")
@@ -74,7 +95,11 @@ describe('OceanBookingDetailView interaction contract', () => {
     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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}')
+    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{grid-template-columns:1fr}')
+    expect(source).toContain('min-width:580px')
   })
 
   it('keeps the three real booking parties in their own three-column section', () => {