优化

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

@@ -142,7 +142,17 @@ function displayContainerNo(container: ContainerBookingResource | null | undefin
   if (!container) return '柜号待生成'
   const actual = String(container.containerNo || '').trim()
   const internalReference = /^(?:MAN|SPLIT)-/i.test(actual)
-  return actual && !internalReference ? actual : String(container.cabinetNo || '').trim() || '柜号待生成'
+  if (actual && !internalReference) return actual
+  const cabinetReference = String(container.cabinetNo || '').trim()
+  return /^\d{15,}$/.test(cabinetReference) ? '模拟柜次' : cabinetReference || '柜号待生成'
+}
+function hasRealContainerNo(container: ContainerBookingResource | null | undefined) {
+  if (!container) return false
+  const value = String(container.containerNo || '').trim()
+  return Boolean(value) && !/^(?:MAN|SPLIT)-/i.test(value)
+}
+function hasOpaqueCabinetReference(container: ContainerBookingResource | null | undefined) {
+  return Boolean(container && /^\d{15,}$/.test(String(container.cabinetNo || '').trim()))
 }
 function syncDrafts(next: SmartLoadingPlan, preserved: Record<string, number> = {}) {
   for (const key of Object.keys(quantityDrafts)) delete quantityDrafts[key]
@@ -445,7 +455,18 @@ onMounted(() => { void load(); void loadCustomers() })
                 :class="{ selected: item.id === selectedContainerId }"
                 @click="selectContainer(item.id)"
               >
-                <span class="container-option__top"><strong>{{ displayContainerNo(item) }}</strong></span>
+                <span class="container-option__top">
+                  <strong>{{ hasRealContainerNo(item) ? displayContainerNo(item) : '模拟柜次' }}</strong>
+                  <el-tag size="small" :type="hasRealContainerNo(item) ? 'success' : 'info'">
+                    {{ hasRealContainerNo(item) ? '已录入柜号' : '空柜' }}
+                  </el-tag>
+                </span>
+                <span class="container-option__identity">
+                  {{ hasRealContainerNo(item) ? `柜号：${displayContainerNo(item)}` : (hasOpaqueCabinetReference(item) ? '模拟柜次：真实柜号待录入' : `柜次参考：${displayContainerNo(item)}`) }}
+                </span>
+                <span>渠道：{{ item.channelName || item.channelCode || '渠道待补充' }}</span>
+                <span>仓库：{{ item.warehouseName || item.warehouseId || '仓库待补充' }} · 柜型：{{ item.containerType || '柜型待补充' }}</span>
+                <span v-if="!hasRealContainerNo(item)" class="container-option__hint">真实柜号：待录入</span>
               </button>
             </div>
           </aside>
@@ -518,7 +539,7 @@ onMounted(() => { void load(); void loadCustomers() })
 .compact-summary dd { margin: 0; color: var(--cc-text); font-size: 12px; }
 .compact-summary strong { color: var(--el-color-primary); font-size: 14px; }
 .pane-header small,.container-option span,.global-loading-page small { color: var(--cc-muted); font-size: 12px; }
-.dispatch-grid { display: grid; grid-template-columns: minmax(390px, 1.1fr) 270px minmax(460px, 1.35fr); height: clamp(520px, 68vh, 720px); min-height: 0; overflow-x: auto; border: 1px solid var(--cc-border); background: #fff; }
+.dispatch-grid { display: grid; grid-template-columns: minmax(390px, 1.1fr) minmax(320px, .9fr) minmax(460px, 1.35fr); height: clamp(520px, 68vh, 720px); min-height: 0; overflow-x: auto; border: 1px solid var(--cc-border); background: #fff; }
 .embedded-smart-loading .dispatch-grid { min-height: 520px; height: min(62vh, 700px); }
 .dispatch-pane { display: flex; min-width: 0; min-height: 0; flex-direction: column; }
 .dispatch-pane + .dispatch-pane { border-left: 1px solid var(--cc-border); }
@@ -528,10 +549,12 @@ onMounted(() => { void load(); void loadCustomers() })
 .candidate-pane :deep(.el-table),.plan-pane :deep(.el-table) { height: 100%; }
 .container-pane { background: #fafafa; }
 .container-list { display: grid; min-height: 0; flex: 1; grid-auto-rows: max-content; align-content: start; gap: 8px; padding: 10px; overflow-y: auto; }
-.container-option { display: grid; width: 100%; min-height: 0; height: auto; align-content: start; gap: 5px; padding: 10px; overflow: hidden; border: 1px solid var(--cc-border); border-radius: 6px; background: #fff; color: var(--cc-text); line-height: 1.35; text-align: left; cursor: pointer; }
+.container-option { display: grid; width: 100%; min-height: 112px; height: auto; align-content: start; gap: 6px; padding: 14px; overflow: hidden; border: 1px solid var(--cc-border); border-radius: 6px; background: #fff; color: var(--cc-text); line-height: 1.4; text-align: left; cursor: pointer; }
 .container-option:hover,.container-option:focus-visible { border-color: var(--el-color-primary); outline: none; }
 .container-option.selected { border-color: var(--el-color-primary); box-shadow: inset 3px 0 0 var(--el-color-primary); background: var(--el-color-primary-light-9); }
 .container-option__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--cc-text) !important; }
+.container-option__identity { color: var(--cc-text); font-size: 13px; font-weight: 600; }
+.container-option__hint { color: var(--el-color-warning); font-weight: 600; }
 .container-option span,.container-option strong { min-width: 0; overflow-wrap: anywhere; }
 .plan-header { flex-wrap: wrap; }
 .plan-actions,.row-actions,.meter-title { display: flex; align-items: center; gap: 8px; }