优化

src/modules/trucking/pages/TruckAppointmentsView.test.ts

@@ -145,4 +145,10 @@ describe('TruckAppointmentsView', () => {
     expect(source).not.toContain("truck-appointment:view')\" link")
     expect(source).toContain(':total="total" stripe preference-key="trucking-appointments"')
   })
+
+  it('uses compact status/type filters and a wider composite keyword field', () => {
+    expect(source).toContain("key: 'keyword', type: 'input', label: '关键词', placeholder: '派车单号、车牌号、运输公司', width: 280")
+    expect(source).toContain("key: 'status', type: 'select', label: '状态', placeholder: '全部状态', width: 160")
+    expect(source).toContain("key: 'containerType', type: 'select', label: '柜型', placeholder: '全部柜型', width: 160")
+  })
 })

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -18,9 +18,9 @@ const router = useRouter(); const rows = ref<TruckAppointmentResource[]>([]); co
 const access = useAccessPreviewStore()
 const filters = ref({ keyword: '', status: '' as TruckAppointmentStatus | '', containerBookingId: '', containerType: '' }); const applied = ref({ ...filters.value })
 const fields = computed<QueryField[]>(() => [
-  { key: 'keyword', type: 'input', label: '关键词', placeholder: '派车单号、车牌号、运输公司' },
-  { key: 'status', type: 'select', label: '状态', placeholder: '全部状态', options: TRUCK_APPOINTMENT_STATUSES.map((value) => ({ value, label: truckAppointmentStatusLabels[value] })) },
-  { key: 'containerType', type: 'select', label: '柜型', placeholder: '全部柜型', options: [
+  { key: 'keyword', type: 'input', label: '关键词', placeholder: '派车单号、车牌号、运输公司', width: 280 },
+  { key: 'status', type: 'select', label: '状态', placeholder: '全部状态', width: 160, options: TRUCK_APPOINTMENT_STATUSES.map((value) => ({ value, label: truckAppointmentStatusLabels[value] })) },
+  { key: 'containerType', type: 'select', label: '柜型', placeholder: '全部柜型', width: 160, options: [
     { value: '20GP', label: '20GP' }, { value: '40GP', label: '40GP' }, { value: '40HC', label: '40HC' },
   ] },
 ])