优化

src/modules/loading-lists/components/LoadingListDetailDrawer.vue

@@ -9,7 +9,7 @@ import StatusBadge from '@/shared/components/StatusBadge.vue'
 import ContainerFeesPanel from './ContainerFeesPanel.vue'
 import { loadingListStatusLabel } from '../status'
 import type { ApiErrorDetails } from '@/shared/api/http'
-import type { LoadingDetail, LoadingListMode, LoadingListSummary, PreloadSummary } from '../api/platformLoadingLists'
+import type { LoadingDetail, LoadingItem, LoadingListMode, LoadingListSummary, PreloadSummary } from '../api/platformLoadingLists'
 
 const props = defineProps<{
   mode: LoadingListMode
@@ -28,7 +28,7 @@ const itemColumns: DataTableColumn[] = [
   { key: 'sequence', prop: 'loadSequence', label: '装柜顺序', fixed: 'left', width: 92, hideable: false, movable: false },
   { key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 150 },
   { key: 'orderNo', prop: 'orderNo', label: '订单号', minWidth: 150 },
-  { key: 'containerNo', prop: 'containerNo', label: '集装箱号', minWidth: 145 },
+  { key: 'containerNo', prop: 'containerNo', label: '集装箱号', minWidth: 145, formatter: (row: LoadingItem) => row.containerNo || '—' },
   { key: 'skuCode', prop: 'skuCode', label: 'SKU', minWidth: 130 },
   { key: 'destinationWarehouse', prop: 'destinationWarehouse', label: '目的仓', minWidth: 130 },
   { key: 'customerName', prop: 'customerName', label: '客户', minWidth: 150 },

src/modules/loading-lists/components/LoadingListsView.test.ts

@@ -142,6 +142,8 @@ describe('LoadingListsView', () => {
   })
 
   it('shows every prototype detail field that is backed by the loading item contract', () => {
+    expect(detailSource.indexOf("key: 'orderNo'")).toBeLessThan(detailSource.indexOf("key: 'containerNo'"))
+    expect(detailSource.indexOf("key: 'containerNo'")).toBeLessThan(detailSource.indexOf("key: 'skuCode'"))
     const fields = [
       'chineseName',
       'englishName',