修改

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

@@ -51,14 +51,14 @@ const title = computed(() => {
 })
 
 function statusLabel(status?: string | null) {
-  return ({ LOADING: '装柜中', COMPLETED: '装柜完成', EDITING: '编辑中' } as Record<string, string>)[status || ''] || status || '—'
+  return ({ WAIT_LOADING: '待装柜', EDITING: '预装柜中', LOADING: '拣货中', COMPLETED: '装柜完成' } as Record<string, string>)[status || ''] || status || '—'
 }
 
 function actionLabel(action: string) {
   return ({
     CREATE: '创建计划', ASSIGN: '分配货物', ADJUST: '调整货物', DELETE: '移除货物',
     RECOMMEND: '智能排柜', PUSH_PRELOAD: '推送预装', UPDATE_TRANSPORT: '修改运输信息',
-    START_LOADING: '开始装柜', COMPLETE: '完成装柜',
+    START_LOADING: '开始拣货', COMPLETE: '完成装柜',
   } as Record<string, string>)[action] || action
 }
 
@@ -92,7 +92,7 @@ function formatNumber(value?: number | null, digits = 3) {
         <div><span>仓库</span><strong>{{ summary.warehouseName || '—' }}</strong></div>
         <div><span>集装箱号</span><strong>{{ summary.containerNo || '—' }}</strong></div>
         <div><span>柜号</span><strong>{{ summary.internalContainerNo || '—' }}</strong></div>
-        <div><span>状态</span><StatusBadge :status="summary.status" /> <small>{{ statusLabel(summary.status) }}</small></div>
+        <div><span>状态</span><StatusBadge :status="statusLabel(summary.status)" /></div>
         <template v-if="preloadSummary">
           <div><span>船名 / 航次</span><strong>{{ preloadSummary.vesselName || '—' }} / {{ preloadSummary.voyageNo || '—' }}</strong></div>
           <div><span>箱型</span><strong>{{ preloadSummary.containerType || '—' }}</strong></div>

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

@@ -38,6 +38,16 @@ describe('LoadingListsView', () => {
     expect(source).toContain('expectedVersion: detail.value.summary.version')
   })
 
+  it('renders business labels instead of raw loading-plan status codes', () => {
+    expect(source).toContain("LOADING: '拣货中'")
+    expect(source).toContain("COMPLETED: '装柜完成'")
+    expect(source).toContain(':status="statusLabel(row.status)"')
+    expect(detailSource).toContain("EDITING: '预装柜中'")
+    expect(detailSource).toContain(':status="statusLabel(summary.status)"')
+    expect(detailSource).not.toContain(':status="summary.status"')
+    expect(source).not.toContain('仅装柜中允许修改')
+  })
+
   it('exposes a row edit action only for loading preload plans', () => {
     expect(source).toContain("isPreload && canEdit && row.status === 'LOADING'")
     expect(source).toContain('openEditFromRow(row)')

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

@@ -107,6 +107,10 @@ function formatNumber(value?: number | null, digits = 3) {
   return Number(value).toLocaleString('zh-CN', { maximumFractionDigits: digits })
 }
 
+function statusLabel(status?: string | null) {
+  return ({ WAIT_LOADING: '待装柜', EDITING: '预装柜中', LOADING: '拣货中', COMPLETED: '装柜完成' } as Record<string, string>)[status || ''] || status || '—'
+}
+
 function toQuery(): LoadingListQuery {
   const range = Array.isArray(query.createdRange) ? query.createdRange.map(String) : []
   return {
@@ -256,7 +260,7 @@ onMounted(() => {
         </template>
         <template #customers="{ row }">{{ (row as PreloadSummary).customers.map((item) => item.customerName || item.accountId).join('、') || '—' }}</template>
         <template #vesselVoyage="{ row }">{{ (row as PreloadSummary).vesselName || '—' }} / {{ (row as PreloadSummary).voyageNo || '—' }}</template>
-        <template #status="{ row }"><StatusBadge :status="row.status" /><span class="status-label">{{ row.status === 'LOADING' ? '装柜中' : row.status === 'COMPLETED' ? '装柜完成' : row.status }}</span></template>
+        <template #status="{ row }"><StatusBadge :status="statusLabel(row.status)" /></template>
         <template #grossWeight="{ row }">{{ formatNumber(row.totalGrossWeightKg) }}</template>
         <template #netWeight="{ row }">{{ formatNumber((row as ConfirmedSummary).totalNetWeightKg) }}</template>
         <template #volume="{ row }">{{ formatNumber(row.totalVolumeCbm) }}</template>
@@ -284,7 +288,7 @@ onMounted(() => {
       :confirm-disabled="!canEdit"
       @confirm="saveTransport"
     >
-      <el-alert type="info" :closable="false" show-icon title="仅装柜中允许修改；保存时按详情版本执行乐观锁校验。" />
+      <el-alert type="info" :closable="false" show-icon title="仅拣货中允许修改；保存时按详情版本执行乐观锁校验。" />
       <el-form ref="editFormRef" class="transport-form" :model="editForm" :rules="editRules" label-position="top">
         <el-form-item label="集装箱号" prop="containerNo"><el-input v-model="editForm.containerNo" maxlength="64" show-word-limit placeholder="请输入集装箱号" /></el-form-item>
         <el-form-item label="航次" prop="voyageNo"><el-input v-model="editForm.voyageNo" maxlength="64" show-word-limit placeholder="请输入航次" /></el-form-item>
@@ -301,8 +305,6 @@ onMounted(() => {
 <style scoped>
 .loading-lists-page { display: grid; min-width: 0; gap: 16px; }
 .table-panel { min-width: 0; overflow: hidden; border: 1px solid var(--cc-border); background: #fff; }
-.status-label { color: var(--cc-muted); font-size: 12px; }
-.status-label { margin-left: 6px; }
 .transport-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin-top: 16px; }
 .transport-form :deep(.el-form-item:last-child) { grid-column: 1 / -1; }
 @media (max-width: 640px) { .transport-form { grid-template-columns: 1fr; } .transport-form :deep(.el-form-item:last-child) { grid-column: auto; } }