优化

src/modules/trucking/components/TruckAppointmentForm.test.ts

@@ -27,16 +27,36 @@ describe('TruckAppointmentForm interaction contract', () => {
     expect(source).toContain('selectCustomer')
     expect(source).toContain('draft.customerName')
     expect(source).toContain('selectContainer')
-    expect(source).toContain('draft.loadingPlanId = item.planId')
+    expect(source).toContain('draft.loadingPlanId = item.planId || null')
+    expect(source).toContain('draft.loadingPlanId = null; draft.warehouseId = null')
+    expect(source).toContain("derivedCustomerSource.value === 'container'")
+    expect(source).toContain("derivedCustomerSource.value === 'booking'")
     expect(source).toContain('重新加载选项')
   })
 
-  it('hides inactive options while preserving resources already bound to an appointment', () => {
+  it('keeps historical snapshots visible but requires active customer and carrier choices', () => {
     expect(source).toContain("item.status === 'ACTIVE'")
     expect(source).toContain("item.status === 'ACTIVE' || String(item.id) === String(draft.warehouseId)")
     expect(source).toContain('v-for="item in selectableCustomers"')
     expect(source).toContain('v-for="item in selectableWarehouses"')
-    expect(source).not.toContain(':disabled="item.status !== \'ACTIVE\'')
+    expect(source).toContain("customerId: [{ required: true, message: '请选择客户'")
+    expect(source).toContain("carrierId: [{ required: true, message: '请选择承运商'")
+    expect(source).toContain("plannedLoadingAt: [{ required: true, message: '请选择预计装箱时间'")
+    expect(source).toContain("draft.customerName || '历史客户（需重新选择）'")
+    expect(source).toContain(':value="String(draft.customerId)" disabled')
+    expect(source).toContain('props.resource?.oceanBookingNo')
+    expect(source).toContain('props.resource?.cabinetNo')
+    expect(source).not.toContain('props.resource?.containerBookingId].filter')
+  })
+
+  it('keeps booking, cabinet and loading plan optional and only uses them for completion hints', () => {
+    expect(source).toContain('订舱、柜次和装柜计划均为可选关联，不影响独立开立拖车预约')
+    expect(source).toContain('<el-divider content-position="left">可选关联</el-divider>')
+    expect(source).toContain('label="关联柜次（可选）"')
+    expect(source).toContain('label="关联订舱（可选）"')
+    expect(source).toContain("relationWarning.value = '所选关联资源与当前客户不一致")
+    expect(source).not.toContain("status === 'RELEASED'")
+    expect(source).not.toContain('尚未建立装柜计划')
   })
 
   it('gives editable fields clear placeholders', () => {
@@ -50,4 +70,9 @@ describe('TruckAppointmentForm interaction contract', () => {
     expect(source).toContain('柜次号：${item.cabinetNo')
     expect(source).toContain('集装箱号：${item.containerNo')
   })
+
+  it('keeps the form usable at 390px', () => {
+    expect(source).toContain('@media (max-width: 480px)')
+    expect(source).toContain('min-height: 40px')
+  })
 })