feat: connect plan-level preload confirmation

src/modules/container-loading/pages/SmartLoadingWorkbenchView.vue

@@ -82,11 +82,14 @@ function explainCandidate(source: object) {
   const weightRoom = weightLimit.value ? Math.floor(Math.max(weightLimit.value - totalWeight.value, 0) / Math.max(weight, 0.000001)) : candidate.availablePackageCount
   return `按 110% 上限，当前最多可装 ${Math.max(Math.min(candidate.availablePackageCount, volumeRoom, weightRoom), 0)} 箱`
 }
+function displayCabinetNo(value: ContainerBookingResource | null | undefined) {
+  if (!value) return '待生成'
+  const cabinetNo = String(value.cabinetNo || '').trim()
+  return /^\d{15,}$/.test(cabinetNo) ? '待生成' : cabinetNo || '待生成'
+}
 function displayContainerNo(value: ContainerBookingResource | null | undefined) {
-  if (!value) return '柜号待生成'
-  const actual = String(value.containerNo || '').trim()
-  const internalReference = /^(?:MAN|SPLIT)-/i.test(actual)
-  return actual && !internalReference ? actual : String(value.cabinetNo || '').trim() || '柜号待生成'
+  const containerNo = String(value?.containerNo || '').trim()
+  return containerNo && !/^(?:MAN|SPLIT)-/i.test(containerNo) ? containerNo : '待录入'
 }
 function syncDrafts() { for (const item of plan.value?.items || []) quantityDrafts[item.id] = item.packageCount }
 function acceptPlan(next: SmartLoadingPlan) { plan.value = next; noDraft.value = false; syncDrafts() }
@@ -168,11 +171,11 @@ async function remove(source: object) {
 }
 async function pushPreload() {
   if (!plan.value) return
-  const confirmed = await ElMessageBox.confirm('推送后计划进入装柜流程，不能继续调整排柜明细。确认推送预装清单？', '推送预装清单', { type: 'warning', confirmButtonText: '确认推送', cancelButtonText: '取消' }).catch(() => false)
+  const confirmed = await ElMessageBox.confirm('推送后生成预装清单，不会直接开放 PDA。后续还需补集装箱号、关联并放舱真实订舱、确认预装。确认继续？', '推送预装清单', { type: 'warning', confirmButtonText: '确认推送', cancelButtonText: '取消' }).catch(() => false)
   if (!confirmed || !plan.value) return
   mutating.value = true
   mutationError.value = null
-  try { acceptPlan(await pushSmartLoadingPreload(plan.value.id, plan.value.version)); ElMessage.success('已推送预装清单') }
+  try { acceptPlan(await pushSmartLoadingPreload(plan.value.id, plan.value.version)); ElMessage.success('预装清单已生成，请继续完成集装箱号、订舱放舱和预装确认') }
   catch (error) { await handleMutationError(error, '推送失败') }
   finally { mutating.value = false }
 }
@@ -199,9 +202,15 @@ onMounted(load)
   <AdminPage>
   <section class="business-page workbench">
     <section class="surface-panel workbench-command-bar" aria-label="排柜作业摘要">
-      <div class="workbench-identity">
-        <span>当前柜号</span>
-        <strong>{{ loading ? '正在加载' : displayContainerNo(container) }}</strong>
+      <div class="workbench-identities">
+        <div class="workbench-identity">
+          <span>柜次号</span>
+          <strong>{{ loading ? '正在加载' : displayCabinetNo(container) }}</strong>
+        </div>
+        <div class="workbench-identity">
+          <span>集装箱号</span>
+          <strong>{{ loading ? '正在加载' : displayContainerNo(container) }}</strong>
+        </div>
       </div>
       <div class="header-actions">
         <el-button text aria-label="返回货柜列表" @click="router.back()"><ArrowLeft :size="18" />返回</el-button>
@@ -220,7 +229,7 @@ onMounted(load)
         <el-button v-if="canViewLoadingList" type="primary" @click="openOperationalList"><ListChecks :size="16" />查看装柜清单</el-button>
       </section>
       <section v-else-if="container?.planStatus === 'LOADING'" class="readonly-status-card" aria-label="已进入拣货流程">
-        <strong>该柜号已进入拣货流程</strong>
+        <strong>该柜次已进入拣货流程</strong>
         <p>智能装柜仅处理待装柜和预装编辑中的空柜，请在预装清单继续查看。</p>
         <el-button v-if="canViewLoadingList" type="primary" @click="openOperationalList"><ListChecks :size="16" />查看预装清单</el-button>
       </section>
@@ -255,6 +264,7 @@ onMounted(load)
 .workbench { display: grid; gap: 16px; min-width: 0; }
 .workbench-command-bar,.header-actions,.row-actions,.meter-title { display: flex; align-items: center; }
 .workbench-command-bar { justify-content: space-between; gap: 16px; padding: 14px 16px; }
+.workbench-identities { display: flex; min-width: 0; align-items: center; gap: 32px; }
 .workbench-identity { display: grid; min-width: 0; gap: 3px; }
 .workbench-identity span { color: var(--cc-muted); font-size: 11px; }
 .workbench-identity strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
@@ -274,5 +284,5 @@ onMounted(load)
 .workbench :deep(.el-input-number) { width: 130px; }
 .assign-dialog p { margin: 0 0 10px; }
 .assign-dialog :deep(.el-input-number) { width: 100%; }
-@media (max-width: 760px) { .workbench-command-bar,.header-actions { width: 100%; flex-direction: column; align-items: stretch; } .summary-band,.capacity-grid { grid-template-columns: 1fr; } .meter-title { align-items: flex-start; flex-direction: column; } .header-actions .el-button { min-height: 44px; margin-left: 0; } }
+@media (max-width: 760px) { .workbench-command-bar,.header-actions { width: 100%; flex-direction: column; align-items: stretch; } .workbench-identities { flex-direction: column; align-items: stretch; gap: 10px; } .summary-band,.capacity-grid { grid-template-columns: 1fr; } .meter-title { align-items: flex-start; flex-direction: column; } .header-actions .el-button { min-height: 44px; margin-left: 0; } }
 </style>