From 2333bd8bab1c21f841ee9b5ddc2db041b81816a5 Mon Sep 17 00:00:00 2001
From: ouyangxq <775153912@qq.com>
Date: Wed, 21 Oct 2026 13:22:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/core/navigation/adminNavigation.test.ts   |   2 +-
 src/core/navigation/adminNavigation.ts        |   2 +-
 .../pages/ContainersView.test.ts              |   4 +-
 .../pages/ContainersView.vue                  |   2 +-
 src/modules/customers/pages/CustomersView.vue |   4 +-
 .../pages/OverseasStorageFeesView.vue         |   2 +-
 .../pages/DomesticContainersView.vue          |   2 +-
 .../downloads/pages/DownloadCenterView.vue    |   2 +-
 .../carrier-rates/pages/CarrierRatesView.vue  |   2 +-
 .../fee-items/pages/FeeItemsView.test.ts      |   4 +-
 src/modules/fee-items/pages/FeeItemsView.vue  |   2 +-
 .../pages/FinanceCustomerAccountsView.vue     |   2 +-
 .../finance/pages/FinanceCustomerArapView.vue |   2 +-
 .../pages/FinanceCustomerStatementsView.vue   |   4 +-
 .../pages/FinanceFormalSettlementPage.vue     |   2 +-
 .../finance/pages/FinancePresentation.test.ts |   2 +-
 .../pages/FinanceReceivableStatisticsView.vue |   2 +-
 src/modules/iam/pages/InternalUsersView.vue   |   2 +-
 src/modules/iam/pages/PermissionsView.vue     |   2 +-
 src/modules/iam/pages/RolesView.test.ts       |   4 +-
 src/modules/iam/pages/RolesView.vue           |   2 +-
 .../inbounds/components/InboundTaskList.vue   |   2 +-
 .../measurement/InboundMeasurementPanel.vue   |   4 +-
 .../weight/components/WeightOcrPanel.vue      |   2 +-
 .../components/LoadingListsView.test.ts       |   4 +-
 .../components/LoadingListsView.vue           |   2 +-
 .../counterparties/pages/PartnersView.vue     |   2 +-
 .../pages/ExpressCompaniesView.vue            |   2 +-
 .../pages/MessageManagementView.vue           |   2 +-
 .../pages/MessageTemplatesView.vue            |   2 +-
 .../pages/PlatformNotificationsView.vue       |   2 +-
 .../pages/OceanBookingsView.vue               |   2 +-
 .../pages/PurchaseOrdersView.vue              |   2 +-
 .../pages/TransportOrdersView.vue             |   2 +-
 src/modules/overseas-master-data/AGENTS.md    |   4 +-
 .../api/outsourcedBusiness.ts                 |   2 +-
 .../components/CapacityInquiryTable.vue       |   2 +-
 .../OutsourcedBusinessDetailLayout.vue        |   6 +-
 .../OutsourcedBusinessListLayout.vue          |   2 +-
 .../OutsourcedBusinessOperationsEditor.vue    |   2 +-
 .../OutsourcedBusinessPhotosEditor.vue        |   2 +-
 .../outsourcedBusinessTypes.ts                |   2 +-
 .../ownedBusinessTypes.ts                     |   2 +-
 .../pages/CapacityOfferDetailView.vue         |   2 +-
 .../pages/CapacityOffersView.vue              |   4 +-
 .../pages/DriversView.vue                     |   2 +-
 .../pages/ExchangeRatesView.vue               |   2 +-
 .../pages/OutsourcedBusinessDetailView.vue    |   4 +-
 .../pages/OutsourcedBusinessView.vue          |  14 +-
 .../pages/OutsourcedBusinessViews.test.ts     |  15 +-
 .../pages/OverseasQuotesView.vue              |   2 +-
 .../pages/OwnedBusinessView.vue               |   4 +-
 .../pages/OwnedBusinessViews.test.ts          |  10 +
 .../pages/TripOperationsView.vue              |   2 +-
 .../overseas-master-data/pages/TripsView.vue  |   2 +-
 .../pages/VehiclesView.vue                    |   2 +-
 src/modules/overseas-master-data/routes.ts    |   6 +-
 src/modules/overseas-warehouse/AGENTS.md      |   6 +-
 .../overseas-warehouse/PROTOTYPE_MATRIX.md    |  52 ++++
 .../DispatchWorkflowDialog.layout.test.ts     |  37 +--
 .../components/DispatchWorkflowDialog.test.ts | 118 ++------
 .../components/DispatchWorkflowDialog.vue     | 123 ++------
 .../components/ExceptionProcessingPanel.vue   |   2 +-
 .../SmartDispatchCargoBoard.test.ts           | 189 +++++++++++++
 .../components/SmartDispatchCargoBoard.vue    | 265 ++++++++++++++++++
 .../SmartDispatchDialog.layout.test.ts        | 118 +++-----
 .../SmartDispatchDialog.planning.test.ts      | 247 ++++++++++++++++
 .../components/SmartDispatchDialog.test.ts    |  36 ++-
 .../components/SmartDispatchDialog.vue        | 169 ++++++-----
 .../SmartDispatchExistingCargo.test.ts        | 191 +++++++++++++
 .../components/SmartDispatchExistingCargo.vue | 251 +++++++++++++++++
 .../overseas-warehouse/dispatchContracts.ts   |   2 +-
 .../pages/CargoDiscardsView.vue               |   2 +-
 .../pages/CustomerVisitsView.vue              |   2 +-
 .../pages/DeliveryOrdersView.vue              |   2 +-
 .../pages/DispatchDetailView.test.ts          |  10 +
 .../pages/DispatchDetailView.vue              |   4 +-
 .../pages/DispatchesView.test.ts              |  21 ++
 .../pages/DispatchesView.vue                  |   9 +-
 .../pages/ExceptionOrdersView.vue             |   2 +-
 .../pages/InboundOrdersView.vue               |   2 +-
 .../pages/InventoryTransactionsView.vue       |   2 +-
 .../pages/InventoryView.vue                   |   2 +-
 .../pages/LastMileOrdersView.vue              |   2 +-
 .../pages/LocationsView.vue                   |   2 +-
 .../pages/MojiaSkuSyncView.vue                |   2 +-
 .../pages/OutboundsView.vue                   |   2 +-
 .../overseas-warehouse/pages/PalletsView.vue  |   2 +-
 .../pages/RelabelOrdersView.vue               |   2 +-
 .../pages/ReturnInventoryManagementView.vue   |   1 -
 .../pages/prototypeContract.test.ts           |   8 +-
 .../pages/PdaReleasesView.test.ts             |   4 +-
 .../pda-releases/pages/PdaReleasesView.vue    |   2 +-
 src/modules/suppliers/pages/SuppliersView.vue |   2 +-
 .../components/TruckAppointmentForm.vue       |   6 +-
 .../pages/TruckAppointmentDetailView.test.ts  |   5 +-
 .../pages/TruckAppointmentDetailView.vue      |   8 +-
 .../pages/TruckAppointmentsView.test.ts       |   4 +-
 .../trucking/pages/TruckAppointmentsView.vue  |   2 +-
 .../pages/UnifiedOrdersView.vue               |   4 +-
 .../locations/pages/LocationsView.test.ts     |   3 +-
 .../locations/pages/LocationsView.vue         |   2 +-
 .../pallets/pages/PalletsView.test.ts         |   3 +-
 .../pallets/pages/PalletsView.vue             |   2 +-
 .../warehouses/pages/WarehousesView.test.ts   |   3 +-
 .../warehouses/pages/WarehousesView.vue       |   2 +-
 src/shared/components/DataTable.vue           |  20 +-
 src/shared/components/QueryToolbar.vue        |   2 +-
 src/styles/adminDensity.css                   |  16 +-
 src/styles/adminDensity.test.ts               |  73 ++++-
 src/styles/adminWorkbench.css                 |  22 +-
 src/styles/adminWorkbench.test.ts             |  39 ++-
 src/styles/adminWorkbenchTokens.css           |   2 +
 src/styles/foundation.css                     |   4 +
 114 files changed, 1766 insertions(+), 526 deletions(-)
 create mode 100644 src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.test.ts
 create mode 100644 src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.vue
 create mode 100644 src/modules/overseas-warehouse/components/SmartDispatchDialog.planning.test.ts
 create mode 100644 src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.test.ts
 create mode 100644 src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.vue

diff --git a/src/core/navigation/adminNavigation.test.ts b/src/core/navigation/adminNavigation.test.ts
index eb6a43a8..6c67f278 100644
--- a/src/core/navigation/adminNavigation.test.ts
+++ b/src/core/navigation/adminNavigation.test.ts
@@ -47,7 +47,7 @@ describe('adminNavigation', () => {
       { title: '货柜管理', children: ['订舱列表', '拖车列表', '货柜列表', '装柜清单', '预装清单'] },
        { title: '海外尾程', children: ['尾程订单', '入库单', '废弃单', '出库单', '换标单', '派送单', '托盘管理', '库位管理', '库存管理', '退货库存管理', '退货箱号管理'] },
       { title: '预约管理', children: ['预约列表'] },
-      { title: '车辆管理', children: ['排车列表', '车辆列表', '司机管理', '自有业务', '外配业务', '出车记录'] },
+      { title: '车辆管理', children: ['排车列表', '车辆列表', '司机管理', '自有业务', '外配任务', '出车记录'] },
       { title: '海外业务', children: ['采购订单', '本土卡车', '本土散板', '散板需求'] },
       { title: '客户服务', children: ['异常订单'] },
       { title: '财务管理', children: ['客户账户', '客户应收应付', '应收款统计表', '客户对账单', '结算单应收', '结算单应付'] },
diff --git a/src/core/navigation/adminNavigation.ts b/src/core/navigation/adminNavigation.ts
index 6dfc76ba..9ffd0e08 100644
--- a/src/core/navigation/adminNavigation.ts
+++ b/src/core/navigation/adminNavigation.ts
@@ -135,7 +135,7 @@ export const adminNavigation: AdminNavigationNode[] = [
       { key: 'vehicle-list', title: '车辆列表', icon: Truck, path: '/overseas-master-data/vehicles', permission: 'platform:overseas-master-data:vehicle:list' },
       { key: 'driver-management', title: '司机管理', icon: ContactRound, path: '/overseas-master-data/drivers', permission: 'platform:overseas-master-data:driver:list' },
       { key: 'fleet-owned-business', title: '自有业务', icon: Truck, path: '/overseas-master-data/owned-business', permission: 'platform:fleet:owned-business:list' },
-      { key: 'fleet-outsourced-business', title: '外配业务', icon: Truck, path: '/overseas-master-data/outsourced-business', permission: 'platform:fleet:outsourced-business:list' },
+      { key: 'fleet-outsourced-business', title: '外配任务', icon: Truck, path: '/overseas-master-data/outsourced-business', permission: 'platform:fleet:outsourced-business:list' },
       { key: 'fleet-trips', title: '车次管理', icon: Truck, path: '/overseas-master-data/trips', permission: 'platform:fleet:trip:list', hidden: true },
       { key: 'fleet-operations', title: '出车记录', icon: Truck, path: '/overseas-master-data/trip-operations', permission: 'platform:fleet:operations:list' },
     ],
diff --git a/src/modules/container-loading/pages/ContainersView.test.ts b/src/modules/container-loading/pages/ContainersView.test.ts
index ff969931..950f0632 100644
--- a/src/modules/container-loading/pages/ContainersView.test.ts
+++ b/src/modules/container-loading/pages/ContainersView.test.ts
@@ -479,7 +479,9 @@ describe('ContainersView', () => {
     expect(source).not.toContain('canSmartLoading && row.containerNo')
     expect(source).not.toContain('link type="primary" :aria-label="containerViewLabel')
     expect(source).toContain(':loading="loading" preference-key="container-loading-table"')
-    expect(source).toContain('appearance="integrated" :stripe="false"')
+    expect(source).toContain('appearance="integrated"')
+    expect(source).not.toContain(':stripe="false"')
+    expect(source).not.toContain(':stripe="false"')
   })
 
   it('updates an ACTIVE TRUCKING fleet inline and records actual empty return once', async () => {
diff --git a/src/modules/container-loading/pages/ContainersView.vue b/src/modules/container-loading/pages/ContainersView.vue
index f36b52f1..22098c00 100644
--- a/src/modules/container-loading/pages/ContainersView.vue
+++ b/src/modules/container-loading/pages/ContainersView.vue
@@ -736,7 +736,7 @@ onMounted(async () => { await Promise.all([loadCustomers(), loadRows()]) })
       <ListPageLayout :ariaLabel="isDomestic ? '送柜报关工作台' : '清关提柜工作台'">
 
 
-        <section id="container-workbench-results" ><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="container-loading-table" empty-text="暂无货柜">
+        <section id="container-workbench-results" ><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="container-loading-table" empty-text="暂无货柜">
         <template #toolbar-start>
           <div class="container-scope-tabs density-status-tabs workbench-list-tabs" role="tablist" aria-label="货柜完结状态">
             <button type="button" role="tab" aria-controls="container-workbench-results" :aria-selected="scope === 'ACTIVE'" :tabindex="scope === 'ACTIVE' ? 0 : -1" :class="['container-scope-tab', { 'is-active': scope === 'ACTIVE' }]" @click="scope = 'ACTIVE'">未完结</button>
diff --git a/src/modules/customers/pages/CustomersView.vue b/src/modules/customers/pages/CustomersView.vue
index dd00f1f4..b3eb6a7f 100644
--- a/src/modules/customers/pages/CustomersView.vue
+++ b/src/modules/customers/pages/CustomersView.vue
@@ -1065,7 +1065,7 @@ onMounted(() => { void loadCustomers() })
     <ListPageLayout aria-label="客户管理">
 
 
-      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="customerColumns" preference-key="customers-table" :loading="loading" :total="result.total" aria-label="客户列表" row-key="id" empty-text="暂无符合筛选条件的客户" class="customer-list-table" border>
+      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="customerColumns" preference-key="customers-table" :loading="loading" :total="result.total" aria-label="客户列表" row-key="id" empty-text="暂无符合筛选条件的客户" class="customer-list-table" border>
         <template #toolbar-start><h1>客户列表</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="客户筛选" :fields="queryFields" preference-key="customers-query" @search="applyFilters" /></template>
         <template #notices><template v-if="loadError">
@@ -1221,7 +1221,7 @@ onMounted(() => { void loadCustomers() })
 .capital-input { display:grid; grid-template-columns:minmax(0,1fr) 130px; width:100%; gap:var(--admin-space-3, 8px); } .capital-input :deep(.el-input-number) { width:100%; } .capital-input :deep(.el-select) { width:100%; }
 .qualification-heading { display:flex; justify-content:flex-end; margin-bottom:var(--admin-space-5, 12px); } .qualification-hint { margin:var(--admin-space-5, 12px) 0 0; color:var(--workbench-muted); font-size:var(--admin-font-caption, 12px); line-height:1.6; } .qualification-hint span { color:var(--el-color-danger); } .qualification-label > span { color:var(--el-color-danger); }
 .qualification-credit-code small { display:block; margin-top:var(--admin-space-2, 6px); color:var(--workbench-muted); font-size:var(--admin-font-caption, 11px); line-height:1.5; } .field-hint { display:block; margin-top:var(--admin-space-2, 6px); color:var(--workbench-muted); line-height:1.5; }
-.qualification-table { container-type:inline-size; overflow:hidden; margin-top:14px; border:1px solid var(--workbench-border); border-radius:8px; } .qualification-row { display:grid; grid-template-columns:170px minmax(0,1fr) 220px; min-width:0; border-top:1px solid var(--workbench-border); } .qualification-row:first-child { border-top:0; } .qualification-row > * { display:flex; min-width:0; align-items:center; } .qualification-header { min-height:44px; background:var(--workbench-surface-soft); color:var(--workbench-muted); font-size:var(--admin-font-caption, 12px); font-weight:600; }
+.qualification-table { container-type:inline-size; overflow:hidden; margin-top:14px; border:1px solid var(--workbench-border); border-radius:8px; } .qualification-row { display:grid; grid-template-columns:170px minmax(0,1fr) 220px; min-width:0; border-top:1px solid var(--workbench-border); } .qualification-row:first-child { border-top:0; } .qualification-row > * { display:flex; min-width:0; align-items:center; } .qualification-header { min-height:44px; background:var(--cc-list-table-header-bg); color:var(--cc-list-table-header-text); font-size:var(--admin-font-caption, 12px); font-weight:600; }
 .qualification-label { gap:5px; font-weight:600; } .qualification-label svg { margin-left:auto; color:var(--el-color-success); }
 .qualification-optional { padding:2px 5px; border-radius:var(--admin-radius, 4px); background:var(--el-fill-color-light); color:var(--workbench-muted); font-size:var(--admin-font-caption, 10px); font-weight:500; line-height:1.4; }
 .qualification-file { gap:var(--admin-space-5, 12px); } .qualification-file-control { display:flex; min-width:0; flex:1; flex-wrap:wrap; align-items:center; gap:var(--admin-space-3, 8px); } .file-picker { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; overflow:hidden; padding:0 var(--admin-space-5, 12px); border:1px solid var(--workbench-border); border-radius:6px; background:var(--workbench-surface); color:var(--workbench-text); cursor:pointer; } .file-picker:focus-within { outline:2px solid color-mix(in srgb,var(--workbench-primary) 35%,transparent); outline-offset:2px; } .file-picker.is-disabled { cursor:not-allowed; opacity:.6; } .file-picker input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:inherit; } .qualification-file-name { min-width:0; overflow:hidden; color:var(--workbench-muted); font-size:var(--admin-font-caption, 12px); text-overflow:ellipsis; } .qualification-validity :deep(.el-date-editor) { width:100%; min-width:0; } .qualification-error { width:100%; color:var(--el-color-danger); line-height:1.4; }
diff --git a/src/modules/customers/pages/OverseasStorageFeesView.vue b/src/modules/customers/pages/OverseasStorageFeesView.vue
index 23b07f93..af760d5a 100644
--- a/src/modules/customers/pages/OverseasStorageFeesView.vue
+++ b/src/modules/customers/pages/OverseasStorageFeesView.vue
@@ -72,7 +72,7 @@ onMounted(() => { void load() })
   <div class="business-page overseas-fees-page admin-density customer-density">
     <ListPageLayout ariaLabel="海外仓阶梯费用列表">
 
-    <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-storage-fees-table" row-key="id" border empty-text="暂无海外仓阶梯费用配置" @update:page="load" @update:page-size="load">
+    <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-storage-fees-table" row-key="id" border empty-text="暂无海外仓阶梯费用配置" @update:page="load" @update:page-size="load">
         <template #toolbar-start><h1>海外仓阶梯费用</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="queryFields" ariaLabel="海外仓阶梯费用筛选" preference-key="overseas-storage-fees-query" @search="search" /></template>
         <template #notices><template v-if="error"><section class="surface-panel error-state" role="alert"><div><strong>{{ error.message }}</strong><ApiErrorMeta :details="error" /></div><el-button type="primary" @click="load">重新加载</el-button></section></template></template>
diff --git a/src/modules/domestic-containers/pages/DomesticContainersView.vue b/src/modules/domestic-containers/pages/DomesticContainersView.vue
index 5eb990f0..7bba40cc 100644
--- a/src/modules/domestic-containers/pages/DomesticContainersView.vue
+++ b/src/modules/domestic-containers/pages/DomesticContainersView.vue
@@ -75,7 +75,7 @@ watch([page, pageSize], load); onMounted(async () => { await Promise.all([loadWa
 
 <template><AdminPage as="div" class="domestic-containers-page admin-density admin-workbench">
 <LoadErrorState v-if="warehouseError" compact title="国内仓候选加载失败" :message="warehouseError.message" :loading="warehouseLoading" @retry="loadWarehouses"><template #details><ApiErrorMeta :details="warehouseError" /></template></LoadErrorState>
-<ListPageLayout :aria-label="`${activeTab === 'inbound' ? '整柜入库单' : activeTab === 'outbound' ? '整柜出库单' : '整柜库存'}列表`"><section id="domestic-container-results" ><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" row-key="id" :preference-key="`domestic-containers-${activeTab}-table`" :empty-text="activeTab === 'inbound' ? '暂无整柜入库单' : activeTab === 'outbound' ? '暂无整柜出库单' : '暂无整柜库存'">
+<ListPageLayout :aria-label="`${activeTab === 'inbound' ? '整柜入库单' : activeTab === 'outbound' ? '整柜出库单' : '整柜库存'}列表`"><section id="domestic-container-results" ><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" row-key="id" :preference-key="`domestic-containers-${activeTab}-table`" :empty-text="activeTab === 'inbound' ? '暂无整柜入库单' : activeTab === 'outbound' ? '暂无整柜出库单' : '暂无整柜库存'">
         <template #toolbar-start><div class="status-tabs density-status-tabs workbench-list-tabs" role="tablist" aria-label="整柜业务类型"><button v-for="(tab, index) in businessTabs" :key="tab.value" type="button" role="tab" :aria-selected="activeTab === tab.value" aria-controls="domestic-container-results" :tabindex="activeTab === tab.value ? 0 : -1" :class="['status-tab', { 'is-active': activeTab === tab.value }]" @click="switchTab(tab.value)" @keydown="handleTabKeydown($event, index)">{{ tab.label }}</button></div></template>
         <template #filters><div class="business-query-panel integrated-query-group"><QueryToolbar v-model="filters" class="business-query-toolbar" ariaLabel="整柜业务筛选" :fields="queryFields" :preference-key="`domestic-containers-${activeTab}-query`" @search="search" /></div></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="整柜业务加载失败" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/downloads/pages/DownloadCenterView.vue b/src/modules/downloads/pages/DownloadCenterView.vue
index 90dd0036..ba9f29e0 100644
--- a/src/modules/downloads/pages/DownloadCenterView.vue
+++ b/src/modules/downloads/pages/DownloadCenterView.vue
@@ -283,7 +283,7 @@ onBeforeUnmount(() => {
 
 
 
-    <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="downloads-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无符合筛选条件的下载任务" aria-label="下载任务列表">
+    <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="downloads-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无符合筛选条件的下载任务" aria-label="下载任务列表">
         <template #toolbar-start><h1>下载中心</h1></template>
         <template #filters>
         <QueryToolbar v-model="filters" ariaLabel="下载任务筛选" :fields="queryFields" preference-key="downloads-query" @search="applyFilters" />
diff --git a/src/modules/fba-pricing/carrier-rates/pages/CarrierRatesView.vue b/src/modules/fba-pricing/carrier-rates/pages/CarrierRatesView.vue
index 2c5603f0..74771ea3 100644
--- a/src/modules/fba-pricing/carrier-rates/pages/CarrierRatesView.vue
+++ b/src/modules/fba-pricing/carrier-rates/pages/CarrierRatesView.vue
@@ -325,7 +325,7 @@ onMounted(() => {
 
 
 
-      <section aria-live="polite"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section aria-live="polite"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="pagedRows"
diff --git a/src/modules/fee-items/pages/FeeItemsView.test.ts b/src/modules/fee-items/pages/FeeItemsView.test.ts
index 996be410..dee38c95 100644
--- a/src/modules/fee-items/pages/FeeItemsView.test.ts
+++ b/src/modules/fee-items/pages/FeeItemsView.test.ts
@@ -129,7 +129,9 @@ describe('FeeItemsView public master data and access', () => {
     expect(actions).not.toMatch(/<(?:el-dropdown|Pencil|Power|Eye|Trash2|Download|CircleX)\b/)
   })
   it('keeps the prototype table treatment and mobile form fallback without inventing a pricing mode', () => {
-    expect(source).toContain('appearance="integrated" :stripe="false"')
+    expect(source).toContain('appearance="integrated"')
+    expect(source).not.toContain(':stripe="false"')
+    expect(source).not.toContain(':stripe="false"')
     expect(source).toContain(':page-sizes="[20, 50, 100]"')
     expect(source).toContain('@media (max-width: 720px)')
     expect(source).toContain('.fee-item-editor-table tr { display: grid; }')
diff --git a/src/modules/fee-items/pages/FeeItemsView.vue b/src/modules/fee-items/pages/FeeItemsView.vue
index fea5b7eb..f05ce084 100644
--- a/src/modules/fee-items/pages/FeeItemsView.vue
+++ b/src/modules/fee-items/pages/FeeItemsView.vue
@@ -350,7 +350,7 @@ onMounted(() => {
 
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
           v-model:page="page"
           v-model:page-size="pageSize"
           :data="rows"
diff --git a/src/modules/finance/pages/FinanceCustomerAccountsView.vue b/src/modules/finance/pages/FinanceCustomerAccountsView.vue
index 43edf254..7906fb21 100644
--- a/src/modules/finance/pages/FinanceCustomerAccountsView.vue
+++ b/src/modules/finance/pages/FinanceCustomerAccountsView.vue
@@ -446,7 +446,7 @@ onBeforeUnmount(clearVoucherPreview)
     <ListPageLayout v-else-if="!detailOpen" aria-label="客户账户">
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!stateError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="finance-customer-accounts-table" aria-label="客户账户列表" row-key="customerId" empty-text="暂无客户账户" @update:page="load()" @update:page-size="page = 1; load()">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!stateError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="finance-customer-accounts-table" aria-label="客户账户列表" row-key="customerId" empty-text="暂无客户账户" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>客户账户</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="客户账户筛选" :fields="queryFields" preference-key="finance-customer-accounts-query" @search="search" /></template>
         <template #notices><template v-if="stateError"><LoadErrorState title="客户账户加载失败" :message="stateError.message" :loading="loading || customersLoading" @retry="customersError ? loadCustomers() : load()"><template #details><ApiErrorMeta :details="stateError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/finance/pages/FinanceCustomerArapView.vue b/src/modules/finance/pages/FinanceCustomerArapView.vue
index a5ea0648..ebe1a6de 100644
--- a/src/modules/finance/pages/FinanceCustomerArapView.vue
+++ b/src/modules/finance/pages/FinanceCustomerArapView.vue
@@ -403,7 +403,7 @@ watch(() => [route.name, String(route.params.feeSourceId || '')], ([name, feeSou
     <ListPageLayout v-else-if="!detailOpen" aria-label="客户应收应付">
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!customersError && !loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" max-height="calc(100vh - 300px)" preference-key="finance-customer-arap-table" aria-label="客户应收应付列表" row-key="id" empty-text="暂无客户应收应付数据" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!customersError && !loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" max-height="calc(100vh - 300px)" preference-key="finance-customer-arap-table" aria-label="客户应收应付列表" row-key="id" empty-text="暂无客户应收应付数据" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>客户应收应付</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="客户应收应付筛选" :fields="queryFields" preference-key="finance-customer-arap-query" @search="search" /></template>
         <template #notices><template v-if="stateError"><LoadErrorState title="客户应收应付加载失败" :message="stateError.message" :loading="customersLoading || loading" @retry="customersError ? loadCustomers() : load()"><template #details><ApiErrorMeta :details="stateError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/finance/pages/FinanceCustomerStatementsView.vue b/src/modules/finance/pages/FinanceCustomerStatementsView.vue
index 605e79e4..fd83547d 100644
--- a/src/modules/finance/pages/FinanceCustomerStatementsView.vue
+++ b/src/modules/finance/pages/FinanceCustomerStatementsView.vue
@@ -680,7 +680,7 @@ watch(detailRouteId, (statementId) => {
     <ListPageLayout v-else aria-label="客户对账单">
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!customerError && !error" v-model:page="page" v-model:page-size="pageSize" :data="paginatedRows" :columns="columns" :loading="loading" :total="filteredRows.length" aria-label="客户对账单列表" row-key="id" empty-text="暂无客户对账单" preference-key="finance-customer-statements" @row-click="openDetail">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!customerError && !error" v-model:page="page" v-model:page-size="pageSize" :data="paginatedRows" :columns="columns" :loading="loading" :total="filteredRows.length" aria-label="客户对账单列表" row-key="id" empty-text="暂无客户对账单" preference-key="finance-customer-statements" @row-click="openDetail">
         <template #toolbar-start><h1>客户对账单</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="客户对账单筛选" :fields="fields" :loading="loading" preference-key="finance-statements-query" :search-on-clear="false" @search="load" /></template>
         <template #notices><template v-if="customerError || error"><LoadErrorState title="客户对账单加载失败" :message="(customerError || error)?.message || ''" :loading="loading" @retry="customerError ? loadCustomers() : load()"><template #details><ApiErrorMeta :details="(customerError || error)!" /></template></LoadErrorState></template></template>
@@ -733,7 +733,7 @@ watch(detailRouteId, (statementId) => {
         <section v-if="adjustStatement" class="density-dialog-section workbench-evidence" data-tone="summary" aria-label="当前对账单"><h3 class="density-dialog-section__title">当前对账单</h3><table class="density-table statement-dialog-facts"><tbody><tr><th scope="row">对账单号</th><td>{{ adjustStatement.billNo || '—' }}</td><th scope="row">客户</th><td>{{ customerDisplayName(adjustStatement.customerId, adjustStatement.customerName) }}</td></tr></tbody></table></section>
         <section class="density-dialog-section" data-tone="work" aria-label="对账单调整登记"><h3 class="density-dialog-section__title">调整登记</h3><div class="statement-adjust-editor">
           <div class="workbench-evidence"><table class="density-table density-table--editable"><tbody><tr><td><el-form-item label="整体调整原因"><el-input v-model="adjustReason" type="textarea" maxlength="500" show-word-limit placeholder="请输入整体调整原因" /></el-form-item></td></tr></tbody></table></div>
-          <div class="workbench-table"><el-table :data="adjustLines" size="small" border :stripe="false" row-key="statementLineId"><el-table-column label="选择" width="64"><template #default="{ row }"><el-checkbox v-model="row.selected" :aria-label="`选择${row.feeItemName || '费用明细'}`" /></template></el-table-column><el-table-column prop="feeItemName" label="费用项目" min-width="150" show-overflow-tooltip /><el-table-column prop="originalAmount" label="原金额(CNY)" width="130" /><el-table-column label="新金额(CNY)" width="180"><template #default="{ row }"><el-input-number v-model="row.adjustedAmount" :min="0.01" :precision="2" placeholder="请输入新金额" /></template></el-table-column><el-table-column label="明细说明" min-width="220"><template #default="{ row }"><el-input v-model="row.reason" maxlength="500" placeholder="请输入明细说明" /></template></el-table-column></el-table></div>
+          <div class="workbench-table"><el-table :data="adjustLines" size="small" border stripe row-key="statementLineId"><el-table-column label="选择" width="64"><template #default="{ row }"><el-checkbox v-model="row.selected" :aria-label="`选择${row.feeItemName || '费用明细'}`" /></template></el-table-column><el-table-column prop="feeItemName" label="费用项目" min-width="150" show-overflow-tooltip /><el-table-column prop="originalAmount" label="原金额(CNY)" width="130" /><el-table-column label="新金额(CNY)" width="180"><template #default="{ row }"><el-input-number v-model="row.adjustedAmount" :min="0.01" :precision="2" placeholder="请输入新金额" /></template></el-table-column><el-table-column label="明细说明" min-width="220"><template #default="{ row }"><el-input v-model="row.reason" maxlength="500" placeholder="请输入明细说明" /></template></el-table-column></el-table></div>
         </div></section>
       </el-form>
     </AppDialog>
diff --git a/src/modules/finance/pages/FinanceFormalSettlementPage.vue b/src/modules/finance/pages/FinanceFormalSettlementPage.vue
index 1c38e0c2..46a49579 100644
--- a/src/modules/finance/pages/FinanceFormalSettlementPage.vue
+++ b/src/modules/finance/pages/FinanceFormalSettlementPage.vue
@@ -606,7 +606,7 @@ onMounted(() => {
     <ListPageLayout v-else :aria-label="title">
 
 
-      <section class="workbench-table is-page-surface"><DataTable :preference-key="`finance-settlement-${kind}-table`" appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!customerError && !error" v-model:page="page" v-model:page-size="pageSize" :data="paginatedRows" :columns="columns" :loading="loading" :total="filteredRows.length" :aria-label="`${title}列表`" row-key="id" empty-text="暂无符合条件的结算单">
+      <section class="workbench-table is-page-surface"><DataTable :preference-key="`finance-settlement-${kind}-table`" appearance="integrated" column-settings-mode="show" :results-visible="!customerError && !error" v-model:page="page" v-model:page-size="pageSize" :data="paginatedRows" :columns="columns" :loading="loading" :total="filteredRows.length" :aria-label="`${title}列表`" row-key="id" empty-text="暂无符合条件的结算单">
         <template #toolbar-start><h1>{{ title }}</h1></template>
         <template #filters>
         <QueryToolbar v-model="filters" :ariaLabel="`${title}筛选`" :fields="fields" :preference-key="`finance-settlement-${kind}-query`" :search-on-clear="false" @search="load" />
diff --git a/src/modules/finance/pages/FinancePresentation.test.ts b/src/modules/finance/pages/FinancePresentation.test.ts
index e597186d..2280804c 100644
--- a/src/modules/finance/pages/FinancePresentation.test.ts
+++ b/src/modules/finance/pages/FinancePresentation.test.ts
@@ -132,7 +132,7 @@ describe('finance presentation governance', () => {
   it('keeps bordered statement details and lets the adjustment editor scroll with its dialog', () => {
     expect(statements).toContain(':data="detail.lines" size="small" border stripe')
     expect(statements).toContain(':data="detail.revisions" size="small" border stripe')
-    expect(statements).toContain(':data="adjustLines" size="small" border :stripe="false" row-key="statementLineId"')
+    expect(statements).toContain(':data="adjustLines" size="small" border stripe row-key="statementLineId"')
     expect(statements).not.toContain('max-height="420"')
   })
 
diff --git a/src/modules/finance/pages/FinanceReceivableStatisticsView.vue b/src/modules/finance/pages/FinanceReceivableStatisticsView.vue
index 6c377936..734a03b8 100644
--- a/src/modules/finance/pages/FinanceReceivableStatisticsView.vue
+++ b/src/modules/finance/pages/FinanceReceivableStatisticsView.vue
@@ -93,7 +93,7 @@ onMounted(() => { void loadCustomers(); void load() })
   <AdminPage class="receivable-statistics-page admin-density admin-workbench" spacing="normal">
     <el-result v-if="!canView" icon="warning" title="无权访问应收款统计表" sub-title="请联系管理员开通应收款统计查看权限" />
     <template v-else>
-      <div class="workbench-table is-page-surface"><DataTable class="statistics-table" appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="result?.totalCustomers ?? 0" :row-key="statisticsRowKey" preference-key="finance-receivable-statistics-table" aria-label="应收款统计列表" empty-text="当前月份暂无应收数据" @update:page="load()" @update:page-size="page = 1; load()">
+      <div class="workbench-table is-page-surface"><DataTable class="statistics-table" appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="result?.totalCustomers ?? 0" :row-key="statisticsRowKey" preference-key="finance-receivable-statistics-table" aria-label="应收款统计列表" empty-text="当前月份暂无应收数据" @update:page="load()" @update:page-size="page = 1; load()">
           <template #toolbar-start><h1>应收款统计表</h1></template>
           <template #filters><section class="query-toolbar statistics-query" aria-label="应收款统计筛选">
         <div class="query-field"><span>统计月份</span><el-date-picker v-model="month" type="month" value-format="YYYY-MM" format="YYYY年MM月" :clearable="false" aria-label="统计月份" /></div>
diff --git a/src/modules/iam/pages/InternalUsersView.vue b/src/modules/iam/pages/InternalUsersView.vue
index 9fd382bc..adf3cf6b 100644
--- a/src/modules/iam/pages/InternalUsersView.vue
+++ b/src/modules/iam/pages/InternalUsersView.vue
@@ -389,7 +389,7 @@ onMounted(loadInitialData)
 
 
 
-      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="users" :columns="userColumns" preference-key="internal-users-table"
+      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="users" :columns="userColumns" preference-key="internal-users-table"
         :loading="loading" :total="total" aria-label="内部用户列表" row-key="membershipId" empty-text="没有符合筛选条件的内部用户">
         <template #toolbar-start><h1>用户管理</h1></template>
         <template #filters>
diff --git a/src/modules/iam/pages/PermissionsView.vue b/src/modules/iam/pages/PermissionsView.vue
index db8517a0..cfabcc7e 100644
--- a/src/modules/iam/pages/PermissionsView.vue
+++ b/src/modules/iam/pages/PermissionsView.vue
@@ -279,7 +279,7 @@ onMounted(loadPermissions)
 
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" :key="tableRenderKey" v-model:page="page" v-model:page-size="pageSize" :data="pagedTreeRows" :columns="permissionColumns" preference-key="permissions-table" :loading="loading" :total="treeRows.length" row-key="id" aria-label="平台权限资源列表" :expand-row-keys="expandedRowKeys" :tree-props="{ children: 'children' }" empty-text="没有符合条件的权限资源">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" :key="tableRenderKey" v-model:page="page" v-model:page-size="pageSize" :data="pagedTreeRows" :columns="permissionColumns" preference-key="permissions-table" :loading="loading" :total="treeRows.length" row-key="id" aria-label="平台权限资源列表" :expand-row-keys="expandedRowKeys" :tree-props="{ children: 'children' }" empty-text="没有符合条件的权限资源">
         <template #toolbar-start><h1>菜单权限</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="权限筛选" :fields="queryFields" preference-key="permissions-query" @search="applyFilters" /></template>
         <template #notices><template v-if="loadError">
diff --git a/src/modules/iam/pages/RolesView.test.ts b/src/modules/iam/pages/RolesView.test.ts
index 39707e90..7f377d5d 100644
--- a/src/modules/iam/pages/RolesView.test.ts
+++ b/src/modules/iam/pages/RolesView.test.ts
@@ -76,7 +76,9 @@ describe('RolesView', () => {
     expect(rolesSource).toContain("(row as Role).status || '—'")
   })
   it('uses bordered striped tables and semantic role operation buttons', () => {
-    expect(rolesSource).toContain('appearance="integrated" :stripe="false"')
+    expect(rolesSource).toContain('appearance="integrated"')
+    expect(rolesSource).not.toContain(':stripe="false"')
+    expect(rolesSource).not.toContain(':stripe="false"')
     expect(rolesSource).toContain('size="small" data-tone="neutral"')
     expect(rolesSource).toContain('size="small" :data-tone=')
     expect(rolesSource).toContain('size="small" data-tone="danger"')
diff --git a/src/modules/iam/pages/RolesView.vue b/src/modules/iam/pages/RolesView.vue
index 40df37d4..29207402 100644
--- a/src/modules/iam/pages/RolesView.vue
+++ b/src/modules/iam/pages/RolesView.vue
@@ -242,7 +242,7 @@ onMounted(loadRoles)
 
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="pagedRows" :columns="roleColumns" preference-key="roles-table" :loading="loading" :total="filteredRows.length" row-key="id" border aria-label="平台角色列表" empty-text="没有符合条件的角色">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="pagedRows" :columns="roleColumns" preference-key="roles-table" :loading="loading" :total="filteredRows.length" row-key="id" border aria-label="平台角色列表" empty-text="没有符合条件的角色">
         <template #toolbar-start><h1>角色权限</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="角色筛选" :fields="queryFields" preference-key="roles-query" @search="applyFilters" /></template>
         <template #notices><template v-if="loadError">
diff --git a/src/modules/inbounds/components/InboundTaskList.vue b/src/modules/inbounds/components/InboundTaskList.vue
index c8f704e2..52ff0b32 100644
--- a/src/modules/inbounds/components/InboundTaskList.vue
+++ b/src/modules/inbounds/components/InboundTaskList.vue
@@ -359,7 +359,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
 
 
 
-      <section :aria-busy="loading"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section :aria-busy="loading"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
           v-model:page="page"
           v-model:page-size="pageSize"
           :data="result.records"
diff --git a/src/modules/inbounds/measurement/InboundMeasurementPanel.vue b/src/modules/inbounds/measurement/InboundMeasurementPanel.vue
index 980447f8..ecc5f682 100644
--- a/src/modules/inbounds/measurement/InboundMeasurementPanel.vue
+++ b/src/modules/inbounds/measurement/InboundMeasurementPanel.vue
@@ -928,7 +928,7 @@ defineExpose({ saveDraft, submitForReview, updateWeightEvidence, submissionBlock
 <style scoped>
 .measurement-comparison { width: 100%; border-collapse: collapse; table-layout: fixed; background: var(--admin-surface, #fff); font-size: var(--admin-font-body, 13px); }
 .measurement-comparison th, .measurement-comparison td { padding: var(--admin-space-3, 8px) var(--admin-space-5, 12px); border: 1px solid var(--workbench-border); text-align: left; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
-.measurement-comparison thead th { background: #f8fafc; }
+.measurement-comparison thead th { background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); }
 .measurement-comparison thead th:nth-child(2) { background: #f7f9ff; color: #465fc4; }
 .measurement-comparison thead th:nth-child(3) { background: #f4fbf8; color: #18795d; }
 .measurement-comparison__difference { color: var(--el-color-danger-dark-2); font-weight: 600; }
@@ -984,7 +984,7 @@ defineExpose({ saveDraft, submitForReview, updateWeightEvidence, submissionBlock
 .manual-entry-upload { width: 100%; }
 .measurement-items-section { background: var(--admin-surface, #fff); }
 .measurement-table { width: 100%; font-size: var(--admin-font-caption, 12px); }
-.measurement-table :deep(.el-table__header th) { padding: var(--admin-space-3, 8px) 0; background: #f6f8fa; color: #475467; font-size: var(--admin-font-caption, 11px); font-weight: 700; }
+.measurement-table :deep(.el-table__header th) { padding: var(--admin-space-3, 8px) 0; background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); font-size: var(--admin-font-caption, 11px); font-weight: 700; }
 .measurement-table :deep(.el-table__cell) { padding: 7px 0; }
 .measurement-table :deep(.cell) { line-height: 1.35; }
 .measurement-table :deep(.measurement-table__row--error > td.el-table__cell) { background: var(--el-color-danger-light-9); }
diff --git a/src/modules/inbounds/weight/components/WeightOcrPanel.vue b/src/modules/inbounds/weight/components/WeightOcrPanel.vue
index d2612746..50d0497e 100644
--- a/src/modules/inbounds/weight/components/WeightOcrPanel.vue
+++ b/src/modules/inbounds/weight/components/WeightOcrPanel.vue
@@ -744,7 +744,7 @@ defineExpose({ reload: loadWorkspace })
 .weight-card__correct { width: 100%; margin: var(--admin-space-5, 12px) 0 0; }
 .weight-table-wrap { overflow-x: auto; border: 1px solid var(--workbench-border); border-radius: 8px; background: #fff; }
 .weight-data-table { width: 100%; min-width: 1180px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: var(--admin-font-caption, 12px); }
-.weight-data-table th { height: 42px; padding: 0 8px; border-bottom: 1px solid var(--workbench-border); background: var(--workbench-surface-soft); color: var(--workbench-muted); font-weight: 700; white-space: nowrap; }
+.weight-data-table th { height: 42px; padding: 0 8px; border-bottom: 1px solid var(--workbench-border); background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); font-weight: 700; white-space: nowrap; }
 .weight-data-table td { height: 76px; padding: 6px 8px; border-top: 1px solid var(--workbench-border); color: var(--workbench-text); text-align: center; vertical-align: middle; white-space: nowrap; }
 .weight-data-table th + th, .weight-data-table td + td { border-left: 1px solid var(--workbench-border); }
 .weight-data-table tbody tr:nth-child(even) td { background: var(--workbench-surface-soft); }
diff --git a/src/modules/loading-lists/components/LoadingListsView.test.ts b/src/modules/loading-lists/components/LoadingListsView.test.ts
index f5543ec5..f265f0a4 100644
--- a/src/modules/loading-lists/components/LoadingListsView.test.ts
+++ b/src/modules/loading-lists/components/LoadingListsView.test.ts
@@ -145,7 +145,9 @@ describe('LoadingListsView', () => {
     expect(source).toContain('@media (max-width: 720px)')
     expect(source).toContain('.row-actions { gap: 4px; }')
     expect(source).toContain('row-actions density-actions admin-text-actions')
-    expect(source).toContain('appearance="integrated" :stripe="false"')
+    expect(source).toContain('appearance="integrated"')
+    expect(source).not.toContain(':stripe="false"')
+    expect(source).not.toContain(':stripe="false"')
     expect(detailSource).toMatch(/:columns="itemColumns"\s+stripe/)
   })
 
diff --git a/src/modules/loading-lists/components/LoadingListsView.vue b/src/modules/loading-lists/components/LoadingListsView.vue
index e3768d0a..723a463d 100644
--- a/src/modules/loading-lists/components/LoadingListsView.vue
+++ b/src/modules/loading-lists/components/LoadingListsView.vue
@@ -191,7 +191,7 @@ onMounted(() => {
 
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="canList && !error"
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="canList && !error"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/modules/master-data/counterparties/pages/PartnersView.vue b/src/modules/master-data/counterparties/pages/PartnersView.vue
index 8efa14e9..4bf2fdbd 100644
--- a/src/modules/master-data/counterparties/pages/PartnersView.vue
+++ b/src/modules/master-data/counterparties/pages/PartnersView.vue
@@ -378,7 +378,7 @@ onMounted(() => {
 
 
 
-      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section class="workbench-table is-page-surface" :aria-busy="loading"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/modules/master-data/express-companies/pages/ExpressCompaniesView.vue b/src/modules/master-data/express-companies/pages/ExpressCompaniesView.vue
index 20f4d166..be7244a0 100644
--- a/src/modules/master-data/express-companies/pages/ExpressCompaniesView.vue
+++ b/src/modules/master-data/express-companies/pages/ExpressCompaniesView.vue
@@ -289,7 +289,7 @@ onMounted(() => {
 
 
 
-    <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+    <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/modules/notifications/pages/MessageManagementView.vue b/src/modules/notifications/pages/MessageManagementView.vue
index 18bcdb5e..28b58dec 100644
--- a/src/modules/notifications/pages/MessageManagementView.vue
+++ b/src/modules/notifications/pages/MessageManagementView.vue
@@ -22,7 +22,7 @@ function search(){page.value===1?void load():page.value=1}
 async function action(row:NotificationTask,type:'cancel'|'retry'){try{await ElMessageBox.confirm(type==='cancel'?'确定取消该消息任务吗？':'确定重试该消息任务吗？',`${type==='cancel'?'取消任务':'重试任务'} · ${row.taskNo || '—'}`,{type:'warning',customClass: 'admin-density-confirm admin-workbench'});actionId.value=row.id;if(type==='cancel')await cancelTask(row.id);else await retryTask(row.id);ElMessage.success(type==='cancel'?'任务已取消':'任务已提交重试');await load()}catch(e){if(e!=='cancel'&&e!=='close')ElMessage.error(getApiErrorMessage(e,type==='cancel'?'取消失败':'重试失败'))}finally{actionId.value=''}}
 watch([page,pageSize],load);onMounted(()=>{void load();void loadTemplates()})
 </script>
-<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="消息管理列表"><section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="notifications-messages-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息任务">
+<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="消息管理列表"><section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="notifications-messages-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息任务">
         <template #toolbar-start><h1>消息管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="消息任务筛选" :fields="queryFields" preference-key="notifications-messages-query" @search="search" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="消息任务加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/notifications/pages/MessageTemplatesView.vue b/src/modules/notifications/pages/MessageTemplatesView.vue
index 8c20cd5f..d69e80b5 100644
--- a/src/modules/notifications/pages/MessageTemplatesView.vue
+++ b/src/modules/notifications/pages/MessageTemplatesView.vue
@@ -12,7 +12,7 @@ function search(){page.value===1?void load():page.value=1}function create(){edit
 async function changeStatus(row:NotificationTemplate){const target=row.status==='DRAFT'?'ACTIVE':'DISABLED';try{await ElMessageBox.confirm(target==='ACTIVE'?'激活后模板不可再编辑，确定继续吗？':'禁用后首期不可重新启用，确定继续吗？',`${target==='ACTIVE'?'激活模板':'禁用模板'} · ${row.templateName || row.templateCode || '—'}`,{type:'warning',customClass: 'admin-density-confirm admin-workbench'});actionId.value=row.id;await changeTemplateStatus(row.id,target,row.version);ElMessage.success(target==='ACTIVE'?'模板已激活':'模板已禁用');await load()}catch(e){if(e!=='cancel'&&e!=='close')ElMessage.error(getApiErrorMessage(e,'模板状态变更失败'))}finally{actionId.value=''}}
 watch([page,pageSize],load);onMounted(load)
 </script>
-<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="消息模板列表"><section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="notifications-templates-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息模板">
+<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="消息模板列表"><section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="notifications-templates-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息模板">
         <template #toolbar-start><h1>模板管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="消息模板筛选" :fields="queryFields" preference-key="notifications-templates-query" @search="search"/></template>
         <template #notices><template v-if="error"><LoadErrorState title="模板加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error"/></template></LoadErrorState></template></template>
diff --git a/src/modules/notifications/pages/PlatformNotificationsView.vue b/src/modules/notifications/pages/PlatformNotificationsView.vue
index 801f3dfb..972ad472 100644
--- a/src/modules/notifications/pages/PlatformNotificationsView.vue
+++ b/src/modules/notifications/pages/PlatformNotificationsView.vue
@@ -93,7 +93,7 @@ onMounted(() => void load())
     <ListPageLayout aria-label="我的消息列表">
 
 
-      <section class="workbench-table is-page-surface"><DataTable preference-key="notifications-platformnotificationsview" appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息">
+      <section class="workbench-table is-page-surface"><DataTable preference-key="notifications-platformnotificationsview" appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" :loading="loading" :total="result.total" row-key="id" empty-text="暂无消息">
         <template #toolbar-start><h1>我的消息</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="我的消息筛选" :fields="queryFields" preference-key="notifications-inbox-query" @search="search" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="我的消息加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/ocean-bookings/pages/OceanBookingsView.vue b/src/modules/ocean-bookings/pages/OceanBookingsView.vue
index da4c5301..28659f1a 100644
--- a/src/modules/ocean-bookings/pages/OceanBookingsView.vue
+++ b/src/modules/ocean-bookings/pages/OceanBookingsView.vue
@@ -74,7 +74,7 @@ onActivated(() => void load())
     <ListPageLayout aria-label="订舱列表">
 
 
-      <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="ocean-bookings" aria-label="订舱列表" row-key="id" empty-text="暂无符合筛选条件的订舱">
+      <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="ocean-bookings" aria-label="订舱列表" row-key="id" empty-text="暂无符合筛选条件的订舱">
         <template #toolbar-start><h1>订舱列表</h1></template>
         <template #filters><QueryToolbar v-model="query" ariaLabel="订舱筛选" :fields="fields" @search="search" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="订舱列表加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-business/pages/PurchaseOrdersView.vue b/src/modules/overseas-business/pages/PurchaseOrdersView.vue
index 9eda9906..cc138e1e 100644
--- a/src/modules/overseas-business/pages/PurchaseOrdersView.vue
+++ b/src/modules/overseas-business/pages/PurchaseOrdersView.vue
@@ -73,7 +73,7 @@ onActivated(() => { if (activatedOnce) void load(); else activatedOnce = true })
   <AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="海外采购订单列表">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-business-purchases" row-key="id" empty-text="暂无符合筛选条件的海外采购订单">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-business-purchases" row-key="id" empty-text="暂无符合筛选条件的海外采购订单">
         <template #toolbar-start><h1>海外采购订单</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="海外采购订单筛选" preference-key="overseas-business-purchases-query" @search="search" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="海外采购订单暂时无法加载" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-business/pages/TransportOrdersView.vue b/src/modules/overseas-business/pages/TransportOrdersView.vue
index ba659ce4..fe2b0fdd 100644
--- a/src/modules/overseas-business/pages/TransportOrdersView.vue
+++ b/src/modules/overseas-business/pages/TransportOrdersView.vue
@@ -120,7 +120,7 @@ watch([page, pageSize], () => { void load() }); watch([isLooseboard, () => route
   <AdminPage class="admin-density admin-workbench"><ListPageLayout :aria-label="`${domainLabel}订单列表`">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" :preference-key="`overseas-business-${domain}`" row-key="id" :empty-text="`暂无符合筛选条件的${domainLabel}订单`">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" :preference-key="`overseas-business-${domain}`" row-key="id" :empty-text="`暂无符合筛选条件的${domainLabel}订单`">
         <template #toolbar-start><el-button v-if="inquiryReturnTarget(route.query)" link @click="router.push(inquiryReturnTarget(route.query)!)">返回原拼车登记</el-button><h1>{{ domainLabel }}</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :ariaLabel="`${domainLabel}订单筛选`" :preference-key="queryPreferenceKey" @search="search" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState :title="`${domainLabel}订单暂时无法加载`" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-master-data/AGENTS.md b/src/modules/overseas-master-data/AGENTS.md
index 286ced1b..a5ddae79 100644
--- a/src/modules/overseas-master-data/AGENTS.md
+++ b/src/modules/overseas-master-data/AGENTS.md
@@ -1,7 +1,7 @@
 # 海外通用资料与车辆管理
 
-- 自有业务：`pages/OwnedBusinessView.vue`、`OwnedBusinessDetailView.vue`及`api/ownedBusiness.ts`沿`fleet-owned-business-v1.yaml`，是原排车装车后的自有车辆运营视图，不按货源分类或另建履约流程；共同规则见`../../../../../docs/海外仓业务/自有业务首版开发契约.md`。详情三个页签，运营登记1080px居中、照片760px居中；金额/油耗单位、附加与排车版本分离，`owned-business:list/edit/upload`独立，统计沿完整计划发车日期筛选。
-- 外配业务：`pages/OutsourcedBusinessView.vue`、`OutsourcedBusinessDetailView.vue`及`api/outsourcedBusiness.ts`沿`fleet-outsourced-business-v1.yaml`；共同规则见`../../../../../docs/海外仓业务/外配业务首版开发契约.md`。读取装车时DISPATCHED归属，包括临时EXTERNAL车辆，不按货源区分。一车一行、三页签详情、整车承运金额除实托数、逐目的仓到达和五个装车照片位；无里程/油耗/油耗照片、成本拆分和新增履约流程。三项`outsourced-business:list/edit/upload`与自有权限独立，缺承运商保留空，vehicleId可空；其余版本、原键、真实来源及完整筛选统计沿共同契约，不能静默把外配写入当成自有权限。
+- 自有业务：`pages/OwnedBusinessView.vue`、`OwnedBusinessDetailView.vue`及`api/ownedBusiness.ts`沿`fleet-owned-business-v1.yaml`，是原排车装车后未实际接入拼车货物的运营视图，与车辆归属无关，不另建履约流程；共同规则见`../../../../../docs/海外仓业务/自有业务首版开发契约.md`。详情三个页签，运营登记1080px居中、照片760px居中；金额/油耗单位、附加与排车版本分离，`owned-business:list/edit/upload`独立，统计沿完整计划发车日期筛选。
+- 外配任务：`pages/OutsourcedBusinessView.vue`、`OutsourcedBusinessDetailView.vue`及`api/outsourcedBusiness.ts`沿`fleet-outsourced-business-v1.yaml`；共同规则见`../../../../../docs/海外仓业务/外配业务首版开发契约.md`。按需求池实际接入本车的拼车货物分类，完整判定见外配契约；车辆归属独立，允许OWNED/DISPATCHED及临时EXTERNAL车辆。一车一行、三页签详情、整车承运金额除实托数、逐目的仓到达和五个装车照片位；无里程/油耗/油耗照片、成本拆分和新增履约流程。三项`outsourced-business:list/edit/upload`与自有权限独立，缺承运商保留空，vehicleId可空；其余版本、原键、真实来源及完整筛选统计沿共同契约，不能静默把外配写入当成自有权限。
 
 - 运输路线地图：`components/TransportRouteDialog.vue`经`index.ts`公开导出，排车装车后、本土散板列表、本土卡车表单共用；来源字段、缺值规则和原型映射唯一见`PROTOTYPE_MATRIX.md`“运输路线地图”。仓库引用经`routeLocations.ts`复用Warehouse列表/详情解析完整地址（warehouse:list）；解析失败不加载地图。仅规划路线，不接GPS、不用固定样例，不在车辆主档顶部重复放入口。
 
diff --git a/src/modules/overseas-master-data/api/outsourcedBusiness.ts b/src/modules/overseas-master-data/api/outsourcedBusiness.ts
index 52162d8f..3a51ac54 100644
--- a/src/modules/overseas-master-data/api/outsourcedBusiness.ts
+++ b/src/modules/overseas-master-data/api/outsourcedBusiness.ts
@@ -18,7 +18,7 @@ function operations(value: OutsourcedBusinessOperations): OutsourcedBusinessOper
   if (value.money && amount == null) throw new Error('承运金额与币种必须同时登记')
   return { money: value.money ? { currency: value.money.currency, amount: amount! } : null, arrivals: value.arrivals }
 }
-function requireSlot(slot: OutsourcedBusinessPhotoSlot) { if (!outsourcedBusinessPhotoRoles.some(role => role.slot === slot)) throw new Error('外配业务不支持该照片分类') }
+function requireSlot(slot: OutsourcedBusinessPhotoSlot) { if (!outsourcedBusinessPhotoRoles.some(role => role.slot === slot)) throw new Error('外配任务不支持该照片分类') }
 function row(value: OutsourcedBusinessRow): OutsourcedBusinessRow {
   if (!value.dispatchNo || !['AFTER_LOADING','DELIVERING','DELIVERED'].includes(value.stage) || value.vehicle?.ownership !== 'DISPATCHED') throw new Error('外配排车来源或阶段不完整，请重新读取')
   return { ...value, operations: operations(value.operations), unitPrice: decimal(value.unitPrice,2,18), recordVersion: outsourcedBusinessVersion(value.recordVersion), dispatchRecordVersion: outsourcedBusinessVersion(value.dispatchRecordVersion), actualPalletCount: value.actualPalletCount == null ? null : count(value.actualPalletCount), photoSummary: { loadingCount: count(value.photoSummary.loadingCount) } }
diff --git a/src/modules/overseas-master-data/components/CapacityInquiryTable.vue b/src/modules/overseas-master-data/components/CapacityInquiryTable.vue
index 35b6389a..d5fac877 100644
--- a/src/modules/overseas-master-data/components/CapacityInquiryTable.vue
+++ b/src/modules/overseas-master-data/components/CapacityInquiryTable.vue
@@ -32,7 +32,7 @@ const columns: DataTableColumn[] = [
   { key: 'updatedAt', label: '更新时间', minWidth: 180, slotName: 'time' },
 ]
 </script>
-<template><div class="workbench-table"><DataTable :appearance="integrated ? 'integrated' : 'default'" :stripe="false" :results-visible="!failed" preference-key="fleet-capacity-inquiries" column-settings-mode="show" v-model:page="page" v-model:page-size="size" :columns="columns" :data="rows" :total="total" :loading="loading" row-key="bookingNo" empty-text="当前范围暂无意向">
+<template><div class="workbench-table"><DataTable :appearance="integrated ? 'integrated' : 'default'" :results-visible="!failed" preference-key="fleet-capacity-inquiries" column-settings-mode="show" v-model:page="page" v-model:page-size="size" :columns="columns" :data="rows" :total="total" :loading="loading" row-key="bookingNo" empty-text="当前范围暂无意向">
   <template v-if="$slots['toolbar-start']" #toolbar-start><slot name="toolbar-start" /></template>
   <template v-if="$slots.filters" #filters><slot name="filters" /></template>
   <template v-if="$slots.notices" #notices><slot name="notices" /></template>
diff --git a/src/modules/overseas-master-data/components/OutsourcedBusinessDetailLayout.vue b/src/modules/overseas-master-data/components/OutsourcedBusinessDetailLayout.vue
index 918443b1..689bbf46 100644
--- a/src/modules/overseas-master-data/components/OutsourcedBusinessDetailLayout.vue
+++ b/src/modules/overseas-master-data/components/OutsourcedBusinessDetailLayout.vue
@@ -11,11 +11,11 @@ const emit = defineEmits<{ back: [] }>()
 
 <template>
   <AdminPage class="admin-density admin-workbench" spacing="compact">
-    <DetailPageLayout aria-label="外配业务详情" class="workbench-panel is-flush is-page-surface">
+    <DetailPageLayout aria-label="外配任务详情" class="workbench-panel is-flush is-page-surface">
       <template #header>
         <div class="outsourced-business-detail-heading">
-          <div><strong>外配业务</strong><span class="outsourced-business-reference">{{ dispatchNo || '—' }}</span><span v-if="statusText">{{ statusText }}</span></div>
-          <div class="density-actions"><slot name="actions" /><el-button class="density-action" @click="emit('back')">返回外配业务</el-button></div>
+          <div><strong>外配任务</strong><span class="outsourced-business-reference">{{ dispatchNo || '—' }}</span><span v-if="statusText">{{ statusText }}</span></div>
+          <div class="density-actions"><slot name="actions" /><el-button class="density-action" @click="emit('back')">返回外配任务</el-button></div>
         </div>
       </template>
       <slot name="state" />
diff --git a/src/modules/overseas-master-data/components/OutsourcedBusinessListLayout.vue b/src/modules/overseas-master-data/components/OutsourcedBusinessListLayout.vue
index d127eca6..2cd50271 100644
--- a/src/modules/overseas-master-data/components/OutsourcedBusinessListLayout.vue
+++ b/src/modules/overseas-master-data/components/OutsourcedBusinessListLayout.vue
@@ -8,7 +8,7 @@ import ListPageLayout from '@/shared/components/ListPageLayout.vue'
 <template>
   <AdminPage class="admin-density admin-workbench" spacing="compact">
     <slot name="statistics" />
-    <ListPageLayout aria-label="外配业务任务列表">
+    <ListPageLayout aria-label="外配任务任务列表">
       <template v-if="$slots.filters" #toolbar><slot name="filters" /></template>
       <template v-if="$slots.state" #state><slot name="state" /></template>
       <slot />
diff --git a/src/modules/overseas-master-data/components/OutsourcedBusinessOperationsEditor.vue b/src/modules/overseas-master-data/components/OutsourcedBusinessOperationsEditor.vue
index cce3ecc9..62f050df 100644
--- a/src/modules/overseas-master-data/components/OutsourcedBusinessOperationsEditor.vue
+++ b/src/modules/overseas-master-data/components/OutsourcedBusinessOperationsEditor.vue
@@ -20,7 +20,7 @@ const emit = defineEmits<{ saved: [value: OutsourcedBusinessDetail]; busy: [valu
 const auth = useAuthStore(), access = useAccessPreviewStore(), busy = ref(false), pending = ref<OutsourcedBusinessPending | null>(null), error = ref<ApiErrorDetails | null>(null), corrupted = ref(false)
 const form = reactive({ currency: '', amount: '', reason: '', arrivals: {} as Record<string,string> })
 const active = computed(() => open.value || Boolean(pending.value))
-const registration = useUnsavedWorkRegistration({ key: `outsourced-business-operations:${getCurrentInstance()?.uid}`, label: computed(() => '外配业务运营登记'), isOpen: active, model: reactive({ form, pending }), requiredPermission: computed(() => permission.outsourcedBusinessEdit) })
+const registration = useUnsavedWorkRegistration({ key: `outsourced-business-operations:${getCurrentInstance()?.uid}`, label: computed(() => '外配任务运营登记'), isOpen: active, model: reactive({ form, pending }), requiredPermission: computed(() => permission.outsourcedBusinessEdit) })
 let actor = '', number = '', baseline = ''
 const writable = computed(() => !corrupted.value && access.can(permission.outsourcedBusinessEdit) && props.detail?.row.actions.edit.allowed === true)
 const locked = computed(() => busy.value || Boolean(pending.value))
diff --git a/src/modules/overseas-master-data/components/OutsourcedBusinessPhotosEditor.vue b/src/modules/overseas-master-data/components/OutsourcedBusinessPhotosEditor.vue
index 9e4cf4d5..c7d6beaa 100644
--- a/src/modules/overseas-master-data/components/OutsourcedBusinessPhotosEditor.vue
+++ b/src/modules/overseas-master-data/components/OutsourcedBusinessPhotosEditor.vue
@@ -20,7 +20,7 @@ const emit = defineEmits<{ saved: [value: OutsourcedBusinessDetail]; busy: [valu
 const auth = useAuthStore(), access = useAccessPreviewStore(), busy = ref(false), error = ref<ApiErrorDetails | null>(null), pending = ref<OutsourcedBusinessPending | null>(null), prepared = ref<OutsourcedBusinessPhoto | null>(null), corrupted = ref(false)
 const urls = ref<Partial<Record<OutsourcedBusinessPhotoSlot,string>>>({}), reading = ref<OutsourcedBusinessPhotoSlot | null>(null)
 const uploadable = computed(() => !corrupted.value && access.can(permission.outsourcedBusinessUpload) && props.detail?.row.actions.upload.allowed === true)
-useUnsavedWorkRegistration({ key: `outsourced-business-photos:${getCurrentInstance()?.uid}`, label: computed(() => '外配业务照片作业'), isOpen: computed(() => open.value || Boolean(pending.value) || Boolean(prepared.value)), model: reactive({ pending, prepared }), requiredPermission: computed(() => permission.outsourcedBusinessUpload) })
+useUnsavedWorkRegistration({ key: `outsourced-business-photos:${getCurrentInstance()?.uid}`, label: computed(() => '外配任务照片作业'), isOpen: computed(() => open.value || Boolean(pending.value) || Boolean(prepared.value)), model: reactive({ pending, prepared }), requiredPermission: computed(() => permission.outsourcedBusinessUpload) })
 let actor = '', number = '', generation = 0
 function savedPhoto(slot: OutsourcedBusinessPhotoSlot) { return props.detail?.photos.find(photo => photo.slot === slot && photo.savedAt) }
 function release() { Object.values(urls.value).forEach(url => { if (url) URL.revokeObjectURL(url) }); urls.value = {} }
diff --git a/src/modules/overseas-master-data/outsourcedBusinessTypes.ts b/src/modules/overseas-master-data/outsourcedBusinessTypes.ts
index 480953a7..24b30b93 100644
--- a/src/modules/overseas-master-data/outsourcedBusinessTypes.ts
+++ b/src/modules/overseas-master-data/outsourcedBusinessTypes.ts
@@ -10,7 +10,7 @@ export interface OutsourcedBusinessDestination { destinationKey: string; warehou
 export interface OutsourcedBusinessRow {
   dispatchNo: string; stage: OutsourcedBusinessStage; plannedDepartureAt: string | null; loadingCompletedAt: string; departedAt: string | null; deliveryCompletedAt: string | null
   origin: { warehouseId: string; warehouseCode: string; warehouseName: string }
-  vehicle: { vehicleId: string | null; plate: string | null; ownership: 'DISPATCHED'; carrierName: string | null }; driver: { name: string | null; phone: string | null }
+  vehicle: { vehicleId: string | null; plate: string | null; ownership: 'OWNED' | 'DISPATCHED'; carrierName: string | null }; driver: { name: string | null; phone: string | null }
   destinations: OutsourcedBusinessDestination[]; actualPalletCount: number | null; operations: OutsourcedBusinessOperations; unitPrice: string | null; recordVersion: string; dispatchRecordVersion: string
   photoSummary: { loadingCount: number }; actions: { edit: OutsourcedBusinessGate; upload: OutsourcedBusinessGate }; sourceIssues: string[]
 }
diff --git a/src/modules/overseas-master-data/ownedBusinessTypes.ts b/src/modules/overseas-master-data/ownedBusinessTypes.ts
index 3747e913..1672689b 100644
--- a/src/modules/overseas-master-data/ownedBusinessTypes.ts
+++ b/src/modules/overseas-master-data/ownedBusinessTypes.ts
@@ -10,7 +10,7 @@ export interface OwnedBusinessDestination { destinationKey: string; warehouseCod
 export interface OwnedBusinessRow {
   dispatchNo: string; stage: OwnedBusinessStage; plannedDepartureAt: string; loadingCompletedAt: string; departedAt: string | null; deliveryCompletedAt: string | null
   origin: { warehouseId: string; warehouseCode: string; warehouseName: string }
-  vehicle: { vehicleId: string; plate: string; ownership: 'OWNED' }; driver: { name: string | null; phone: string | null }
+  vehicle: { vehicleId: string | null; plate: string | null; ownership: 'OWNED' | 'DISPATCHED' }; driver: { name: string | null; phone: string | null }
   destinations: OwnedBusinessDestination[]; actualPalletCount: number | null; operations: OwnedBusinessOperations; unitPrice: string | null; recordVersion: string; dispatchRecordVersion: string
   photoSummary: { loadingCount: number; fuelCount: number }; actions: { edit: OwnedBusinessGate; upload: OwnedBusinessGate }; sourceIssues: string[]
 }
diff --git a/src/modules/overseas-master-data/pages/CapacityOfferDetailView.vue b/src/modules/overseas-master-data/pages/CapacityOfferDetailView.vue
index 615451eb..8cf28818 100644
--- a/src/modules/overseas-master-data/pages/CapacityOfferDetailView.vue
+++ b/src/modules/overseas-master-data/pages/CapacityOfferDetailView.vue
@@ -96,7 +96,7 @@ onBeforeUnmount(() => { followupSequence++; sequence++; inquirySequence++ })
     <dl class="density-fields"><div><dt>车次号</dt><dd><el-button v-if="access.can('platform:fleet:trip:list')" link type="primary" @click="router.push({ name: 'overseas-master-data-trip-detail', params: { tripNo: detail.offer.tripNo } })">{{ detail.offer.tripNo }}</el-button><span v-else>{{ detail.offer.tripNo }}</span></dd></div><div><dt>起运仓</dt><dd>{{ detail.offer.warehouseName }}</dd></div><div><dt>计划发车</dt><dd>{{ offerTime(detail.offer.plannedDepartureAt) }}</dd></div><div><dt>最晚送仓</dt><dd>{{ offerTime(detail.offer.cutoffAt) }}</dd></div><div><dt>调度联系人</dt><dd>{{ detail.offer.contactName || '—' }}</dd></div><div><dt>调度联系方式</dt><dd>{{ detail.offer.contactPhone || '—' }}</dd></div></dl>
     <p v-if="hasCreatePermission && !detail.offer.canCreateInquiry" role="status">无法登记客户货物：{{ detail.offer.blockReason || '当前发布不接受新意向' }}</p>
     <p v-else>{{ detail.offer.blockReason || '按所选卸货站核对每段余位；登记客户货物不占位，调度确认后占位。' }}</p><p v-if="detail.offer.remark">{{ detail.offer.remark }}</p>
-    <h2 class="capacity-section-title">分段运力</h2><div class="workbench-table"><DataTable :data="detail.offer.segments" :columns="columns" :stripe="false" row-key="fromIndex" empty-text="容量待调度核对"><template #planned="{ row }">{{ loadText(row.planned) }}</template><template #reserved="{ row }">{{ loadText(row.reserved) }}</template><template #remaining="{ row }">{{ detail.offer.capacityKnown ? loadText(row.remaining) : '待调度核对' }}</template></DataTable></div>
+    <h2 class="capacity-section-title">分段运力</h2><div class="workbench-table"><DataTable :data="detail.offer.segments" :columns="columns" row-key="fromIndex" empty-text="容量待调度核对"><template #planned="{ row }">{{ loadText(row.planned) }}</template><template #reserved="{ row }">{{ loadText(row.reserved) }}</template><template #remaining="{ row }">{{ detail.offer.capacityKnown ? loadText(row.remaining) : '待调度核对' }}</template></DataTable></div>
     <h2 class="capacity-section-title">{{ access.can('platform:fleet:capacity-offer:manage') ? '本发布全部意向' : '我的登记' }}</h2>
     <LoadErrorState v-if="inquiryError || commands.error.value" title="意向操作未完成" :message="(inquiryError || commands.error.value)?.message" @retry="commands.state.pending ? commands.retry() : loadInquiries()"><template #details><ApiErrorMeta :details="(inquiryError || commands.error.value)!" /></template></LoadErrorState><el-button v-if="commands.state.pending" :loading="commands.busy.value" @click="commands.retry">重试原操作</el-button>
     <CapacityInquiryTable v-model:page="page" v-model:size="size" :rows="detail.inquiries.records" :total="detail.inquiries.total" :loading="inquiryLoading" :failed="!!inquiryError" :busy="commands.busy.value" @action="action" />
diff --git a/src/modules/overseas-master-data/pages/CapacityOffersView.vue b/src/modules/overseas-master-data/pages/CapacityOffersView.vue
index c3feee59..e8f42d19 100644
--- a/src/modules/overseas-master-data/pages/CapacityOffersView.vue
+++ b/src/modules/overseas-master-data/pages/CapacityOffersView.vue
@@ -129,13 +129,13 @@ watch([tab, page, size], load); onMounted(load); onBeforeUnmount(() => { followu
 </script>
 <template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="散板需求">
   <p v-if="selectedDemand && tab === 'offers'">正在匹配 {{ selectedDemand.orderNo }}：{{ selectedDemand.origin }} → {{ selectedDemand.destination }}。请选择合适车次，保存登记后尚不保位。<el-button link @click="selectedDemand = null">取消选择</el-button></p>
-  <div v-if="tab === 'demands'" class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" preference-key="fleet-looseboard-demands" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="demands" :columns="demandColumns" :loading="loading" :total="total" row-key="orderNo" empty-text="暂无待匹配散板需求">
+  <div v-if="tab === 'demands'" class="workbench-table is-page-surface"><DataTable appearance="integrated" preference-key="fleet-looseboard-demands" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="demands" :columns="demandColumns" :loading="loading" :total="total" row-key="orderNo" empty-text="暂无待匹配散板需求">
     <template #toolbar-start><div class="density-status-tabs workbench-list-tabs" role="tablist" aria-label="需求来源"><button v-if="canCreate" role="tab" aria-selected="true" class="is-active" @click="switchTab('demands')">待匹配散板</button><button role="tab" aria-selected="false"  @click="switchTab('offers')">可拼车次</button><button role="tab" aria-selected="false"  @click="switchTab('inquiries')">我的登记</button></div></template>
     <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="待匹配散板查询" :loading="loading" @search="search" /></template>
     <template #notices><LoadErrorState v-if="error" title="需求读取失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template>
     <template #actions="{ row }"><div class="row-actions density-actions admin-text-actions"><el-button class="density-action" v-if="canCreate" @click="matchDemand(row as LooseboardDemand)">匹配车次</el-button></div></template>
   </DataTable></div>
-  <div v-if="tab === 'offers'" class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" preference-key="fleet-capacity-offers" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="offers" :columns="columns" :loading="loading" :total="total" row-key="offerNo" :empty-text="Object.values(applied).some(Boolean) ? '当前筛选条件下暂无运力发布' : '暂无获准查看的运力发布'">
+  <div v-if="tab === 'offers'" class="workbench-table is-page-surface"><DataTable appearance="integrated" preference-key="fleet-capacity-offers" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="size" :data="offers" :columns="columns" :loading="loading" :total="total" row-key="offerNo" :empty-text="Object.values(applied).some(Boolean) ? '当前筛选条件下暂无运力发布' : '暂无获准查看的运力发布'">
     <template #toolbar-start><div class="density-status-tabs workbench-list-tabs" role="tablist" aria-label="需求来源"><button v-if="canCreate" role="tab" aria-selected="false"  @click="switchTab('demands')">待匹配散板</button><button role="tab" aria-selected="true" class="is-active" @click="switchTab('offers')">可拼车次</button><button role="tab" aria-selected="false"  @click="switchTab('inquiries')">我的登记</button></div></template><template #toolbar-end><el-button v-if="manage" @click="switchTab('inquiries'); filters = { scope: 'TODO' }; applied = { scope: 'TODO' }">待我处理</el-button><el-button v-if="manage && access.can('platform:fleet:trip:list')" @click="router.push({ name: 'overseas-master-data-trips' })">选择车次发布余位</el-button></template>
     <template #filters>
       <div class="integrated-query-group">
diff --git a/src/modules/overseas-master-data/pages/DriversView.vue b/src/modules/overseas-master-data/pages/DriversView.vue
index df1a9c3a..a47e0717 100644
--- a/src/modules/overseas-master-data/pages/DriversView.vue
+++ b/src/modules/overseas-master-data/pages/DriversView.vue
@@ -113,7 +113,7 @@ onBeforeUnmount(() => { request++ })
 <template>
   <AdminPage class="admin-density admin-workbench">
     <ListPageLayout aria-label="司机管理">
-      <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" preference-key="overseas-drivers-table" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="id" empty-text="暂无符合条件的司机">
+      <div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="true" preference-key="overseas-drivers-table" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="id" empty-text="暂无符合条件的司机">
         <template #toolbar-start><h1>司机管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="司机查询" preference-key="overseas-drivers-query" :loading="loading" @search="search" /></template>
         <template #notices>
diff --git a/src/modules/overseas-master-data/pages/ExchangeRatesView.vue b/src/modules/overseas-master-data/pages/ExchangeRatesView.vue
index 5687c3b2..f5708d87 100644
--- a/src/modules/overseas-master-data/pages/ExchangeRatesView.vue
+++ b/src/modules/overseas-master-data/pages/ExchangeRatesView.vue
@@ -50,7 +50,7 @@ watch([page, pageSize], load); onMounted(load)
 
 
 
-  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="month" preference-key="overseas-exchange-rates-table" empty-text="暂无月度汇率">
+  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="month" preference-key="overseas-exchange-rates-table" empty-text="暂无月度汇率">
         <template #toolbar-start><h1>汇率管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="汇率月份筛选" preference-key="overseas-exchange-rates-query" :loading="loading" @search="search" /></template>
         <template #notices><LoadErrorState v-if="error" title="月度汇率加载失败" :message="error.message" @retry="load" /></template>
diff --git a/src/modules/overseas-master-data/pages/OutsourcedBusinessDetailView.vue b/src/modules/overseas-master-data/pages/OutsourcedBusinessDetailView.vue
index d3c75ff7..185674b5 100644
--- a/src/modules/overseas-master-data/pages/OutsourcedBusinessDetailView.vue
+++ b/src/modules/overseas-master-data/pages/OutsourcedBusinessDetailView.vue
@@ -36,7 +36,7 @@ async function load() {
   if (!active) return
   const request = ++generation, no = dispatchNo.value; loading.value = true; error.value = null
   try { if (!no || !access.can(permission.outsourcedBusinessList)) throw new Error('缺少排车业务号或查看权限'); const value = await getOutsourcedBusiness(no); if (active && request === generation) { if (value.row.dispatchNo !== no) throw new Error('当前运营资料与排车业务号不一致'); detail.value = value; if (activeTab.value === 'history') void loadHistory() } }
-  catch (cause) { if (active && request === generation) { detail.value = null; error.value = getApiErrorDetails(cause, '外配业务详情读取失败') } }
+  catch (cause) { if (active && request === generation) { detail.value = null; error.value = getApiErrorDetails(cause, '外配任务详情读取失败') } }
   finally { if (request === generation) loading.value = false }
 }
 async function loadHistory() {
@@ -66,7 +66,7 @@ onBeforeUnmount(() => { active = false; generation++; historyGeneration++; previ
 <template>
   <OutsourcedBusinessDetailLayout v-model:active-tab="activeTab" :dispatch-no="detail?.row.dispatchNo || dispatchNo" :status-text="detail ? outsourcedBusinessStages[detail.row.stage] : ''" :loading="loading" @back="router.push('/overseas-master-data/outsourced-business')">
     <template #actions><el-button v-if="detail && access.can(permission.outsourcedBusinessEdit)" class="density-action" :disabled="busy || !detail.row.actions.edit.allowed" @click="editorOpen = true">登记运营信息</el-button><el-button v-if="detail" class="density-action" :disabled="busy" @click="photosOpen = true">{{ access.can(permission.outsourcedBusinessUpload) && detail.row.actions.upload.allowed ? '上传照片' : '查看照片' }}</el-button></template>
-    <template #state><LoadErrorState v-if="error" title="外配业务详情读取失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState><p v-for="issue in detail?.row.sourceIssues || []" :key="issue">{{ issue }}</p></template>
+    <template #state><LoadErrorState v-if="error" title="外配任务详情读取失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState><p v-for="issue in detail?.row.sourceIssues || []" :key="issue">{{ issue }}</p></template>
     <template #task><dl v-if="detail" class="density-fields outsourced-business-fields"><div v-for="field in taskFields" :key="field[0]"><dt>{{ field[0] }}</dt><dd>{{ field[1] }}</dd></div></dl></template>
     <template #route><template v-if="detail"><section v-for="destination in detail.row.destinations" :key="destination.destinationKey" class="outsourced-business-route"><h3>{{ destination.warehouseCode || destination.warehouseName || destination.address || '目的地资料缺失' }}</h3><p v-if="destination.address">{{ destination.address }}</p><p v-for="appointment in destination.appointments" :key="appointment.appointmentNo">预约号 {{ appointment.appointmentNo }} · 确认号 {{ text(appointment.confirmationNo) }} · 预约到达 {{ time(appointment.scheduledAt) }}</p><p>实际到达 {{ time(destination.actualArrivedAt) }}</p></section><div class="workbench-table"><DataTable :data="detail.cargo" :columns="cargoColumns" row-key="sourceKey" column-settings-mode="hide" empty-text="暂无真实货物明细"><template #destination="{ row }">{{ destinationLabel(row.destinationKey) }}</template></DataTable></div><section class="outsourced-business-route"><h3>原排车关联单据</h3><p>出库单：{{ detail.dispatch.documents.outbounds.map(item => item.outboundNo).join('、') || '—' }}</p><p>派送单：{{ detail.dispatch.documents.deliveries.map(item => item.deliveryNo).join('、') || '—' }}</p><el-button @click="photosOpen = true">查看分类照片</el-button></section></template></template>
     <template #history><LoadErrorState v-if="historyError" title="操作记录读取失败" :message="historyError.message" @retry="loadHistory"><template #details><ApiErrorMeta :details="historyError" /></template></LoadErrorState><LoadErrorState v-if="previewError" title="历史照片读取失败" :message="previewError.message" :show-retry="false"><template #details><ApiErrorMeta :details="previewError" /></template></LoadErrorState><div class="workbench-table"><DataTable v-model:page="historyPage" v-model:page-size="historySize" :data="historyRows" :columns="historyColumns" :total="historyTotal" :loading="historyLoading" row-key="eventKey" empty-text="暂无操作记录"><template #source="{ row }">{{ row.eventSource === 'DISPATCH' ? '原排车' : '运营登记' }}</template><template #action="{ row }">{{ outsourcedBusinessActionLabels[row.action] || '其他操作' }}</template><template #occurredAt="{ row }">{{ time(row.occurredAt) }}</template><template #snapshot="{ row }"><template v-if="row.operations"><p>整车承运金额 {{ row.operations.money ? row.operations.money.currency + ' ' + row.operations.money.amount : '未登记' }}</p><div v-for="arrival in row.operations.arrivals" :key="arrival.destinationKey">{{ destinationLabel(arrival.destinationKey) }} · {{ time(arrival.actualArrivedAt) }}</div></template><span v-else>—</span></template><template #photos="{ row }"><el-button v-for="photo in row.photos" :key="photo.slot" link @click="preview(photo, row.recordVersion)">{{ photoLabel(photo) }}</el-button></template></DataTable></div></template>
diff --git a/src/modules/overseas-master-data/pages/OutsourcedBusinessView.vue b/src/modules/overseas-master-data/pages/OutsourcedBusinessView.vue
index 827c69da..3b4a818b 100644
--- a/src/modules/overseas-master-data/pages/OutsourcedBusinessView.vue
+++ b/src/modules/overseas-master-data/pages/OutsourcedBusinessView.vue
@@ -62,10 +62,10 @@ async function load() {
   const request = ++generation
   loading.value = true; error.value = null
   try {
-    if (!access.can(permission.outsourcedBusinessList)) throw new Error('没有外配业务查看权限')
+    if (!access.can(permission.outsourcedBusinessList)) throw new Error('没有外配任务查看权限')
     const value = await listOutsourcedBusiness({ ...applied, page: page.value, size: size.value })
     if (active && request === generation) result.value = value
-  } catch (cause) { if (active && request === generation) { result.value = null; error.value = getApiErrorDetails(cause, '外配业务读取失败') } }
+  } catch (cause) { if (active && request === generation) { result.value = null; error.value = getApiErrorDetails(cause, '外配任务读取失败') } }
   finally { if (request === generation) loading.value = false }
 }
 function search() {
@@ -102,11 +102,11 @@ onBeforeUnmount(() => { active = false; generation++; openGeneration++ })
 
 <template>
   <OutsourcedBusinessListLayout>
-    <template #statistics><section class="outsourced-business-statistics workbench-panel is-flush" aria-label="完整筛选范围外配业务统计" :aria-busy="loading"><div v-for="item in summary" :key="String(item[0])"><span>{{ item[0] }}</span><strong>{{ item[1] ?? '—' }}</strong></div></section></template>
-    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" v-model:page="page" v-model:page-size="size" :data="result?.records || []" :columns="columns" :total="result?.total || 0" :loading="loading" row-key="dispatchNo" preference-key="outsourced-business-table" empty-text="当前筛选范围暂无已装车的外配车辆排车单">
-      <template #toolbar-start><h1>外配业务<InlineHelp title="查询范围说明">日期和时间按浏览器本地时区显示；统计覆盖同一完整筛选范围。</InlineHelp></h1></template>
-      <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="外配业务筛选" preference-key="outsourced-business-query" :loading="loading" @search="search" /></template>
-      <template #notices><LoadErrorState v-if="error" title="外配业务读取未完成" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState><p v-if="warehouseError">{{ warehouseError.message }} <el-button link @click="loadWarehouses">重试目录</el-button></p><p v-if="!access.can('platform:warehouse:list')">没有公共仓库目录读取权限，仓库筛选暂不可选。</p></template>
+    <template #statistics><section class="outsourced-business-statistics workbench-panel is-flush" aria-label="完整筛选范围外配任务统计" :aria-busy="loading"><div v-for="item in summary" :key="String(item[0])"><span>{{ item[0] }}</span><strong>{{ item[1] ?? '—' }}</strong></div></section></template>
+    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" v-model:page="page" v-model:page-size="size" :data="result?.records || []" :columns="columns" :total="result?.total || 0" :loading="loading" row-key="dispatchNo" preference-key="outsourced-business-table" empty-text="当前筛选范围暂无已装车且实际接入拼车货物的排车单">
+      <template #toolbar-start><h1>外配任务<InlineHelp title="查询范围说明">仅统计实际接入拼车货物的已装车排车，与车辆归属无关；日期和时间按浏览器本地时区显示，统计覆盖同一完整筛选范围。</InlineHelp></h1></template>
+      <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="外配任务筛选" preference-key="outsourced-business-query" :loading="loading" @search="search" /></template>
+      <template #notices><LoadErrorState v-if="error" title="外配任务读取未完成" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState><p v-if="warehouseError">{{ warehouseError.message }} <el-button link @click="loadWarehouses">重试目录</el-button></p><p v-if="!access.can('platform:warehouse:list')">没有公共仓库目录读取权限，仓库筛选暂不可选。</p></template>
       <template #actions="{ row }"><RowActions :actions="rowActions(row as OutsourcedBusinessRow)" text-actions @action="act(row as OutsourcedBusinessRow, $event)" /></template>
       <template #carrier="{ row }">{{ text(row.vehicle.carrierName) }}</template>
       <template #driver="{ row }">{{ text(row.driver.name) }}<br>{{ text(row.driver.phone) }}</template>
diff --git a/src/modules/overseas-master-data/pages/OutsourcedBusinessViews.test.ts b/src/modules/overseas-master-data/pages/OutsourcedBusinessViews.test.ts
index 058dd30c..4510908f 100644
--- a/src/modules/overseas-master-data/pages/OutsourcedBusinessViews.test.ts
+++ b/src/modules/overseas-master-data/pages/OutsourcedBusinessViews.test.ts
@@ -30,10 +30,21 @@ beforeEach(() => {
 })
 
 describe('outsourced business views', () => {
+  it('keeps an owned vehicle with pooled cargo in the outsourced task list', async () => {
+    const detail = outsourcedBusinessFixture()
+    detail.row.vehicle.ownership = 'OWNED'
+    calls.list.mockResolvedValue({ records: [detail.row], page: 1, size: 20, total: 1, summary: { dispatchCount: 1, afterLoadingCount: 1, deliveringCount: 0, deliveredCount: 0 } })
+    const wrapper = mount(OutsourcedBusinessView, { global }); await flushPromises()
+    expect(wrapper.findComponent(Table).props('data')[0].vehicle.ownership).toBe('OWNED')
+    expect(wrapper.findComponent(Table).props('total')).toBe(1)
+    expect(wrapper.text()).toContain('外配任务')
+    expect(wrapper.text()).toContain('登记运营信息')
+    wrapper.unmount()
+  })
   it('uses one list request for all statistics and never hydrates each row', async () => {
     const wrapper = mount(OutsourcedBusinessView,{global}); await flushPromises()
     expect(calls.list).toHaveBeenCalledTimes(1); expect(calls.detail).not.toHaveBeenCalled(); expect(calls.content).not.toHaveBeenCalled()
-    expect(wrapper.find('[aria-label="完整筛选范围外配业务统计"]').text()).toContain('排车数41')
+    expect(wrapper.find('[aria-label="完整筛选范围外配任务统计"]').text()).toContain('排车数41')
     expect(wrapper.text()).not.toContain('今日排车')
     expect(wrapper.findComponent(Table).props('columns')[0].key).toBe('actions')
     expect(wrapper.findComponent(Table).props('total')).toBe(41)
@@ -46,7 +57,7 @@ describe('outsourced business views', () => {
     expect(calls.list).toHaveBeenCalledTimes(1)
     query.vm.$emit('search');await flushPromises()
     expect(calls.list).toHaveBeenLastCalledWith({page:1,size:20,keyword:'FBA-1',stage:'AFTER_LOADING',warehouseId:'1',plannedDepartureFrom:dayjs('2026-10-20').startOf('day').toISOString(),plannedDepartureTo:dayjs('2026-10-21').add(1,'day').startOf('day').toISOString()})
-    expect(wrapper.find('[aria-label="完整筛选范围外配业务统计"]').text()).toContain('装车完成30')
+    expect(wrapper.find('[aria-label="完整筛选范围外配任务统计"]').text()).toContain('装车完成30')
     wrapper.unmount()
   })
   it('opens the operations modal on demand with auxiliary zero version instead of the dispatch version', async () => {
diff --git a/src/modules/overseas-master-data/pages/OverseasQuotesView.vue b/src/modules/overseas-master-data/pages/OverseasQuotesView.vue
index a311afba..93bf9a4b 100644
--- a/src/modules/overseas-master-data/pages/OverseasQuotesView.vue
+++ b/src/modules/overseas-master-data/pages/OverseasQuotesView.vue
@@ -58,7 +58,7 @@ watch([page,pageSize],load);onMounted(()=>{void Promise.all([load(),loadOptions(
 <template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="海外仓报价列表">
 
 
-  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="overseas-quotes-table" row-key="id" empty-text="暂无海外仓报价">
+  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="overseas-quotes-table" row-key="id" empty-text="暂无海外仓报价">
         <template #toolbar-start><h1>海外仓报价</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="海外仓报价筛选" preference-key="overseas-quotes-query" :loading="loading" @search="search" /></template>
         <template #notices><LoadErrorState v-if="error" title="海外仓报价加载失败" :message="error.message" @retry="load" /></template>
diff --git a/src/modules/overseas-master-data/pages/OwnedBusinessView.vue b/src/modules/overseas-master-data/pages/OwnedBusinessView.vue
index c9dc921d..f8f7628e 100644
--- a/src/modules/overseas-master-data/pages/OwnedBusinessView.vue
+++ b/src/modules/overseas-master-data/pages/OwnedBusinessView.vue
@@ -90,8 +90,8 @@ onBeforeUnmount(() => { active = false; generation++; openGeneration++ })
 <template>
   <OwnedBusinessListLayout>
     <template #statistics><section class="owned-business-statistics workbench-panel is-flush" aria-label="完整筛选范围自有业务统计" :aria-busy="loading"><div v-for="item in summary" :key="String(item[0])"><span>{{ item[0] }}</span><strong>{{ item[1] ?? '—' }}</strong></div></section></template>
-    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" v-model:page="page" v-model:page-size="size" :data="result?.records || []" :columns="columns" :total="result?.total || 0" :loading="loading" row-key="dispatchNo" preference-key="owned-business-table" empty-text="当前筛选范围暂无已装车的自有车辆排车单">
-      <template #toolbar-start><h1>自有业务<InlineHelp title="查询范围说明">日期和时间按浏览器本地时区显示；统计覆盖同一完整筛选范围。</InlineHelp></h1></template>
+    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" v-model:page="page" v-model:page-size="size" :data="result?.records || []" :columns="columns" :total="result?.total || 0" :loading="loading" row-key="dispatchNo" preference-key="owned-business-table" empty-text="当前筛选范围暂无已装车且未接入拼车货物的排车单">
+      <template #toolbar-start><h1>自有业务<InlineHelp title="查询范围说明">仅统计未实际接入拼车货物的已装车排车，与车辆归属无关；日期和时间按浏览器本地时区显示，统计覆盖同一完整筛选范围。</InlineHelp></h1></template>
       <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="自有业务筛选" preference-key="owned-business-query" :loading="loading" @search="search" /></template>
       <template #notices><LoadErrorState v-if="error" title="自有业务读取未完成" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState><p v-if="warehouseError">{{ warehouseError.message }} <el-button link @click="loadWarehouses">重试目录</el-button></p><p v-if="!access.can('platform:warehouse:list')">没有公共仓库目录读取权限，仓库筛选暂不可选。</p></template>
       <template #actions="{ row }"><div class="density-actions"><el-button class="density-action" link @click="router.push(`/overseas-master-data/owned-business/${encodeURIComponent(row.dispatchNo)}`)">查看明细</el-button><el-button v-if="access.can(permission.ownedBusinessEdit)" class="density-action" link :disabled="opening || mutating || !row.actions.edit.allowed" @click="openAction(row as OwnedBusinessRow, 'operations')">登记运营信息</el-button><el-button class="density-action" link :disabled="opening || mutating" @click="openAction(row as OwnedBusinessRow, 'photos')">{{ access.can(permission.ownedBusinessUpload) && row.actions.upload.allowed ? '上传照片' : '查看照片' }}</el-button></div></template>
diff --git a/src/modules/overseas-master-data/pages/OwnedBusinessViews.test.ts b/src/modules/overseas-master-data/pages/OwnedBusinessViews.test.ts
index 5bce505c..be651c4e 100644
--- a/src/modules/overseas-master-data/pages/OwnedBusinessViews.test.ts
+++ b/src/modules/overseas-master-data/pages/OwnedBusinessViews.test.ts
@@ -30,6 +30,16 @@ beforeEach(() => {
 })
 
 describe('owned business views', () => {
+  it('keeps a non-pool external vehicle returned by the server without filtering or requiring a vehicle id', async () => {
+    const detail = ownedBusinessFixture()
+    detail.row.vehicle = { vehicleId: null, plate: 'EXTERNAL-NO-POOL', ownership: 'DISPATCHED' }
+    calls.list.mockResolvedValue({ records: [detail.row], page: 1, size: 20, total: 1, summary: { dispatchCount: 1, afterLoadingCount: 1, deliveringCount: 0, deliveredCount: 0 } })
+    const wrapper = mount(OwnedBusinessView, { global }); await flushPromises()
+    expect(wrapper.findComponent(Table).props('data')[0].vehicle).toEqual(detail.row.vehicle)
+    expect(wrapper.findComponent(Table).props('total')).toBe(1)
+    expect(wrapper.text()).toContain('登记运营信息')
+    wrapper.unmount()
+  })
   it('uses one list request for all statistics and never hydrates each row', async () => {
     const wrapper = mount(OwnedBusinessView,{global}); await flushPromises()
     expect(calls.list).toHaveBeenCalledTimes(1); expect(calls.detail).not.toHaveBeenCalled(); expect(calls.content).not.toHaveBeenCalled()
diff --git a/src/modules/overseas-master-data/pages/TripOperationsView.vue b/src/modules/overseas-master-data/pages/TripOperationsView.vue
index 31b55508..75734990 100644
--- a/src/modules/overseas-master-data/pages/TripOperationsView.vue
+++ b/src/modules/overseas-master-data/pages/TripOperationsView.vue
@@ -93,7 +93,7 @@ watch([page, size], load); onMounted(load); onBeforeUnmount(() => { sequence++ }
   <template #state>
     <LoadErrorState v-if="error" title="查询或导出失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
   </template>
-  <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" preference-key="fleet-operations-table" v-model:page="page" v-model:page-size="size" :data="result?.page.records || []" :columns="columns" :total="result?.page.total || 0" :loading="loading" row-key="tripNo" empty-text="该范围暂无实际出车记录">
+  <div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="true" preference-key="fleet-operations-table" v-model:page="page" v-model:page-size="size" :data="result?.page.records || []" :columns="columns" :total="result?.page.total || 0" :loading="loading" row-key="tripNo" empty-text="该范围暂无实际出车记录">
     <template #toolbar-start><h1>出车记录</h1></template>
     <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="运营记录查询" preference-key="fleet-operations-query" :loading="loading" @search="search" @reset="resetFilters" /></template>
     <template #toolbar-actions><el-button v-if="access.can('platform:fleet:operations:export') && access.can('platform:download:list')" :loading="exporting" @click="download">导出</el-button></template>
diff --git a/src/modules/overseas-master-data/pages/TripsView.vue b/src/modules/overseas-master-data/pages/TripsView.vue
index ae88ff01..d49ab70a 100644
--- a/src/modules/overseas-master-data/pages/TripsView.vue
+++ b/src/modules/overseas-master-data/pages/TripsView.vue
@@ -52,7 +52,7 @@ watch([page, size], load); onMounted(load); onBeforeUnmount(() => { sequence++ }
   <AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="车次管理">
     <el-tabs v-model="workTab" class="density-element-tabs"><el-tab-pane label="车次管理" name="trips" /><el-tab-pane label="待取货" name="pickups" /></el-tabs>
     <PickupDemandPanel v-if="pickupVisited" v-show="workTab === 'pickups'" />
-    <div class="workbench-table is-page-surface"><DataTable v-show="workTab === 'trips'" appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" preference-key="fleet-trips-table" v-model:page="page" v-model:page-size="size" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="tripNo" empty-text="暂无车次，先建立计划再关联排车单">
+    <div class="workbench-table is-page-surface"><DataTable v-show="workTab === 'trips'" appearance="integrated" column-settings-mode="show" :results-visible="true" preference-key="fleet-trips-table" v-model:page="page" v-model:page-size="size" :data="rows" :columns="columns" :total="total" :loading="loading" row-key="tripNo" empty-text="暂无车次，先建立计划再关联排车单">
       <template #toolbar-start><el-button v-if="appointmentReturnTarget(route.query)" link @click="router.push(appointmentReturnTarget(route.query)!)">返回预约工作</el-button><h1>车次管理</h1></template>
       <template #filters><QueryToolbar v-model="filters" :fields="fields" ariaLabel="车次查询" preference-key="fleet-trips-query" :loading="loading" @search="search" @reset="search" /></template>
       <template #notices><LoadErrorState v-if="error" title="车次加载失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template>
diff --git a/src/modules/overseas-master-data/pages/VehiclesView.vue b/src/modules/overseas-master-data/pages/VehiclesView.vue
index af540c97..c6dfc976 100644
--- a/src/modules/overseas-master-data/pages/VehiclesView.vue
+++ b/src/modules/overseas-master-data/pages/VehiclesView.vue
@@ -39,7 +39,7 @@ function openStatus(row:VehicleDetail){statusRow.value=row;statusTarget.value=ro
 async function exportCsv(){exporting.value=true;try{const{page:_,size:__,...q}=params();await submitExport('VEHICLE_LIST', '车辆', q)}catch(e){ElMessage.error(masterDataErrorMessage(e,'车辆导出失败'))}finally{exporting.value=false}}
 watch([page,pageSize],load);onMounted(load)
 </script>
-<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="车辆列表"><section class="vehicle-panel"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="overseas-vehicles-table" row-key="id" empty-text="暂无车辆">
+<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="车辆列表"><section class="vehicle-panel"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="true" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="total" :loading="loading" preference-key="overseas-vehicles-table" row-key="id" empty-text="暂无车辆">
         <template #toolbar-start><div class="status-tabs density-status-tabs workbench-list-tabs" role="tablist" aria-label="车辆归属"><button v-for="tab in tabs" :key="tab[1]" role="tab" :aria-selected="ownership===tab[1]" :class="['status-tab',{'is-active':ownership===tab[1]}]" @click="selectOwnership(tab[1])"><span class="density-tab-icon" aria-hidden="true">{{ tab[1] === 'OWNED' ? '🚚' : '🚛' }}</span>{{tab[0]}}</button></div></template>
         <template #filters><div class="query-panel integrated-query-group"><QueryToolbar v-model="filters" :fields="fields" ariaLabel="车辆筛选" preference-key="overseas-vehicles-query" :loading="loading" @search="search"/></div></template>
         <template #notices><LoadErrorState v-if="error" title="车辆加载失败" :message="error.message" @retry="load"/></template>
diff --git a/src/modules/overseas-master-data/routes.ts b/src/modules/overseas-master-data/routes.ts
index 5a445c69..34c4ecde 100644
--- a/src/modules/overseas-master-data/routes.ts
+++ b/src/modules/overseas-master-data/routes.ts
@@ -30,7 +30,7 @@ export const overseasMasterDataRoutes = [
     path: 'overseas-master-data/owned-business',
     name: 'overseas-master-data-owned-business',
     component: () => import('./pages/OwnedBusinessView.vue'),
-    meta: { title: '自有业务', description: '查看自有车辆装车后的排车与运营记录', permission: permission.ownedBusinessList, showPageHeading: false },
+    meta: { title: '自有业务', description: '查看未接入拼车货物的已装车排车与运营记录', permission: permission.ownedBusinessList, showPageHeading: false },
   },
   {
     path: 'overseas-master-data/owned-business/:dispatchNo',
@@ -42,13 +42,13 @@ export const overseasMasterDataRoutes = [
     path: 'overseas-master-data/outsourced-business',
     name: 'overseas-master-data-outsourced-business',
     component: () => import('./pages/OutsourcedBusinessView.vue'),
-    meta: { title: '外配业务', description: '按原排车查询外配车辆装车后的履约与承运信息', permission: permission.outsourcedBusinessList, showPageHeading: false },
+    meta: { title: '外配任务', description: '查看已实际接入拼车货物的装车后履约与承运信息', permission: permission.outsourcedBusinessList, showPageHeading: false },
   },
   {
     path: 'overseas-master-data/outsourced-business/:dispatchNo',
     name: 'overseas-master-data-outsourced-business-detail',
     component: () => import('./pages/OutsourcedBusinessDetailView.vue'),
-    meta: { title: '外配业务详情', description: '查看原排车及外配承运登记', permission: permission.outsourcedBusinessList, showPageHeading: false },
+    meta: { title: '外配任务详情', description: '查看原排车及外配承运登记', permission: permission.outsourcedBusinessList, showPageHeading: false },
   },
   {
     path: 'overseas-master-data/trips',
diff --git a/src/modules/overseas-warehouse/AGENTS.md b/src/modules/overseas-warehouse/AGENTS.md
index 074b3cfc..3aaf8b77 100644
--- a/src/modules/overseas-warehouse/AGENTS.md
+++ b/src/modules/overseas-warehouse/AGENTS.md
@@ -25,7 +25,7 @@
 | 仓储转运审核、通过与驳回 | `pages/LastMileOrdersView.vue`、`components/WarehouseTransferReviewDialog.vue` | `api/warehouseTransfers.ts` 的列表、详情及 `/warehouse-transfers/{transferNo}/review`；审核按钮要求 `permissions.ts` 的 `warehouseTransferApprove` 且行类型为 `WAREHOUSE_TRANSFER`、状态为 `PENDING_REVIEW`。请求携带该行客户范围和转运单号，审核结论为 `APPROVE/REJECT`，驳回原因必填；这是尾程订单内的审核弹框，不是独立审核路由或排车转派送入口 |
 | 尾程订单控制与柜级入仓计划转换 | `pages/LastMileOrdersView.vue`、`pages/LastMileOrderDetailView.vue` | 柜子工作台按 `sourceContainerBookingId` 消费 `/orders/container-summaries`；服务端分页返回全部稳定来源柜，计划已经齐全的柜仍保留用于接柜仓查询和修改，并按冻结 `plannedArrivalAt` 升序、空值最后排序。详情返回全柜订单且不受列表分页截断；单票手工计划保存后，由服务端在整柜最后一票计划齐全时自动生成并绑定全柜托盘码，一票柜立即生成；`resourcePendingPlanCount` 只表示自动生成异常的重试入口，不是正常人工步骤。柜级确认弹框先调用 `/inbound-plans/container-preview`，按服务端 FBA/一件代发/私人地址分组展示头程已有、海外仓补充和最终托数以及 `readiness/blockers`；散货最终托数不得少于头程已有托盘码，差额连续补码且不阻断流程；一件代发必须严格按不可变头程封托托盘数整体入库，单票表单托数锁定且服务端再次失败关闭校验。前端不计算托数、不逐票建计划、不预占托盘，再把同一 `snapshotVersion/snapshotHash` 原样提交 `/inbound-plans/convert-container`，快照冲突后重新获取预览。服务端只为剩余订单逐票生成独立计划，并为异常遗留的人工计划补齐真实托盘，整批原子且重放不得产生第二批资源。单票完整入库计划、暂扣/解除和八行人工节点均从 `api/lastMileOrders.ts` 提交订单版本与幂等键；预计到仓时间只读展示来源柜冻结值，不进入人工计划请求，服务端按整柜校验并写入同一日期；入仓码只读展示并提交订单冻结值，不允许人工改写。新增暂扣只在 `INBOUND_COMPLETED` 开放，解除暂扣保持可用；暂扣不阻断入库计划，只限制后续排车和出库。人工节点一经保存不得回退柜级节点。转仓候选只取 `../iam/api/platformIam.ts` 的平台公共 `ACTIVE + FBA` 仓主档；Backend `lastleg-service/` |
 | 入仓单、入仓计划、FBA 预约 | `pages/InboundOrdersView.vue`、`pages/InboundOrderDetailView.vue` | 列表/预约 `api/inboundOrders.ts`，计划列表/详情 `api/inboundPlans.ts`；Backend `lastleg-service/inboundplan/` |
-| 排车查询、整车草稿、审核及派送安排 | `pages/DispatchesView.vue`、`pages/DispatchDetailView.vue`、`components/SmartDispatchDialog.vue`、`components/DispatchWorkflowDialog.vue` | `api/dispatches.ts`、`dispatchContracts.ts`、`dispatchCommandRecovery.ts`；Backend `lastleg-service/dispatch/`、`delivery/`。一单一趟、同仓多客户多目的地，空单或先选货均可；候选使用来源版本，草稿走服务器token及公共版本，全部容器原子转换。当前规则见`../../../../../docs/海外仓业务/排车列表统一作业改造契约.md`，不恢复旧单客户预排协议 |
+| 排车查询、整车草稿、审核及派送安排 | `pages/DispatchesView.vue`、`pages/DispatchDetailView.vue`、`components/SmartDispatchDialog.vue`、`components/SmartDispatchExistingCargo.vue`、`components/DispatchWorkflowDialog.vue` | `api/dispatches.ts`、`dispatchContracts.ts`、`dispatchCommandRecovery.ts`；Backend `lastleg-service/dispatch/`、`delivery/`。一单一趟、同仓多客户多目的地，空单或先选货均可；候选使用来源版本，草稿走服务器token及公共版本，全部容器原子转换。当前规则见`../../../../../docs/海外仓业务/排车列表统一作业改造契约.md`，不恢复旧单客户预排协议 |
 | 海外出库与派送 | `pages/OutboundsView.vue`、`pages/OutboundDetailView.vue`、`pages/DeliveryOrdersView.vue`、`pages/DeliveryOrderDetailView.vue` | `api/outbounds.ts`、`api/deliveryOrders.ts`；出库详情使用 `deliveries` 展示按目的 FBA 仓拆出的全部派送单，派送列表和详情必须显示目的 FBA 仓。人工状态入口不提供完成派送；签收资料保存成功后提示自动完成并刷新列表。出库列表按类型筛选并展示中文类型，状态须覆盖 `WAIT_PICK/待拣货`、`PICKING/拣货中`、`PICKED/已拣货`、`WAIT_OUTBOUND/待出库`、`OUTBOUNDED/已出库` 和 `CANCELLED/已取消`；仅未开始的 `WAIT_PICK/WAIT_OUTBOUND` 允许取消。一件代发新建弹窗直接跨客户加载服务端可用候选，不单独展示客户筛选，海外仓必选并优先默认洛杉矶仓；订单条件可按订单号、入库单号、客户、托盘号、SKU 或品名查询/重置，以托盘+SKU 行分页多选。提交时从所选行解析唯一客户，并校验所选行属于当前唯一海外仓，不要求先选客户。退货出库客户下拉同时展示客户名称与联系电话并支持手机号检索，客户和仓库选项独立容错加载；选择客户后须立即按当前默认/已选海外仓加载库存。SKU 与箱号查询均使用输入态/已查询态分离，只允许点击查询按钮后生效；支持英文逗号批量条件，查询时清除空格并按任一条件命中，左右列表分别提供每页 5/10/20/50 条选择。SKU 列表只展示 `availableQuantity > 0` 的未占用可用数量，合箱后已扣减为零的 SKU 不再作为可选库存显示，实际作业以可用箱唛选择和箱内 SKU 明细扣减为准。取消、派送列表/详情及退回入口对应 Backend `lastleg-service/delivery/`、`dropship/` |
 | 异常退回与客户回访 | `pages/ExceptionOrdersView.vue`、`pages/CustomerVisitsView.vue` | `api/exceptionOrders.ts`、`api/customerVisits.ts`；异常关系解析、异常建档、派送退回、完成/状态和回访附件对应 Backend `lastleg-service/exceptionorder/`、`customervisit/` |
 | 库存余额、库位与流水 | `pages/InventoryView.vue`、`pages/InventoryDetailView.vue`、`pages/InventoryTransactionsView.vue` | `api/inventory.ts`；业务库存归 `lastleg-service/inventory/`，实物资源归 `warehouse-overseas-service/` |
@@ -46,9 +46,9 @@
 
 - 一件代发出库候选选择：`pages/OutboundsView.vue` 按 `inventoryPositionId + skuCode` 保留跨页选择，只提供本页全选；查询/重置回到第一页，切换海外仓清空选择。提交仍校验同客户、同海外仓，数量取所选行的 `availablePackages`（箱数），不能按 SKU 件数替代；候选同时展示当前可出箱数对应的毛重、材积重和体积，创建出库单时服务端按本次出库箱数占实际入库箱数的比例冻结三项测量快照。候选交互回归见 `pages/OutboundsView.selection.test.ts`；状态展示与取消门禁见 `pages/OutboundsView.test.ts`、`pages/OutboundDetailView.test.ts`。
 - 转运审核定向测试：从应用根运行 `pnpm test src/modules/overseas-warehouse/api/warehouseTransfers.test.ts src/modules/overseas-warehouse/pages/prototypeContract.test.ts`，分别核对客户作用域/API 与审核入口权限、状态。
-- 派送安排弹框通过`getDispatchArrangement`读取整车分组、实际货物、外接报价及原费用依据，`DispatchArrangeFields.vue`按真实客户目的地组提交；不逐行查费用，不按金额推断覆盖，不把原费用再次记入新费用行。移货必须使用`GET items`返回的真实dispatchItemId及逐项remove Gate；路线仅重排`GET route`返回的既有全部目的地，包含外接点，不能新增或猜测目的地。附件沿`DispatchEvidenceFiles.vue`的本车鉴权上传/读取，上传与主单引用保存分开。
+- 派送安排弹框通过`getDispatchArrangement`读取整车分组、实际货物、外接报价及原费用依据，`DispatchArrangeFields.vue`按真实客户目的地组提交；不逐行查费用，不按金额推断覆盖，不把原费用再次记入新费用行。已有排车加货和移货仅从`SmartDispatchDialog.vue`内的`SmartDispatchExistingCargo.vue`进入；移货必须使用`GET items`返回的真实dispatchItemId及逐项remove Gate；路线仅重排`GET route`返回的既有全部目的地，包含外接点，不能新增或猜测目的地。附件沿`DispatchEvidenceFiles.vue`的本车鉴权上传/读取，上传与主单引用保存分开。
 - 出库取消提示先解除车次关联，取消后仍须在排车列表释放原排车占用；不提示库存已自动回滚。派送详情费用读取reviewStatus/sourceStatus/voidStatus，同一详情响应展示待财务确认、待财务处理、确认作废，不逐行查询，也不把取消成功视为费用作废。货柜费用面板直接消费同一费用来源接口，待确认时同样禁止调整和重复作废，沿用原页面/弹框承载。
-- 排车列表编辑、托盘移除、BOL PDF 和转派送从 `pages/DispatchesView.vue` → `api/dispatches.ts` 进入；智能预排的候选、草稿柜与托盘锁从 `components/SmartDispatchDialog.vue` 进入。回归为 `pages/DispatchesView.test.ts`、`pages/prototypeContract.test.ts`，不要把列表操作与预排草稿当作同一入口。
+- 排车列表车辆信息编辑、BOL PDF 和转派送从 `pages/DispatchesView.vue` → `api/dispatches.ts` 进入；列表和详情不另设添加／移除货物入口。货物计划统一由 `components/SmartDispatchDialog.vue` 承载：新建使用候选、草稿及托盘锁，已有排车经 `components/SmartDispatchExistingCargo.vue` 读取实际明细并按版本增减；两类服务端命令不得混用。原加货／移货未知请求也在智能排车恢复。回归为对应组件测试、`pages/DispatchesView.test.ts`、`pages/DispatchDetailView.test.ts` 及 `pages/prototypeContract.test.ts`。
 - 从应用根按目标页面选择相邻测试：`pnpm test src/modules/overseas-warehouse/<目标测试路径>`；API 或类型变化同时运行 `pnpm typecheck`。应用完整门禁继续遵循上层指引。
 - 索引变更从后端根运行 `./scripts/agents-index-contract.ps1`。离线检查不代替真实 HTTP 和人工截图验收。
 
diff --git a/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md b/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md
index cd1b15af..c888507e 100644
--- a/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md
+++ b/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md
@@ -1,5 +1,57 @@
 # 海外仓原型核对矩阵
 
+## 2026-10-21 货物调整统一在智能排车
+
+依据用户排车列表截图及本轮确认：去掉车辆信息中的添加货物入口，安排后的货物只在智能排车修改，保留理货员现场真实拣货。
+
+| 操作 | 本轮目标 | 验收 |
+|---|---|---|
+| 排车列表、详情 | 删除独立添加／移除货物动作及旧弹框，列表统一通过“智能排车”进入；原货物变更未知请求也进入智能排车恢复 | 定向检查通过；1920×1080待人工截图 |
+| 智能排车 | 同一弹框区分新建与调整已有排车；已有单读取真实排车及货物清单、来源候选，使用当前版本及既有资格增减货物，不转回草稿、不重建排车；跨页补齐同托各来源的预约分配，资料缺失或组成变化阻断提交 | 交互、权限、版本冲突及原请求恢复通过；类型检查、构建通过 |
+| 现场作业 | PDA真实拣货及装车规则保持；已扫码不得改计划，理货通过未扫码仍须显式退回重审才能修改 | 服务端原门禁不变 |
+
+本次完整Admin回归4319/4320通过，唯一失败为旧样式断言仍要求已删除的货物弹框保留`LineClampText`；已改为核对智能排车内的统一货物面板，并定向复核`adminDensity.test.ts`全部69项通过。类型检查、构建及1229项AGENTS索引检查通过；完整回归与修正后的定向结果分别记录，未再次运行完整回归。未部署、未执行真实HTTP；真实页面待人工截图确认。
+
+## 2026-10-21 新建排车先安排货物
+
+依据本轮用户确认：先排车和货物，车辆、司机留到建单后由调度或客服在后台补充；不涉及客户自助填写。此项覆盖下方新建弹框内提前填写车辆与司机的说明。
+
+| 操作 | 本轮目标 | 验收 |
+|---|---|---|
+| 智能排车／选货建单、空单 | 保留三栏选货、多车分组、计划托位与每组时间／备注；移除新建环节的车辆、司机和证照表单，创建时两项均为空，后续从车辆信息维护进入 | 定向97项、类型检查和构建通过；1920×1080真实页面待人工截图确认 |
+
+当前完整验证结果以上方“货物调整统一在智能排车”为准。
+
+
+## 2026-10-21 智能排车三栏交互（当前确认）
+
+依据：用户最新截图 `codex-clipboard-136583c3-e776-440b-980b-eed26a228c13.png`、原型 `prototype-src/overlays.html:25-91` 的 `modal-dispatch-schedule` 及 `app.js:6170-6240`。用户明确“本次仍用15／30，只还原三栏交互”。本条覆盖下方先前两栏最小方案，容量和后端业务接口保持当前合同。
+
+| 操作 | 原型承载／布局 | 当前目标／边界 | 验收 |
+|---|---|---|---|
+| 入库单智能排车／排车列表新增排车 | 共用同一智能排车弹窗 | 两处均使用 `SmartDispatchDialog.vue` 及内部三栏组件；入库单入口传入已选入库单范围，排车列表入口不预选。选货、分车、容量与生成逻辑共用 | 入口合同通过 |
+| 选择订单／查看托盘 | 大居中弹窗；左订单、中选中订单托盘、右多辆车装载区 | 默认不选订单，点击后中间才出现对应托盘。复用候选服务端分页，明确本页订单／本页货物关联托盘，同一订单可能跨页；关联托数含必须同车的完整组，不以本页汇总冒充全单统计 | 定向回归通过；待人工截图 |
+| 加货／分车 | 中间托盘拖入右侧指定车辆；各车同时可见 | 拖放沿用现有完整选择组LOCK及幂等恢复；支持按钮作为键盘替代，拖到非当前车以目标ID提交，同实托关联货物整组加入；不把外部拖放文本当可信货物 | 定向回归通过 |
+| 添加车辆／删除车辆／移除货物 | 右侧添加及逐车移除 | 计划容量15／30；各车保持独立时间／备注，跨页保留；已配货不能直接车间拖移，先使用原移除接口再重新选择，避免拆成不原子的隐式两次写 | 定向回归通过 |
+| 查询／生成排车 | 顶部查询与仓库页签，底部统一生成 | 仅保留真实订单／入仓码、目的仓、来源阶段及仓库筛选；不把预约批次号冒充预约号，不补造渠道／订单类型／配送状态。每辆有货的车生成一单 | 定向回归通过 |
+
+样式使用当前公共密度和浅蓝表头，按最新截图还原三栏比例和右侧装载区；保留起运仓、草稿恢复、空单及时间／备注。车辆司机按上方最新确认在建单后维护。详情／审核／文件预览承载不受本次调整。真实页面仍需1920×1080、100%人工截图确认；不以自动DOM测试认定视觉已验收。
+
+本轮自动检查：三栏与先货后车组合定向5文件81项通过（2026-10-21 11:57启动），`pnpm build`（含应用类型检查）通过。当前最终源码：`SmartDispatchDialog.vue` SHA256 `D5399FA4B5909A21E4C089F9F8267607DB31C87ED1412855C1E9E6E272EC639C`；`SmartDispatchCargoBoard.vue` SHA256 `3A9195B76D40D5C0F618978E0DDFA90FFBB15C8FF2E28EE29D5760C81DF66958`。复用11:56启动的完整回归结果：4294/4295通过，唯一旧车辆表单样式断言已修正，对应共享布局测试69项复核通过；完整与修正后定向分别记证。未发布，不代表真实页面已验收。
+
+## 2026-10-21 智能排车最小交互优化（已被上方三栏确认覆盖）
+
+依据：用户截图 `codex-clipboard-5f71bb39-dc08-4048-a5c7-31f4c0893bc2.png`，原型 `prototype-src/overlays.html:25-91` 的 `modal-dispatch-schedule`，以及用户随后确认的最小方案：保留两栏，移除“开始安排第一辆车”，默认空车、直接加货、多辆车常驻，不改后端。本条覆盖下方旧“先开始选货”的安排；完整三栏、拖拽、车间移货暂不实施。
+
+| 页面／操作 | 原型承载与布局 | 原实现问题 | 本次调整／验收 |
+|---|---|---|---|
+| 智能排车／选货与分车 | 原型多辆车同时展示；最新确认保留当前两栏居中弹框 | 须先建草稿才能选货；仅改名称仍无法看清步骤 | 默认显示空车辆框；首次点击“加入这辆车”时内部顺序创建草稿、创建车辆区、锁货，准备期间禁用交互，任一步失败即停止。已有分配跨页保留；待自动检查及1920×1080人工截图 |
+| 智能排车／新增车辆与生成排车单 | 右侧各车货物分别展示，统一提交 | “开始安排第一辆车／再安排一辆车”易被理解为串行离开前车 | “添加车辆”保留前车并选中新车，按服务端ID差集识别新车，按车独立车辆／司机／时间。空区不生成单，有货各车一次原子转换。容量仍使用现有服务端15／30托位，截图26为参考示例，不自行扩展容量合同 |
+
+既有空单、详情、审核、文件预览与删除业务不改承载。来源资格、同实托完整组、跨客户归属、版本与未知请求恢复继续沿现行服务端合同；不复制原型示例数据、前端估算重量或未经证实的预约／状态筛选。
+
+自动验证：原组件及原型合同52项、新增真实组件交互12项通过；覆盖首加货、两车配置独立、切回加货、乱序新车回执、准备链冻结、明确拒绝、已执行但响应丢失的原键恢复、跨页恢复和同托整组一次写。只读源码审查通过；`pnpm build`（含应用类型检查）通过，Admin完整回归467个文件／4268项通过。本轮未修改后端、未执行环境HTTP、未发布；真实页面1920×1080、100%截图待人工确认。
+
 ## 尾程订单汇总文字隐藏（2026-10-20）
 
 按用户截图`codex-clipboard-168f9aa5-5478-4085-a9b4-d59e7b08ca1f.png`及明确要求，移除查询区下方“仓储转运·全筛选”和“当前筛选中的退货”两段长汇总，不再挂载仅提供转运汇总的组件。订单明细、退货行维度、筛选、分页和错误反馈保持；不删交易数据或改变统计口径。原列表顶部矩阵中的“数量汇总”不再指这两段常驻文字。本页行为回归75项通过，差异检查通过；待人工截图确认。
diff --git a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.layout.test.ts b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.layout.test.ts
index 2c717b8a..40495ed0 100644
--- a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.layout.test.ts
+++ b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.layout.test.ts
@@ -9,8 +9,8 @@ import AppDialog from '@/shared/components/AppDialog.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import { ApiResponseError } from '@/shared/api/http'
 import * as api from '../api/dispatches'
-import { command, detail, destination, loadingPreview, page, resources, sharedPalletCandidates } from '../dispatchTestFixtures'
-import type { ArrangementPreview, CargoLine, DispatchAction, DispatchActions, DispatchCargoItem, DispatchEvidenceFile, PreviewGroup, UpdateDispatch } from '../dispatchContracts'
+import { command, detail, destination, loadingPreview, resources } from '../dispatchTestFixtures'
+import type { ArrangementPreview, CargoLine, DispatchAction, DispatchActions, DispatchEvidenceFile, PreviewGroup, UpdateDispatch } from '../dispatchContracts'
 
 const identity = vi.hoisted(() => ({ id: '' }))
 const can = vi.hoisted(() => vi.fn((_code: string) => true))
@@ -24,7 +24,6 @@ afterEach(() => vi.unstubAllGlobals())
 const gate = { allowed: true, blockCode: null, blockReason: null }
 const actions: DispatchActions = { EDIT: gate, ADD_CARGO: gate, REMOVE_CARGO: gate, CANCEL: gate, SUBMIT_REVIEW: gate, DISPATCH_REVIEW: gate, LOADING_REVIEW: gate, RETURN_TO_REVIEW: gate, LOADING_COMPLETE: gate, ARRANGE_DELIVERY: gate, DEPART: gate }
 const evidence = (fileId = '301'): DispatchEvidenceFile => ({ fileId, fileName: fileId === '301' ? '旧附件.png' : '新附件.png', contentType: 'image/png', sizeBytes: 3 })
-function item(id: string, picked = 0): DispatchCargoItem { return { dispatchItemId: id, customerId: 'C1', customerName: '客户甲', sourceKey: 'source-1', sourceVersion: 'source-v1', sourceType: 'INBOUND_PLAN', planPalletId: '11', returnReceiptId: null, relabelNo: null, warehousePalletId: '21', palletNo: 'PALLET-1', orderNo: 'ORDER-1', inboundCode: 'IN-1', destination: destination(), scheduledPackages: 2, pickedPackages: picked, remove: picked ? { allowed: false, blockCode: 'PICKED', blockReason: '已经扫码，不可移除' } : gate } }
 function cargo(key: string, customerId: string): CargoLine { return { dispatchItemId: 'item-' + key, customerId, customerName: '客户' + customerId, orderId: null, orderNo: 'ORDER-' + key, sourceKey: key, sourceStage: 'RECEIVED', sourceRegion: null, sourceInboundId: null, inboundCode: 'IN-' + key, planPalletId: null, warehousePalletId: 'pallet-' + key, palletNo: 'PALLET-' + key, pickId: null, attributionId: null, inventoryPositionId: null, receiptId: null, returnReceiptId: null, returnCartonId: null, cartonMark: 'BOX-' + key, relabelNo: null, destination: destination(), packages: 2, productQuantity: 4, grossWeightKg: 10, volumeCbm: 1, batchAllocations: [], sourceOrigin: null } }
 function arrangement(): ArrangementPreview {
   const group = (key: string, customerId: string): PreviewGroup => ({ groupKey: key, customerId, customerName: '客户' + customerId, destination: destination(), groupCargoHash: 'cargo-' + key, cargo: [cargo(key, customerId)], externalFreightHash: 'external-' + key, externalQuotes: [], feeCoverageCargoHash: 'coverage-' + key, feeSources: [], requiredServices: ['DELIVERY_FEE'], blockReasons: [] })
@@ -46,15 +45,10 @@ beforeEach(() => {
   vi.mocked(api.returnDispatchToReview).mockImplementation(async (_, body) => command('RETURN_TO_REVIEW', body.idempotencyKey))
   vi.mocked(api.submitDispatchReview).mockImplementation(async (_, body) => command('SUBMIT_REVIEW', body.idempotencyKey))
   vi.mocked(api.departDispatch).mockImplementation(async (_, body) => command('DEPART', body.idempotencyKey))
-  vi.mocked(api.addDispatchCargo).mockImplementation(async (_, body) => command('ADD_CARGO', body.idempotencyKey))
-  vi.mocked(api.removeDispatchItem).mockImplementation(async (_, __, body) => command('REMOVE_CARGO', body.idempotencyKey))
   vi.mocked(api.reorderDispatchRoute).mockImplementation(async (_, body) => command('EDIT', body.idempotencyKey))
   vi.mocked(api.completeDispatchLoading).mockImplementation(async (_, body) => command('LOADING_COMPLETE', body.idempotencyKey))
   vi.mocked(api.getDispatchLoading).mockResolvedValue(loadingPreview())
   vi.mocked(api.getDispatchRoute).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: 0, edit: gate, stops: [{ index: 0, name: '起运仓', address: '起点地址', destinationKey: null }, { index: 1, name: '目的仓甲', address: '甲地址', destinationKey: 'A' }, { index: 2, name: '外接卸货点', address: '乙地址', destinationKey: 'B' }] })
-  vi.mocked(api.getDispatchItems).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: '9007199254740993', status: 'ACTIVE', stage: 'BEFORE_LOADING', items: [item('9223372036854775001'), item('picked', 1)] })
-  vi.mocked(api.listDispatches).mockResolvedValue(page())
-  vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 1, page: 1, size: 20, pages: 1, candidates: [sharedPalletCandidates()[0]!], complete: true, snapshotAt: '' })
   vi.mocked(api.getDispatchArrangement).mockResolvedValue(arrangement())
   vi.mocked(api.getDispatchEvidence).mockImplementation(async (_, __, id) => evidence(id))
   vi.mocked(api.getDispatchEvidenceContent).mockResolvedValue(new Blob(['png'], { type: 'image/png' }))
@@ -130,25 +124,16 @@ describe('dispatch workflow native layout', () => {
     dialog.vm.$emit('confirm'); await flushPromises()
     expect(api.reorderDispatchRoute).toHaveBeenCalledExactlyOnceWith('PC/1', { recordVersion: 0, idempotencyKey: expect.any(String), destinationKeys: ['B', 'A'], reason: '顺序调整' })
   })
-  it('removes the real item identity while keeping scanned cargo unavailable', async () => {
-    const { dialog } = await render('REMOVE_CARGO')
-    const radios = dialog.get('[aria-label="本车可移除货物"]').findAllComponents({ name: 'ElRadio' })
-    expect(radios[1]!.props('disabled')).toBe(true)
-    radios[0]!.vm.$emit('update:modelValue', '9223372036854775001'); await dialog.get('textarea').setValue(' 计划变更 ')
-    expect(dialog.text()).not.toContain('9223372036854775001')
+  it.each(['ADD_CARGO', 'REMOVE_CARGO'] as const)('replaces the old %s editor with the smart dispatch entry notice', async action => {
+    const { dialog } = await render(action)
+    expect(dialog.text()).toContain('货物安排统一在智能排车中修改')
+    expect(dialog.props('confirmDisabled')).toBe(true)
+    expect(dialog.findComponent({ name: 'ElForm' }).exists()).toBe(false)
     dialog.vm.$emit('confirm'); await flushPromises()
-    expect(api.removeDispatchItem).toHaveBeenCalledExactlyOnceWith('PC/1', '9223372036854775001', { recordVersion: '9007199254740993', idempotencyKey: expect.any(String), reason: '计划变更' })
-  })
-  it('adds the complete filtered shared-pallet group and keeps every source visible when expanded', async () => {
-    const [first, second] = sharedPalletCandidates()
-    const { dialog } = await render('ADD_CARGO')
-    const source = dialog.get('details')
-    await source.get('summary').trigger('click'); await flushPromises()
-    expect(source.findAll('li')).toHaveLength(2)
-    await dialog.get('input[type="checkbox"]').setValue(true); await flushPromises()
-    dialog.vm.$emit('confirm'); await flushPromises()
-    expect(api.addDispatchCargo).toHaveBeenCalledExactlyOnceWith('PC/1', { recordVersion: 0, idempotencyKey: expect.any(String), cargo: [first!.selection, second!.selection], batchAllocations: [] })
-    expect(dialog.findComponent({ name: 'ElTable' }).props('maxHeight')).toBeUndefined()
+    expect(api.addDispatchCargo).not.toHaveBeenCalled()
+    expect(api.removeDispatchItem).not.toHaveBeenCalled()
+    expect(api.getDispatchItems).not.toHaveBeenCalled()
+    expect(api.listDispatchCandidates).not.toHaveBeenCalled()
   })
   it('keeps references separate from real loading measurements and submits the exact manifest', async () => {
     const { dialog } = await render('LOADING_COMPLETE')
diff --git a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.test.ts b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.test.ts
index 44e2c0a6..91e1eb54 100644
--- a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.test.ts
+++ b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.test.ts
@@ -1,11 +1,10 @@
 import ElementPlus, { ElMessage } from 'element-plus'
-import { ApiResponseError, http } from '@/shared/api/http'
-import { parseApiJsonResponse } from '@chongchong/shared'
+import { ApiResponseError } from '@/shared/api/http'
 import { flushPromises, mount } from '@vue/test-utils'
 import { beforeEach, expect, it, vi } from 'vitest'
 import DispatchWorkflowDialog from './DispatchWorkflowDialog.vue'
 import * as api from '../api/dispatches'
-import { candidate, command, detail, destination, loadingPreview, page, sharedPalletCandidates } from '../dispatchTestFixtures'
+import { command, detail, destination, loadingPreview } from '../dispatchTestFixtures'
 import type { ArrangeGroup, CargoLine, CommandResult, DispatchAction, DispatchDetail, PreviewGroup } from '../dispatchContracts'
 import { useDispatchCommandRecovery } from '../dispatchCommandRecovery'
 const identity = vi.hoisted(() => ({ id: '' }))
@@ -14,57 +13,6 @@ vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({
 vi.mock('./DispatchResourceFields.vue', () => ({ default: { template: '<div />' } }))
 vi.mock('../api/dispatches', () => ({ getDispatch: vi.fn(), getDispatchItems: vi.fn(), getDispatchRoute: vi.fn(), reorderDispatchRoute: vi.fn(), removeDispatchItem: vi.fn(), getDispatchLoading: vi.fn(), getDispatchArrangement: vi.fn(), getDispatchCommand: vi.fn(), listDispatches: vi.fn(), listDispatchCandidates: vi.fn(), completeDispatchLoading: vi.fn(), departDispatch: vi.fn(), reviewDispatch: vi.fn(), reviewDispatchLoading: vi.fn(), returnDispatchToReview: vi.fn(), cancelDispatch: vi.fn(), updateDispatch: vi.fn(), addDispatchCargo: vi.fn(), submitDispatchReview: vi.fn(), transferDispatchToDelivery: vi.fn() }))
 interface State { submit(): Promise<void>; retryError(): Promise<void>; measurements: Array<{ weightKg: number | null; volumeCbm: number | null; deliveryIndex: number | null; palletSpaces: number | null }>; form: { reason: string; decision: string; remark: string }; detail: DispatchDetail }
-it('adds all hidden shared-pallet sources once and rejects a changed group composition before another command', async () => {
-  const [first, second] = sharedPalletCandidates()
-  vi.mocked(api.listDispatches).mockResolvedValue(page()); vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 1, page: 1, size: 20, pages: 1, candidates: [first!], complete: true, snapshotAt: '' })
-  const { wrapper, state } = await open('ADD_CARGO')
-  const selection = wrapper.vm as unknown as { selectCargo(row: NonNullable<typeof first>, checked: boolean): void }
-  selection.selectCargo(first!, true)
-  first!.selectionGroup = { ...first!.selectionGroup, groupVersion: 'composition-2' }
-  await state.submit(); expect(api.addDispatchCargo).not.toHaveBeenCalled(); expect(wrapper.text()).toContain('组成已变化')
-  first!.selectionGroup.complete = false; selection.selectCargo(first!, false)
-  await state.submit(); expect(api.addDispatchCargo).not.toHaveBeenCalled(); expect(wrapper.text()).toContain('请选择来源完整')
-  first!.selectionGroup.complete = true
-  await (wrapper.vm as unknown as { searchCargo(): Promise<void> }).searchCargo()
-  selection.selectCargo(first!, true)
-  vi.mocked(api.addDispatchCargo).mockImplementation(async (_, request) => command('ADD_CARGO', request.idempotencyKey)); vi.mocked(api.getDispatch).mockResolvedValue(detail({ recordVersion: 1 }))
-  await state.submit(); expect(api.addDispatchCargo).toHaveBeenCalledExactlyOnceWith('PC/1', expect.objectContaining({ cargo: [first!.selection, second!.selection] }))
-  wrapper.unmount()
-})
-it.each([0, '0', '9007199254740993'])('adds cargo with original batch version %s while keeping the parent dispatch version independent', async recordVersion => {
-  const value = candidate({ appointmentBatches: [{ batchKey: 'FBA_APPOINTMENT:1', batchNo: 'AP-1', customerId: 'C1', recordVersion, sources: [{ sourceKey: 'ORDER:1', destinationKey: 'FBA:ONT8', packageCount: 2 }] }] })
-  vi.mocked(api.listDispatches).mockResolvedValue(page()); vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 1, page: 1, size: 20, pages: 1, candidates: [value], complete: true, snapshotAt: '' })
-  const { wrapper, state } = await open('ADD_CARGO')
-  try {
-    (wrapper.vm as unknown as { selectCargo(row: typeof value, checked: boolean): void }).selectCargo(value, true)
-    vi.mocked(api.addDispatchCargo).mockImplementation(async (_, request) => command('ADD_CARGO', request.idempotencyKey)); vi.mocked(api.getDispatch).mockResolvedValue(detail({ recordVersion: 1 }))
-    await state.submit()
-    expect(api.addDispatchCargo).toHaveBeenCalledWith('PC/1', expect.objectContaining({ recordVersion: 0, batchAllocations: [{ planPalletId: '11', batchKey: 'FBA_APPOINTMENT:1', customerId: 'C1', sourceKey: 'ORDER:1', destinationKey: 'FBA:ONT8', packageCount: 2, recordVersion }] }))
-  } finally { wrapper.unmount() }
-})
-it('blocks cargo addition when the authoritative batch version is absent', async () => {
-  const value = candidate({ appointmentBatches: [{ batchKey: 'FBA_APPOINTMENT:1', batchNo: 'AP-1', customerId: 'C1', recordVersion: undefined as unknown as number, sources: [] }] })
-  vi.mocked(api.listDispatches).mockResolvedValue(page()); vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 1, page: 1, size: 20, pages: 1, candidates: [value], complete: true, snapshotAt: '' })
-  const { wrapper, state } = await open('ADD_CARGO')
-  try {
-    (wrapper.vm as unknown as { selectCargo(row: typeof value, checked: boolean): void }).selectCargo(value, true); await state.submit()
-    expect(api.addDispatchCargo).not.toHaveBeenCalled(); expect(wrapper.text()).toContain('预约批次版本缺失或无效，请重新读取候选')
-  } finally { wrapper.unmount() }
-})
-it('removes an unpicked authoritative item after real JSON and API normalization of pickedPackages string zero', async () => {
-  const actual = await vi.importActual<typeof import('../api/dispatches')>('../api/dispatches')
-  const source = candidate()
-  const data = { dispatchNo: 'PC/1', recordVersion: '0', status: 'ACTIVE', stage: 'BEFORE_LOADING', items: [{ ...source.selection, dispatchItemId: '9007199254740993', sourceKey: source.sourceKey, sourceVersion: source.sourceVersion, customerId: 'C1', customerName: '客户甲', palletNo: 'PALLET-1', orderNo: 'LM-1', inboundCode: 'IN-1', destination: source.destination, scheduledPackages: '2', pickedPackages: '0', remove: { allowed: true, blockCode: null, blockReason: null } }] }
-  const get = vi.spyOn(http, 'get').mockResolvedValue(parseApiJsonResponse(JSON.stringify({ code: '200', data })))
-  vi.mocked(api.getDispatchItems).mockImplementation(actual.getDispatchItems)
-  const { wrapper, state } = await open('REMOVE_CARGO')
-  try {
-    (wrapper.vm as unknown as { itemId: string }).itemId = '9007199254740993'; state.form.reason = '本车计划调整'
-    vi.mocked(api.removeDispatchItem).mockImplementation(async (_, __, request) => command('REMOVE_CARGO', request.idempotencyKey)); vi.mocked(api.getDispatch).mockResolvedValue(detail({ recordVersion: 1 }))
-    await state.submit()
-    expect(api.removeDispatchItem).toHaveBeenCalledWith('PC/1', '9007199254740993', expect.objectContaining({ recordVersion: '0', reason: '本车计划调整' })); expect(wrapper.emitted('saved')).toHaveLength(1)
-  } finally { wrapper.unmount(); get.mockRestore() }
-})
 async function open(action: DispatchAction, allowed = true) {
   vi.mocked(api.getDispatch).mockResolvedValue(detail({ actions: { [action]: { allowed, blockCode: null, blockReason: allowed ? null : '前置审核未通过' } } }))
   const wrapper = mount(DispatchWorkflowDialog, { props: { modelValue: true, dispatchNo: 'PC/1', action }, global: { plugins: [ElementPlus] } }); await flushPromises()
@@ -129,16 +77,6 @@ it('does not reuse another dispatch detail when the target changes while its dia
   resolve(detail({ dispatchNo: 'PC/2', actions: { DEPART: { allowed: false, blockCode: 'NOT_READY', blockReason: '另一车尚未就绪' } } })); await flushPromises()
   await state.submit(); expect(api.departDispatch).not.toHaveBeenCalled(); expect(wrapper.text()).toContain('另一车尚未就绪'); wrapper.unmount()
 })
-it('removes only the authoritative unpicked item using its item ID as path identity and retains that original target on recovery', async () => {
-  const source = candidate()
-  vi.mocked(api.getDispatchItems).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: 0, status: 'ACTIVE', stage: 'BEFORE_LOADING', items: [{ ...source.selection, dispatchItemId: '9007199254740993', sourceKey: source.sourceKey, sourceVersion: source.sourceVersion, customerId: 'C1', customerName: '客户甲', palletNo: 'PALLET-1', orderNo: 'LM-1', inboundCode: 'IN-1', destination: source.destination, scheduledPackages: 2, pickedPackages: 0, remove: { allowed: true, blockCode: null, blockReason: null } }] })
-  const { wrapper, state } = await open('REMOVE_CARGO'); const target = wrapper.vm as unknown as { itemId: string }; target.itemId = '9007199254740993'
-  await state.submit(); expect(api.removeDispatchItem).not.toHaveBeenCalled()
-  state.form.reason = '本车计划调整'; vi.mocked(api.removeDispatchItem).mockRejectedValueOnce(new Error('unknown')); await state.submit()
-  target.itemId = 'another-item'; state.form.reason = 'later changed'
-  vi.mocked(api.getDispatchCommand).mockImplementation(async (_, key) => command('REMOVE_CARGO', key)); vi.mocked(api.getDispatch).mockResolvedValue(detail({ recordVersion: 1 }))
-  await state.submit(); expect(api.removeDispatchItem).toHaveBeenCalledExactlyOnceWith('PC/1', '9007199254740993', expect.objectContaining({ recordVersion: 0, reason: '本车计划调整' })); expect(wrapper.emitted('saved')).toHaveLength(1); wrapper.unmount()
-})
 it('preserves external destinations and retries route EDIT through its original route endpoint instead of a resource update', async () => {
   const toast = vi.spyOn(ElMessage, 'success')
   vi.mocked(api.getDispatchRoute).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: 0, edit: { allowed: true, blockCode: null, blockReason: null }, stops: [{ index: 0, name: '起运仓', address: '实际起点', destinationKey: null }, { index: 1, name: 'ONT8', address: '实际地址A', destinationKey: 'CODE:ONT8' }, { index: 2, name: '外接卸货点', address: '实际地址B', destinationKey: 'PRIVATE:actual' }] })
@@ -150,10 +88,7 @@ it('preserves external destinations and retries route EDIT through its original
   const first = vi.mocked(api.reorderDispatchRoute).mock.calls[0]![1]
   expect(first).toMatchObject({ recordVersion: 0, destinationKeys: ['PRIVATE:actual', 'CODE:ONT8'], reason: '按本车现场顺序卸货' }); expect(api.reorderDispatchRoute).toHaveBeenNthCalledWith(2, 'PC/1', first); expect(api.updateDispatch).not.toHaveBeenCalled(); expect(toast).toHaveBeenLastCalledWith('卸货顺序调整已确认，请重新核对两级审核'); toast.mockRestore(); wrapper.unmount()
 })
-it('refuses already picked item removal and a route that drops an authoritative destination', async () => {
-  const source = candidate()
-  vi.mocked(api.getDispatchItems).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: 0, status: 'ACTIVE', stage: 'BEFORE_LOADING', items: [{ ...source.selection, dispatchItemId: 'item-picked', sourceKey: source.sourceKey, sourceVersion: source.sourceVersion, customerId: 'C1', customerName: '客户甲', palletNo: 'PALLET-1', orderNo: 'LM-1', inboundCode: 'IN-1', destination: source.destination, scheduledPackages: 2, pickedPackages: 1, remove: { allowed: false, blockCode: 'PICKED', blockReason: '本来源已经真实扫码' } }] })
-  const removed = await open('REMOVE_CARGO'); (removed.wrapper.vm as unknown as { itemId: string }).itemId = 'item-picked'; removed.state.form.reason = '调整'; await removed.state.submit(); expect(api.removeDispatchItem).not.toHaveBeenCalled(); expect(removed.wrapper.text()).toContain('已经真实扫码'); removed.wrapper.unmount()
+it('refuses a route that drops an authoritative destination', async () => {
   vi.mocked(api.getDispatchRoute).mockResolvedValue({ dispatchNo: 'PC/1', recordVersion: 0, edit: { allowed: true, blockCode: null, blockReason: null }, stops: [{ index: 0, name: '起运仓', address: null, destinationKey: null }, { index: 1, name: 'ONT8', address: null, destinationKey: 'CODE:ONT8' }, { index: 2, name: '外接点', address: null, destinationKey: 'EXTERNAL:destination' }] })
   const route = await open('EDIT'); await route.wrapper.setProps({ operation: 'ROUTE' }); await flushPromises(); (route.wrapper.vm as unknown as { stops: unknown[] }).stops.pop(); route.state.form.reason = '调整'; await route.state.submit(); expect(api.reorderDispatchRoute).not.toHaveBeenCalled(); expect(route.wrapper.text()).toContain('完整保留'); route.wrapper.unmount()
 })
@@ -236,29 +171,34 @@ it('describes a proven success with a failed GET as completed and retries only i
   wrapper.unmount()
 })
 
-it('preserves selected complete groups across pages and submits hidden sources with their original versions', async () => {
-  const [first, hidden] = sharedPalletCandidates(), second = candidate({ sourceKey: 'next-page' })
-  vi.mocked(api.listDispatches).mockResolvedValue(page())
-  vi.mocked(api.listDispatchCandidates).mockImplementation(async query => ({ candidates: query.page === 2 ? [second] : [first!], page: query.page!, size: query.size!, total: 21, pages: 2, complete: false, snapshotAt: '' }))
-  const { wrapper, state } = await open('ADD_CARGO')
+it.each(['ADD_CARGO', 'REMOVE_CARGO'] as const)('blocks a fresh %s command and directs cargo changes to smart dispatch', async action => {
+  const { wrapper, state } = await open(action)
   try {
-    const selection = wrapper.vm as unknown as { selectCargo(row: typeof second, checked: boolean): void; changeCandidatePage(value: number): void; candidatePageNumber: number; candidateKeyword: string; searchCargo(): Promise<void> }
-    selection.selectCargo(first!, true); selection.changeCandidatePage(2); await flushPromises(); selection.selectCargo(second, true); await flushPromises()
-    expect(wrapper.text()).toContain('已选择 2 个完整来源组')
-    selection.candidateKeyword = 'next'; await selection.searchCargo()
-    expect(api.listDispatchCandidates).toHaveBeenLastCalledWith(expect.objectContaining({ page: 1, orderNo: 'next' }))
-    expect(api.listDispatches).toHaveBeenCalledTimes(1)
-    vi.mocked(api.addDispatchCargo).mockImplementation(async (_, request) => command('ADD_CARGO', request.idempotencyKey)); vi.mocked(api.getDispatch).mockResolvedValue(detail({ recordVersion: 1 }))
+    expect(wrapper.text()).toContain('货物安排统一在智能排车中修改')
     await state.submit()
-    expect(api.addDispatchCargo).toHaveBeenCalledWith('PC/1', expect.objectContaining({ cargo: [first!.selection, hidden!.selection, second.selection] }))
-  } finally { wrapper.unmount() }
-})
-it('shows authoritative warehouse lookup failures when retrying a cargo search', async () => {
-  vi.mocked(api.listDispatches).mockRejectedValue(new Error('warehouse lookup unavailable'))
-  const { wrapper } = await open('ADD_CARGO')
-  try {
-    await (wrapper.vm as unknown as { searchCargo(): Promise<void> }).searchCargo()
-    expect(wrapper.text()).toContain('货物候选读取失败')
+    expect(api.addDispatchCargo).not.toHaveBeenCalled()
+    expect(api.removeDispatchItem).not.toHaveBeenCalled()
+    expect(api.getDispatchItems).not.toHaveBeenCalled()
     expect(api.listDispatchCandidates).not.toHaveBeenCalled()
+    expect(useDispatchCommandRecovery(() => identity.id).pending.value).toBeNull()
+    expect(wrapper.emitted('saved')).toBeUndefined()
+  } finally { wrapper.unmount() }
+})
+it.each(['ADD_CARGO', 'REMOVE_CARGO'] as const)('preserves the exact pending %s command for recovery in smart dispatch', async action => {
+  const recovery = useDispatchCommandRecovery(() => identity.id)
+  recovery.begin('PC/ORIGINAL', action, { recordVersion: '9007199254740993', idempotencyKey: 'original-key', reason: 'original reason', cargo: [{ sourceVersion: 'original-source' }] }, action === 'REMOVE_CARGO' ? { itemId: 'original-item' } : {})
+  recovery.pending.value!.attempted = true
+  const original = JSON.parse(JSON.stringify(recovery.pending.value))
+  const { wrapper, state } = await open('EDIT')
+  try {
+    expect(wrapper.text()).toContain('请从智能排车恢复原请求')
+    await state.submit(); await state.retryError()
+    expect(recovery.pending.value).toEqual(original)
+    expect(api.addDispatchCargo).not.toHaveBeenCalled()
+    expect(api.removeDispatchItem).not.toHaveBeenCalled()
+    expect(api.updateDispatch).not.toHaveBeenCalled()
+    expect(api.getDispatchCommand).not.toHaveBeenCalled()
+    expect(wrapper.emitted('saved')).toBeUndefined()
+    expect(wrapper.emitted('rejected')).toBeUndefined()
   } finally { wrapper.unmount() }
 })
diff --git a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.vue b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.vue
index 9e7053ae..a023246e 100644
--- a/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.vue
+++ b/src/modules/overseas-warehouse/components/DispatchWorkflowDialog.vue
@@ -7,14 +7,12 @@ import { useAuthStore } from '@/core/auth/auth'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 import AppDialog from '@/shared/components/AppDialog.vue'
-import LineClampText from '@/shared/components/LineClampText.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import * as api from '../api/dispatches'
-import { useDispatchCandidates } from '../useDispatchCandidates'
-import type { AddCargo, ArrangeDelivery, ArrangeGroup, ArrangementPreview, Candidate, CommandResult, DispatchAction, DispatchDetail, Driver, LoadingComplete, LoadingPreview, ReasonCommand, ReviewCommand, UpdateDispatch, Vehicle, VersionCommand } from '../dispatchContracts'
-import type { DispatchItems, DispatchRoute, DispatchRouteCommand, DispatchRouteStop } from '../dispatchContracts'
-import { DispatchInputError, requireVersion, requireBatchVersions, requireSelectionGroup, expandSelectionGroups, selectionGroupBlockReason } from '../dispatchContracts'
+import type { ArrangeDelivery, ArrangeGroup, ArrangementPreview, CommandResult, DispatchAction, DispatchDetail, Driver, LoadingComplete, LoadingPreview, ReasonCommand, ReviewCommand, UpdateDispatch, Vehicle, VersionCommand } from '../dispatchContracts'
+import type { DispatchRoute, DispatchRouteCommand, DispatchRouteStop } from '../dispatchContracts'
+import { DispatchInputError, requireVersion } from '../dispatchContracts'
 import { canDispatchAction, dispatchActionLabels } from '../dispatchPresentation'
 import { isDefiniteDispatchRejection, useDispatchCommandRecovery, type PendingDispatchCommand } from '../dispatchCommandRecovery'
 import DispatchResourceFields from './DispatchResourceFields.vue'
@@ -30,17 +28,12 @@ const { pending, busy } = recovery
 const currentAction = computed(() => pending.value?.action || props.action)
 const currentNo = computed(() => pending.value?.dispatchNo || props.dispatchNo)
 const currentOperation = computed(() => pending.value ? pending.value.operation : props.operation)
-const items = ref<DispatchItems | null>(null), itemId = ref(''), route = ref<DispatchRoute | null>(null), stops = ref<DispatchRouteStop[]>([])
+const route = ref<DispatchRoute | null>(null), stops = ref<DispatchRouteStop[]>([])
 const detail = ref<DispatchDetail | null>(null), working = ref(false), error = ref<ApiErrorDetails | null>(null)
 const factsStale = ref(false)
 const preview = ref<LoadingPreview | null>(null), arrangement = ref<ArrangementPreview | null>(null), groups = ref<ArrangeGroup[]>([])
 const arrangeFields = ref<InstanceType<typeof DispatchArrangeFields> | null>(null)
-const candidatePage = useDispatchCandidates(error)
-const { candidates, page: candidatePageNumber, size: candidatePageSize, total: candidateTotal } = candidatePage
-const loading = computed(() => working.value || candidatePage.loading.value)
-const selected = ref<Array<{ sourceKey: string; groupKey: string; groupVersion: string; row: Candidate }>>([]), candidateKeyword = ref('')
-const candidateWarehouseId = ref('')
-let candidateFilterKey = ''
+const loading = computed(() => working.value)
 const measurements = ref<Array<{ warehousePalletId: string; palletNo: string; palletSpaces: number | null; weightKg: number | null; volumeCbm: number | null; deliveryIndex: number | null }>>([])
 const blankVehicle = (): Vehicle => ({ mode: 'MASTER', vehicleId: null, plate: null, carrierName: null, capacity: { palletSpaces: null, maxLoadKg: null, maxVolumeCbm: null }, evidenceFileIds: [] })
 const blankDriver = (): Driver => ({ mode: 'MASTER', driverId: null, name: null, phone: null, evidence: { licenseNo: null, licenseExpiresOn: null, fileIds: [], expectedTaskEndAt: null } })
@@ -48,8 +41,10 @@ const vehicle = ref<Vehicle>(blankVehicle()), driver = ref<Driver>(blankDriver()
 const form = reactive({ plannedDepartureAt: '', estimatedArrivalAt: '', remark: '', decision: 'APPROVED' as 'APPROVED' | 'REJECTED', reason: '' })
 let generation = 0
 let editorRequestKey = ''
-const allowed = computed(() => !factsStale.value && !pending.value && canDispatchAction(detail.value?.actions, currentAction.value, access.can) && (currentOperation.value !== 'ROUTE' || route.value?.edit.allowed === true))
-const width = computed(() => ['EDIT', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY', 'ADD_CARGO', 'REMOVE_CARGO'].includes(currentAction.value) ? '1120px' : ['DISPATCH_REVIEW', 'LOADING_REVIEW'].includes(currentAction.value) ? '760px' : '560px')
+const cargoAction = computed(() => ['ADD_CARGO', 'REMOVE_CARGO'].includes(currentAction.value))
+const cargoEntryMessage = '货物安排统一在智能排车中修改；如有未确认操作，请从智能排车恢复原请求。'
+const allowed = computed(() => !cargoAction.value && !factsStale.value && !pending.value && canDispatchAction(detail.value?.actions, currentAction.value, access.can) && (currentOperation.value !== 'ROUTE' || route.value?.edit.allowed === true))
+const width = computed(() => ['EDIT', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY'].includes(currentAction.value) ? '1120px' : ['DISPATCH_REVIEW', 'LOADING_REVIEW'].includes(currentAction.value) ? '760px' : '560px')
 const frozen = computed(() => busy.value || Boolean(pending.value))
 const evidenceBusy = reactive({ VEHICLE: false, DRIVER: false })
 const uploadingEvidence = computed(() => evidenceBusy.VEHICLE || evidenceBusy.DRIVER)
@@ -57,10 +52,10 @@ const uploadingEvidence = computed(() => evidenceBusy.VEHICLE || evidenceBusy.DR
 async function load() {
   const sequence = ++generation, no = currentNo.value, action = currentAction.value
   if (editorRequestKey && pending.value?.body.idempotencyKey === editorRequestKey && detail.value?.dispatchNo === no) { working.value = false; return }
-  working.value = true; factsStale.value = false; error.value = null; detail.value = null; preview.value = null; arrangement.value = null; selected.value = []
-  items.value = null; itemId.value = ''; route.value = null; stops.value = []
-  candidatePage.reset(); candidateWarehouseId.value = ''
+  working.value = true; factsStale.value = false; error.value = null; detail.value = null; preview.value = null; arrangement.value = null
+  route.value = null; stops.value = []
   try {
+    if (cargoAction.value) return
     if (action === 'CREATE') throw new DispatchInputError('请从排车列表的原请求入口恢复新建排车')
     const value = await api.getDispatch(no)
     if (sequence !== generation) return
@@ -77,12 +72,6 @@ async function load() {
       if (data.dispatchNo !== no || !data.stops.length || data.stops[0]?.index !== 0) throw new DispatchInputError('本车真实起点及路线未完整返回')
       route.value = data; stops.value = data.stops.slice(1).map(stop => ({ ...stop }))
     }
-    if (action === 'REMOVE_CARGO') {
-      const data = await api.getDispatchItems(no)
-      if (sequence !== generation) return
-      if (data.dispatchNo !== no) throw new DispatchInputError('移货清单与原排车单不一致')
-      items.value = data
-    }
     if (action === 'LOADING_COMPLETE') {
       const data = await api.getDispatchLoading(no)
       if (sequence !== generation) return
@@ -102,48 +91,9 @@ async function load() {
       arrangement.value = data
       groups.value = data.groups.map(group => ({ groupKey: group.groupKey, groupCargoHash: group.groupCargoHash, plannedDeliveryAt: '', deliveryMethod: '', waybillNo: null, carrierName: null, pickupMethod: '', loadingType: '', vehicleType: null, vehicleSize: null, appointmentAccount: null, sellerName: null, remark: null, externalFreightHash: group.externalFreightHash, feeCoverageCargoHash: group.feeCoverageCargoHash, feeCoverage: [], fees: ['DELIVERY_FEE', 'LOADING_FEE', 'APPOINTMENT_FEE'].map(feeType => ({ feeType, feeName: ({ DELIVERY_FEE: '派送费', LOADING_FEE: '装车费', APPOINTMENT_FEE: '买约费' })[feeType] || '服务费用', direction: 'RECEIVABLE', currency: 'USD', amount: null })) }))
     }
-    if (action === 'ADD_CARGO') await loadCandidates(sequence)
   } catch (cause) { if (sequence === generation) error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '排车操作资料读取失败') }
   finally { if (sequence === generation) working.value = false }
 }
-async function loadCandidates(sequence = generation) {
-  if (!candidateWarehouseId.value) {
-    // Detail has no warehouse field: resolve the authoritative list row by this business number.
-    const no = currentNo.value
-    const result = await api.listDispatches({ page: 1, size: 1, dispatchNo: no, status: 'ACTIVE' })
-    if (sequence !== generation) return
-    const row = result.records.find(item => item.dispatchNo === no)
-    if (!row?.warehouseId) throw new DispatchInputError('当前排车起运仓未返回，请刷新核对')
-    candidateWarehouseId.value = row.warehouseId
-  }
-  if (sequence !== generation) return
-  const filterKey = JSON.stringify([candidateWarehouseId.value, candidateKeyword.value])
-  if (filterKey !== candidateFilterKey) { candidatePageNumber.value = 1; candidateFilterKey = filterKey }
-  await candidatePage.load({ warehouseId: candidateWarehouseId.value, orderNo: candidateKeyword.value || undefined, page: candidatePageNumber.value, size: candidatePageSize.value, warehouseTab: 'ALL' })
-}
-async function searchCargo() {
-  if (frozen.value) return
-  const sequence = generation
-  candidatePageNumber.value = 1
-  try { await loadCandidates(sequence) }
-  catch (cause) { if (sequence === generation) error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '货物候选读取失败') }
-}
-function changeCandidatePage(value: number) { candidatePageNumber.value = value; void loadCandidates() }
-function changeCandidateSize(value: number) { candidatePageSize.value = value; void searchCargo() }
-
-function requirePlanPallet(row: Candidate): string {
-  if (!row.selection.planPalletId) throw new DispatchInputError('批次分配缺少真实计划来源，请核对')
-  return row.selection.planPalletId
-}
-function isCargoSelected(row: Candidate): boolean { return selected.value.some(value => value.groupKey === row.selectionGroup?.groupKey) }
-function selectCargo(row: Candidate, checked: unknown) {
-  try {
-    if (checked !== true) { selected.value = selected.value.filter(value => value.groupKey !== row.selectionGroup?.groupKey && value.sourceKey !== row.sourceKey); return }
-    const group = requireSelectionGroup(row)
-    selected.value = selected.value.filter(value => value.groupKey !== group.groupKey && value.sourceKey !== row.sourceKey)
-    if (checked === true) selected.value.push({ sourceKey: row.sourceKey, groupKey: group.groupKey, groupVersion: group.groupVersion, row })
-  } catch (cause) { error.value = getApiErrorDetails(cause, cause instanceof Error ? cause.message : '完整选货组无效') }
-}
 function payload(): object {
   if (!detail.value || !allowed.value) throw new DispatchInputError(detail.value?.actions[currentAction.value]?.blockReason || '当前操作未获得服务端允许，请刷新核对')
   const common = { recordVersion: requireVersion(detail.value.recordVersion), idempotencyKey: crypto.randomUUID() }
@@ -153,23 +103,7 @@ function payload(): object {
     return { recordVersion: requireVersion(data.recordVersion), idempotencyKey: common.idempotencyKey, destinationKeys: keys as string[], reason: form.reason.trim() } satisfies DispatchRouteCommand
   }
   switch (currentAction.value) {
-    case 'REMOVE_CARGO': {
-      const row = items.value?.items.find(value => value.dispatchItemId === itemId.value)
-      if (!row || row.remove.allowed !== true || row.pickedPackages !== 0 || !form.reason.trim()) throw new DispatchInputError(row?.remove.blockReason || '请选择允许移除的未扫码货物并填写原因')
-      return { recordVersion: requireVersion(items.value!.recordVersion), idempotencyKey: common.idempotencyKey, reason: form.reason.trim() } satisfies ReasonCommand
-    }
     case 'EDIT': return { ...common, vehicle: vehicle.value, driver: driver.value, plannedDepartureAt: form.plannedDepartureAt || null, estimatedArrivalAt: form.estimatedArrivalAt || null, remark: form.remark || null } satisfies UpdateDispatch
-    case 'ADD_CARGO': {
-      const chosen = selected.value.map(value => {
-        const row = value.row
-        if (!row || row.selectionGroup?.groupKey !== value.groupKey || row.selectionGroup.groupVersion !== value.groupVersion) throw new DispatchInputError('选货组组成已变化，请重新读取并选择货物')
-        return row
-      })
-      candidatePage.assertCurrent(chosen)
-      requireBatchVersions(chosen.flatMap(row => row.appointmentBatches))
-      if (!chosen.length || chosen.some(row => row.warehouseId !== candidateWarehouseId.value || row.blockReasons.length || !row.sourceVersion || row.sourceVersion !== row.selection.sourceVersion || row.appointmentBatches.some(batch => batch.customerId !== row.customerId))) throw new DispatchInputError('请选择来源完整、预约客户一致且可排的货物')
-      return { ...common, cargo: expandSelectionGroups(chosen), batchAllocations: chosen.flatMap(row => row.appointmentBatches.flatMap(batch => batch.sources.map(source => ({ planPalletId: requirePlanPallet(row), batchKey: batch.batchKey, customerId: batch.customerId, ...source, recordVersion: batch.recordVersion })))) } satisfies AddCargo
-    }
     case 'DISPATCH_REVIEW': case 'LOADING_REVIEW':
       if (form.decision === 'REJECTED' && !form.reason.trim()) throw new DispatchInputError('驳回时必须填写原因')
       return { ...common, decision: form.decision, reason: form.reason.trim() || null } satisfies ReviewCommand
@@ -201,9 +135,7 @@ async function send(command: PendingDispatchCommand): Promise<CommandResult> {
   const no = command.dispatchNo, body = command.body
   if (command.operation === 'ROUTE') return api.reorderDispatchRoute(no, body as unknown as DispatchRouteCommand)
   switch (command.action) {
-    case 'REMOVE_CARGO': if (!command.itemId) throw new DispatchInputError('原移货请求缺少真实明细，请保留现场核对'); return api.removeDispatchItem(no, command.itemId, body as unknown as ReasonCommand)
     case 'EDIT': return api.updateDispatch(no, body as unknown as UpdateDispatch)
-    case 'ADD_CARGO': return api.addDispatchCargo(no, body as unknown as AddCargo)
     case 'DISPATCH_REVIEW': return api.reviewDispatch(no, body as unknown as ReviewCommand)
     case 'LOADING_REVIEW': return api.reviewDispatchLoading(no, body as unknown as ReviewCommand)
     case 'RETURN_TO_REVIEW': return api.returnDispatchToReview(no, body as unknown as ReasonCommand)
@@ -219,9 +151,10 @@ async function submit() {
   if (busy.value || loading.value || uploadingEvidence.value) return
   error.value = null
   try {
+    if (cargoAction.value) throw new DispatchInputError(cargoEntryMessage)
     if (pending.value?.action === 'CREATE') throw new DispatchInputError('请从排车列表的原请求入口恢复新建排车')
     if (!pending.value) {
-      recovery.begin(props.dispatchNo, props.action, payload(), { operation: currentOperation.value, ...(props.action === 'REMOVE_CARGO' ? { itemId: itemId.value } : {}) })
+      recovery.begin(props.dispatchNo, props.action, payload(), { operation: currentOperation.value })
       editorRequestKey = String(recovery.pending.value?.body.idempotencyKey || '')
     }
     const routeCommand = pending.value?.operation === 'ROUTE'
@@ -262,23 +195,21 @@ async function refreshFacts() {
 }
 async function retryError() { if (pending.value) await submit(); else if (detail.value) await refreshFacts(); else await load() }
 function moveStop(index: number, offset: number) { const target = index + offset; if (frozen.value || target < 0 || target >= stops.value.length) return; [stops.value[index], stops.value[target]] = [stops.value[target]!, stops.value[index]!] }
-watch([open, () => props.dispatchNo, () => props.action, () => props.operation], ([value]) => { if (value) void load(); else { generation++; candidatePage.reset() } }, { immediate: true })
+watch([open, () => props.dispatchNo, () => props.action, () => props.operation], ([value]) => { if (value) void load(); else { generation++ } }, { immediate: true })
 </script>
 <template>
-  <AppDialog v-model="open" class="admin-density-dialog admin-density admin-workbench is-dialog" :title="(currentOperation === 'ROUTE' ? '调整卸货顺序' : dispatchActionLabels[currentAction]) + ' · ' + (currentNo || '—')" :width="width" :fullscreenable="width !== '560px'" :loading="loading" :confirm-loading="busy || uploadingEvidence" :confirm-disabled="loading || uploadingEvidence || !pending && !allowed" :confirm-text="pending?.result ? '刷新页面资料' : pending ? '核对并重试原请求' : '确认提交'" @confirm="submit">
+  <AppDialog v-model="open" class="admin-density-dialog admin-density admin-workbench is-dialog" :title="(currentOperation === 'ROUTE' ? '调整卸货顺序' : dispatchActionLabels[currentAction]) + ' · ' + (currentNo || '—')" :width="width" :fullscreenable="width !== '560px'" :loading="loading" :confirm-loading="busy || uploadingEvidence" :confirm-disabled="cargoAction || loading || uploadingEvidence || !pending && !allowed" :confirm-text="cargoAction ? '请从智能排车修改' : pending?.result ? '刷新页面资料' : pending ? '核对并重试原请求' : '确认提交'" @confirm="submit">
     <div class="density-dialog-sections">
-      <el-alert v-if="pending" role="status" :title="pending.result ? '操作已完成，页面资料待刷新；刷新不会再次提交。' : '原操作结果尚待核对，当前使用原版本和原请求内容。'" :type="pending.result ? 'info' : 'warning'" :closable="false" show-icon />
-      <LoadErrorState v-if="error" :title="pending?.result ? '操作已完成，页面资料待刷新' : '排车操作未完成'" :message="error.message" :loading="loading || busy || uploadingEvidence" :retry-text="pending?.result ? '刷新页面资料' : pending ? '核对原请求' : '刷新当前资料'" @retry="retryError"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
+      <el-alert v-if="cargoAction" :title="cargoEntryMessage" type="warning" :closable="false" show-icon />
+      <el-alert v-if="pending && !cargoAction" role="status" :title="pending.result ? '操作已完成，页面资料待刷新；刷新不会再次提交。' : '原操作结果尚待核对，当前使用原版本和原请求内容。'" :type="pending.result ? 'info' : 'warning'" :closable="false" show-icon />
+      <LoadErrorState v-if="error && !cargoAction" :title="pending?.result ? '操作已完成，页面资料待刷新' : '排车操作未完成'" :message="error.message" :loading="loading || busy || uploadingEvidence" :retry-text="pending?.result ? '刷新页面资料' : pending ? '核对原请求' : '刷新当前资料'" @retry="retryError"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
       <el-alert v-if="detail && !allowed && !pending" :title="detail?.actions[currentAction]?.blockReason || '当前操作未获得允许，请核对权限与作业状态'" type="warning" :closable="false" show-icon />
-      <el-form v-if="detail" class="density-form density-dialog-sections" label-position="left" label-width="130px" :disabled="frozen || loading || uploadingEvidence || !allowed">
+      <el-form v-if="detail && !cargoAction" class="density-form density-dialog-sections" label-position="left" label-width="130px" :disabled="frozen || loading || uploadingEvidence || !allowed">
         <section v-if="currentOperation === 'ROUTE' && route" class="density-dialog-section" data-tone="source" aria-label="本车卸货顺序"><h3 class="density-dialog-section__title">卸货顺序</h3>
           <table class="density-table"><tbody><tr><th scope="row">起运仓</th><td>{{ route.stops[0]?.name || '—' }}</td><th scope="row">地址</th><td>{{ route.stops[0]?.address || '—' }}</td></tr></tbody></table>
           <el-alert :title="route.edit.blockReason || '仅调整本车既有卸货点，外接卸货点一并保留。调整后须重新审核。'" type="info" :closable="false" show-icon />
           <table class="density-table"><thead><tr><th>操作</th><th>顺序</th><th>卸货点</th><th>地址</th></tr></thead><tbody><tr v-for="(stop, index) in stops" :key="stop.destinationKey || stop.index"><td class="workflow-order-actions"><el-button :disabled="frozen || loading || uploadingEvidence || !allowed || index === 0" @click="moveStop(index, -1)">上移</el-button><el-button :disabled="frozen || loading || uploadingEvidence || !allowed || index === stops.length - 1" @click="moveStop(index, 1)">下移</el-button></td><td>{{ index + 1 }}</td><td>{{ stop.name }}</td><td>{{ stop.address || '—' }}</td></tr></tbody></table>
         </section>
-        <section v-else-if="currentAction === 'REMOVE_CARGO' && items" class="density-dialog-section" data-tone="source" aria-label="本车可移除货物"><h3 class="density-dialog-section__title">本车货物</h3>
-          <el-table :data="items.items" border><el-table-column label="操作" width="140" fixed="left"><template #default="{ row }"><el-radio v-model="itemId" :value="row.dispatchItemId" :disabled="frozen || loading || uploadingEvidence || !allowed || row.remove.allowed !== true || row.pickedPackages > 0">移除此项</el-radio></template></el-table-column><el-table-column prop="customerName" label="客户" min-width="140" show-overflow-tooltip /><el-table-column prop="orderNo" label="来源订单" min-width="150" show-overflow-tooltip /><el-table-column prop="inboundCode" label="入仓码" min-width="150" show-overflow-tooltip /><el-table-column prop="palletNo" label="托盘码" min-width="150" show-overflow-tooltip /><el-table-column prop="scheduledPackages" label="本次箱数" width="100" /><el-table-column prop="pickedPackages" label="真实已拣" width="100" /><el-table-column label="移货资格" min-width="180" show-overflow-tooltip><template #default="{ row }">{{ row.remove.blockReason || '可移除' }}</template></el-table-column></el-table>
-        </section>
         <template v-else-if="currentAction === 'EDIT'">
           <section class="density-dialog-section" data-tone="work" aria-label="本车资源登记"><h3 class="density-dialog-section__title">车辆与司机</h3><DispatchResourceFields continuous v-model:vehicle="vehicle" v-model:driver="driver" :disabled="frozen || loading || uploadingEvidence || !allowed" /></section>
           <section class="density-dialog-section" data-tone="work" aria-label="本车时间登记"><h3 class="density-dialog-section__title">排车时间</h3><table class="density-table density-table--editable workflow-editor-table"><tbody><tr><td><el-form-item label="计划发车时间"><el-date-picker v-model="form.plannedDepartureAt" :disabled="frozen || loading || uploadingEvidence || !allowed" type="datetime" value-format="YYYY-MM-DDTHH:mm:ssZ" placeholder="请选择计划发车时间" /></el-form-item></td><td><el-form-item label="预计到达时间"><el-date-picker v-model="form.estimatedArrivalAt" :disabled="frozen || loading || uploadingEvidence || !allowed" type="datetime" value-format="YYYY-MM-DDTHH:mm:ssZ" placeholder="请选择预计到达时间" /></el-form-item></td></tr></tbody></table></section>
@@ -290,12 +221,6 @@ watch([open, () => props.dispatchNo, () => props.action, () => props.operation],
           </section>
           <section class="density-dialog-section" data-tone="work" aria-label="审核结果登记"><h3 class="density-dialog-section__title">审核结果</h3><table class="density-table density-table--editable"><tbody><tr><td><el-form-item label="审核结果"><el-radio-group v-model="form.decision" :disabled="frozen || loading || uploadingEvidence || !allowed"><el-radio value="APPROVED">审核通过</el-radio><el-radio value="REJECTED">驳回</el-radio></el-radio-group></el-form-item></td></tr></tbody></table></section>
         </template>
-        <section v-else-if="currentAction === 'ADD_CARGO'" class="density-dialog-section" data-tone="source" aria-label="本车添加货物"><h3 class="density-dialog-section__title">选择完整货物组</h3>
-          <div class="workflow-cargo-query"><el-input v-model="candidateKeyword" :disabled="frozen || loading || uploadingEvidence || !allowed" placeholder="订单号／入仓码" /><el-button :disabled="frozen || loading || uploadingEvidence || !allowed" @click="searchCargo">查询</el-button></div>
-          <el-table :data="candidates" border><el-table-column label="选择" width="70" fixed="left"><template #default="{ row }"><el-checkbox :model-value="isCargoSelected(row as Candidate)" @change="selectCargo(row as Candidate, $event)" :disabled="frozen || loading || uploadingEvidence || !allowed || (!isCargoSelected(row as Candidate) && Boolean(selectionGroupBlockReason(row as Candidate)))" :aria-label="'选择货物 ' + (row.palletNo || row.orderNo || '待核实')" /></template></el-table-column><el-table-column prop="customerName" label="客户" min-width="140" show-overflow-tooltip /><el-table-column prop="orderNo" label="订单号" min-width="150" show-overflow-tooltip /><el-table-column label="托盘与完整来源组" min-width="240"><template #default="{ row }"><LineClampText :content="row.palletNo || '—'" /><details class="workflow-source-group"><summary>查看完整来源</summary><ul><li v-for="source in row.selectionGroup.sources" :key="source.sourceKey">{{ source.sourceBusinessNo || '—' }} · {{ source.customerName }} · {{ source.packages }}箱</li></ul></details><span>{{ selectionGroupBlockReason(row as Candidate) }}</span></template></el-table-column><el-table-column prop="availablePackages" label="可排箱数" width="100" /><el-table-column label="目的仓" min-width="150" show-overflow-tooltip><template #default="{ row }">{{ row.destination.warehouseCode || row.destination.address || '—' }}</template></el-table-column></el-table>
-          <el-pagination aria-label="加货候选分页" :current-page="candidatePageNumber" :page-size="candidatePageSize" :page-sizes="[10, 20, 50]" :total="candidateTotal" :disabled="frozen || loading || !allowed" layout="total, sizes, prev, pager, next" @update:current-page="changeCandidatePage" @update:page-size="changeCandidateSize" />
-          <p class="density-dialog-note">已选择 {{ selected.length }} 个完整来源组（含其他页）</p>
-        </section>
         <template v-else-if="currentAction === 'LOADING_COMPLETE' && preview">
           <el-alert :title="preview.loadingComplete.blockReason || 'PDA真实拣货已核平，请核对每托实际装载。'" type="info" :closable="false" show-icon />
           <section class="density-dialog-section" data-tone="work" aria-label="真实实载登记"><h3 class="density-dialog-section__title">逐托实载</h3><el-table class="density-table--editable" :data="measurements" border><el-table-column prop="palletNo" label="实物托盘码" min-width="170" show-overflow-tooltip /><el-table-column label="实际托位" min-width="140"><template #default="{ row }"><el-input-number v-model="row.palletSpaces" :disabled="frozen || loading || uploadingEvidence || !allowed" :min="1" placeholder="请确认" controls-position="right" /></template></el-table-column><el-table-column label="实测重量(kg)" min-width="170"><template #default="{ row }"><el-input-number v-model="row.weightKg" :disabled="frozen || loading || uploadingEvidence || !allowed" :min="0.001" placeholder="请核对真实实测" controls-position="right" /></template></el-table-column><el-table-column label="实测体积(m³)" min-width="170"><template #default="{ row }"><el-input-number v-model="row.volumeCbm" :disabled="frozen || loading || uploadingEvidence || !allowed" :min="0.001" placeholder="请核对真实实测" controls-position="right" /></template></el-table-column><el-table-column label="已匹配卸货顺序" min-width="170"><template #default="{ row }">{{ row.deliveryIndex ?? '尚未匹配，请调度核对' }}</template></el-table-column></el-table></section>
@@ -309,8 +234,8 @@ watch([open, () => props.dispatchNo, () => props.action, () => props.operation],
           <DispatchEvidenceFiles v-model="vehicle.evidenceFileIds" :dispatch-no="currentNo" kind="VEHICLE" :readonly="currentAction !== 'EDIT'" :disabled="frozen || loading || uploadingEvidence || !allowed" @busy="evidenceBusy.VEHICLE = $event" />
           <DispatchEvidenceFiles v-if="driver.evidence" v-model="driver.evidence.fileIds" :dispatch-no="currentNo" kind="DRIVER" :readonly="currentAction !== 'EDIT'" :disabled="frozen || loading || uploadingEvidence || !allowed" @busy="evidenceBusy.DRIVER = $event" />
         </template>
-        <section v-if="currentOperation === 'ROUTE' || ['REMOVE_CARGO', 'CANCEL', 'RETURN_TO_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW'].includes(currentAction)" class="density-dialog-section" data-tone="work" aria-label="操作原因与意见"><h3 class="density-dialog-section__title">操作说明</h3><table class="density-table density-table--editable"><tbody><tr><td><el-form-item :label="currentOperation === 'ROUTE' || form.decision === 'REJECTED' || ['REMOVE_CARGO', 'CANCEL', 'RETURN_TO_REVIEW'].includes(currentAction) ? '原因（必填）' : '审核意见（选填）'"><el-input v-model="form.reason" :disabled="frozen || loading || uploadingEvidence || !allowed" type="textarea" :rows="3" /></el-form-item></td></tr></tbody></table></section>
-        <section v-else-if="currentAction !== 'ARRANGE_DELIVERY' && currentAction !== 'ADD_CARGO'" class="density-dialog-section" data-tone="work" aria-label="本次操作备注"><h3 class="density-dialog-section__title">本次备注</h3><table class="density-table density-table--editable"><tbody><tr><td><el-form-item label="备注"><el-input v-model="form.remark" aria-label="本次操作备注" :disabled="frozen || loading || uploadingEvidence || !allowed" type="textarea" :rows="3" /></el-form-item></td></tr></tbody></table></section>
+        <section v-if="currentOperation === 'ROUTE' || ['CANCEL', 'RETURN_TO_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW'].includes(currentAction)" class="density-dialog-section" data-tone="work" aria-label="操作原因与意见"><h3 class="density-dialog-section__title">操作说明</h3><table class="density-table density-table--editable"><tbody><tr><td><el-form-item :label="currentOperation === 'ROUTE' || form.decision === 'REJECTED' || ['CANCEL', 'RETURN_TO_REVIEW'].includes(currentAction) ? '原因（必填）' : '审核意见（选填）'"><el-input v-model="form.reason" :disabled="frozen || loading || uploadingEvidence || !allowed" type="textarea" :rows="3" /></el-form-item></td></tr></tbody></table></section>
+        <section v-else-if="currentAction !== 'ARRANGE_DELIVERY'" class="density-dialog-section" data-tone="work" aria-label="本次操作备注"><h3 class="density-dialog-section__title">本次备注</h3><table class="density-table density-table--editable"><tbody><tr><td><el-form-item label="备注"><el-input v-model="form.remark" aria-label="本次操作备注" :disabled="frozen || loading || uploadingEvidence || !allowed" type="textarea" :rows="3" /></el-form-item></td></tr></tbody></table></section>
       </el-form>
     </div>
   </AppDialog>
@@ -319,8 +244,4 @@ watch([open, () => props.dispatchNo, () => props.action, () => props.operation],
 .workflow-editor-table { table-layout: fixed; }
 .workflow-editor-table td { width: 50%; }
 .workflow-order-actions { width: 160px; white-space: nowrap; }
-.workflow-cargo-query { display: flex; gap: var(--admin-space-3); margin-bottom: var(--admin-space-4); }
-.workflow-cargo-query > .el-input { max-width: 320px; }
-.workflow-source-group > summary { cursor: pointer; }
-.workflow-source-group ul { margin: var(--admin-space-2) 0 0; padding-left: 18px; }
 </style>
diff --git a/src/modules/overseas-warehouse/components/ExceptionProcessingPanel.vue b/src/modules/overseas-warehouse/components/ExceptionProcessingPanel.vue
index 5f212799..fcb3dd47 100644
--- a/src/modules/overseas-warehouse/components/ExceptionProcessingPanel.vue
+++ b/src/modules/overseas-warehouse/components/ExceptionProcessingPanel.vue
@@ -238,5 +238,5 @@ watch(() => [props.customerId, props.exceptionNo, props.active], () => { ++seque
 .exception-return-batch + .exception-return-batch { margin-top: 12px; }
 .exception-redispatch-table { width: 100%; border-collapse: collapse; font-size: 12px; }
 .exception-redispatch-table th, .exception-redispatch-table td { padding: 6px 8px; border: 1px solid var(--el-border-color-lighter); text-align: left; }
-.exception-redispatch-table th { background: var(--el-fill-color-light); }
+.exception-redispatch-table th { background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); }
 </style>
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.test.ts b/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.test.ts
new file mode 100644
index 00000000..4d8ed598
--- /dev/null
+++ b/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.test.ts
@@ -0,0 +1,189 @@
+import ElementPlus from 'element-plus'
+import { defineComponent, h } from 'vue'
+import { enableAutoUnmount, mount, type VueWrapper } from '@vue/test-utils'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import SmartDispatchCargoBoard from './SmartDispatchCargoBoard.vue'
+import { candidate, sharedPalletCandidates } from '../dispatchTestFixtures'
+import type { Candidate, DispatchDraft } from '../dispatchContracts'
+
+enableAutoUnmount(afterEach)
+const clone = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T
+function draft(): DispatchDraft {
+  return { draftToken: 'server-token', recordVersion: 2, warehouseId: '321', status: 'ACTIVE', expiresAt: '2026-12-01T00:00:00Z', sources: [], containers: [
+    { draftContainerId: 'car-1', sequenceNo: 1, capacity: 30, sourceKeys: [] },
+    { draftContainerId: 'car-2', sequenceNo: 2, capacity: 15, sourceKeys: [] },
+  ] }
+}
+function render(candidates: Candidate[] = [candidate()], extra: Record<string, unknown> = {}) {
+  return mount(SmartDispatchCargoBoard, { props: { candidates, draft: draft(), activeContainerId: 'car-1', capacity: 30, disabled: false, warehouseSelected: true, page: 1, size: 20, total: candidates.length, ...extra }, global: { plugins: [ElementPlus] } })
+}
+async function select(wrapper: VueWrapper, index = 0) { await wrapper.get('[aria-label="待排订单"]').findAll('tbody tr')[index]!.get('button').trigger('click') }
+function pallet(wrapper: VueWrapper) { return wrapper.get('[aria-label="托盘明细"] article') }
+function transfer() { return { setData: vi.fn(), getData: vi.fn(() => '{"sourceKey":"forged","containerId":"car-2"}'), effectAllowed: '', dropEffect: '' } }
+
+describe('smart dispatch three-column cargo board', () => {
+  it('shows only the chosen order pallets and a default empty car without emitting writes', async () => {
+    const first = candidate(), second = candidate({ sourceKey: 'source-2', orderNo: 'ORDER-2', palletNo: 'PALLET-2' })
+    const wrapper = render([first, second], { draft: null, activeContainerId: '' })
+    expect(wrapper.get('[aria-label="托盘明细"]').text()).toContain('请选择左侧订单')
+    expect(wrapper.findAll('[aria-label="车辆装载"] article')).toHaveLength(1)
+    expect(wrapper.get('[aria-label="第 1 辆车"]').text()).toContain('30 托位')
+    await select(wrapper, 1)
+    expect(pallet(wrapper).text()).toContain('PALLET-2')
+    expect(wrapper.get('[aria-label="托盘明细"]').text()).not.toContain('PALLET-1')
+    expect(wrapper.emitted('add')).toBeUndefined()
+    await pallet(wrapper).get('button').trigger('click')
+    expect(wrapper.emitted('add')).toEqual([[second, '']])
+  })
+
+  it('drops a current pallet into a non-active car using the drop target identity', async () => {
+    const source = candidate(), wrapper = render([source]), dataTransfer = transfer()
+    await select(wrapper)
+    await pallet(wrapper).trigger('dragstart', { dataTransfer })
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('dragover', { dataTransfer })
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toEqual([[source, 'car-2']])
+    expect(dataTransfer.getData).not.toHaveBeenCalled()
+    await wrapper.get('[aria-label="第 1 辆车"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toHaveLength(1)
+  })
+
+  it('rejects external or forged drag payloads that were never selected inside this component', async () => {
+    const wrapper = render(), dataTransfer = transfer()
+    await select(wrapper)
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('dragover', { dataTransfer })
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toBeUndefined()
+    expect(dataTransfer.getData).not.toHaveBeenCalled()
+  })
+
+  it.each(['refresh', 'page', 'size', 'disabled', 'draft'] as const)('rejects a previously started drag after %s changes', async change => {
+    const source = candidate(), wrapper = render([source]), dataTransfer = transfer()
+    await select(wrapper); await pallet(wrapper).trigger('dragstart', { dataTransfer })
+    if (change === 'refresh') await wrapper.setProps({ candidates: [clone(source)] })
+    if (change === 'page') await wrapper.setProps({ page: 2 })
+    if (change === 'size') await wrapper.setProps({ size: 10 })
+    if (change === 'disabled') await wrapper.setProps({ disabled: true })
+    if (change === 'draft') await wrapper.setProps({ draft: { ...draft(), recordVersion: 3 } })
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toBeUndefined()
+  })
+
+  it('freezes add, removal, selection and pagination while a command is pending', async () => {
+    const source = candidate(), state = draft()
+    state.sources = [source]; state.containers[0]!.sourceKeys = [source.sourceKey]
+    const wrapper = render([source], { draft: state, total: 21 })
+    await select(wrapper); await wrapper.setProps({ disabled: true })
+    expect(wrapper.findAll('button').filter(button => ['添加车辆', '移除货物', '删除车辆', '查看托盘'].includes(button.text())).every(button => button.attributes('disabled') !== undefined)).toBe(true)
+    expect(wrapper.findAll('input[type="radio"]').every(input => input.attributes('disabled') !== undefined)).toBe(true)
+    await pallet(wrapper).trigger('dragstart', { dataTransfer: transfer() })
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('drop')
+    await wrapper.get('[aria-label="候选货物分页"] button.btn-next').trigger('click')
+    expect(wrapper.emitted('add')).toBeUndefined()
+    expect(wrapper.emitted('changePage')).toBeUndefined()
+  })
+
+  it('keeps a shared pallet as one full source group even when only one member is on the current page', async () => {
+    const sources = sharedPalletCandidates(), wrapper = render([sources[0]!])
+    await select(wrapper)
+    expect(wrapper.findAll('[aria-label="托盘明细"] article')).toHaveLength(1)
+    const group = pallet(wrapper)
+    expect(group.text()).toContain('整托关联货物一起加入')
+    expect(group.findAll('details li')).toHaveLength(2)
+    expect(group.text()).toContain('客户A'); expect(group.text()).toContain('客户B')
+    expect(group.text()).toContain('8 箱')
+    await group.get('button').trigger('click')
+    expect(wrapper.emitted('add')).toEqual([[sources[0], 'car-1']])
+    expect((wrapper.emitted('add')![0]![0] as Candidate).selectionGroup.sources).toHaveLength(2)
+  })
+
+  it('shows a shared loaded pallet only once and blocks another member from being added to another car', async () => {
+    const sources = sharedPalletCandidates(), state = draft()
+    state.sources = sources; state.containers[0]!.sourceKeys = sources.map(row => row.sourceKey)
+    const wrapper = render(sources, { draft: state, activeContainerId: 'car-2' })
+    expect(wrapper.get('[aria-label="第 1 辆车"]').text()).toContain('托数 1/30')
+    expect(wrapper.get('[aria-label="第 1 辆车"]').findAll('.cargo-board-loaded-pallet')).toHaveLength(1)
+    for (const index of [0, 1]) {
+      await select(wrapper, index)
+      expect(pallet(wrapper).attributes('draggable')).toBe('false')
+      expect(pallet(wrapper).get('button').text()).toBe('已加入第 1 辆车')
+      expect(pallet(wrapper).get('button').attributes('disabled')).toBeDefined()
+    }
+    expect(wrapper.emitted('add')).toBeUndefined()
+  })
+
+  it('blocks incomplete server-owned groups and does not convert missing measurements to zero', async () => {
+    const source = candidate({ suggestedWeightKg: null, suggestedVolumeCbm: null })
+    source.selectionGroup.complete = false
+    source.selectionGroup.blockReasons = ['同托货物未全部返回']
+    const wrapper = render([source])
+    await select(wrapper)
+    expect(pallet(wrapper).attributes('draggable')).toBe('false')
+    expect(pallet(wrapper).get('button').attributes('disabled')).toBeDefined()
+    expect(pallet(wrapper).text()).toContain('同托货物未全部返回')
+    expect(wrapper.text()).not.toMatch(/0(?:\.0)?\s*(?:kg|m³)/)
+    expect(wrapper.emitted('add')).toBeUndefined()
+  })
+
+  it('keeps allocated cars visible across candidate pages and reports page events without pretending to have full orders', async () => {
+    const source = candidate(), state = draft()
+    state.sources = [source]; state.containers[0]!.sourceKeys = [source.sourceKey]
+    const wrapper = render([source], { draft: state, total: 21 })
+    await select(wrapper)
+    await wrapper.get('[aria-label="候选货物分页"] button.btn-next').trigger('click')
+    expect(wrapper.emitted('changePage')).toEqual([[2]])
+    expect(wrapper.get('[aria-label="托盘明细"]').text()).toContain('请选择左侧订单')
+    await wrapper.setProps({ page: 2, candidates: [candidate({ orderNo: 'NEXT-PAGE', palletNo: 'NEXT-PALLET' })] })
+    expect(wrapper.get('[aria-label="待排订单"]').text()).toContain('货物分页，同一订单可能分布在多页')
+    expect(wrapper.get('[aria-label="第 1 辆车"]').text()).toContain('PALLET-1')
+    expect(wrapper.findAll('[aria-label="车辆装载"] article')).toHaveLength(2)
+  })
+
+  it('restores the chosen order after a same-page loading refresh but discards its old drag reference', async () => {
+    const source = candidate(), wrapper = render([source]), dataTransfer = transfer()
+    await select(wrapper); await pallet(wrapper).trigger('dragstart', { dataTransfer })
+    await wrapper.setProps({ candidates: [] })
+    await wrapper.setProps({ candidates: [clone(source)] })
+    expect(pallet(wrapper).text()).toContain('PALLET-1')
+    await wrapper.get('[aria-label="第 2 辆车"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toBeUndefined()
+  })
+
+  it('counts distinct planned groups separately when their display pallet labels are the same', async () => {
+    const first = candidate({ selection: { ...candidate().selection, warehousePalletId: null } })
+    const second = candidate({ sourceKey: 'source-2', selection: { ...first.selection, planPalletId: '12' } })
+    const wrapper = render([first, second])
+    const order = wrapper.get('[aria-label="待排订单"] tbody tr')
+    expect(order.findAll('td')[3]!.text()).toBe('2')
+    await select(wrapper)
+    expect(wrapper.findAll('[aria-label="托盘明细"] article')).toHaveLength(2)
+  })
+
+  it('uses independent vehicle radio groups when two entrypoint dialogs are mounted', () => {
+    const props = { candidates: [candidate()], draft: draft(), activeContainerId: 'car-1', capacity: 30, disabled: false, warehouseSelected: true, page: 1, size: 20, total: 1 }
+    const host = mount(defineComponent({ setup: () => () => h('div', [h(SmartDispatchCargoBoard, props), h(SmartDispatchCargoBoard, props)]) }), { global: { plugins: [ElementPlus] } })
+    const [first, second] = host.findAllComponents(SmartDispatchCargoBoard)
+    expect(first!.get('input[type="radio"]').attributes('name')).not.toBe(second!.get('input[type="radio"]').attributes('name'))
+  })
+
+  it('accepts an existing dispatch slot as the exact drop target without draft containers', async () => {
+    const source = candidate()
+    const wrapper = mount(SmartDispatchCargoBoard, {
+      props: { candidates: [source], draft: null, activeContainerId: 'PC/1', capacity: 0, disabled: false, warehouseSelected: true, page: 1, size: 20, total: 1 },
+      slots: { vehicles: ({ dragOver, drop }: { dragOver: (event: DragEvent, id: string) => void; drop: (event: DragEvent, id: string) => void }) => h('section', { 'aria-label': '真实本车清单', onDragover: (event: DragEvent) => dragOver(event, 'PC/1'), onDrop: (event: DragEvent) => drop(event, 'PC/1') }, 'PALLET-EXISTING') },
+      global: { plugins: [ElementPlus] },
+    })
+    expect(wrapper.find('[aria-label="车辆装载"]').exists()).toBe(false)
+    expect(wrapper.text()).toContain('PALLET-EXISTING')
+    await select(wrapper)
+    const dataTransfer = transfer()
+    await pallet(wrapper).trigger('dragstart', { dataTransfer })
+    await wrapper.get('[aria-label="真实本车清单"]').trigger('dragover', { dataTransfer })
+    await wrapper.get('[aria-label="真实本车清单"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toEqual([[source, 'PC/1']])
+    await pallet(wrapper).trigger('dragstart', { dataTransfer })
+    await wrapper.setProps({ activeContainerId: 'PC/2' })
+    await wrapper.get('[aria-label="真实本车清单"]').trigger('drop', { dataTransfer })
+    expect(wrapper.emitted('add')).toHaveLength(1)
+  })
+})
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.vue b/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.vue
new file mode 100644
index 00000000..6b9f590b
--- /dev/null
+++ b/src/modules/overseas-warehouse/components/SmartDispatchCargoBoard.vue
@@ -0,0 +1,265 @@
+<script setup lang="ts">
+import { computed, ref, shallowRef, useId, useSlots, watch } from 'vue'
+import InlineHelp from '@/shared/components/InlineHelp.vue'
+import type { Candidate, DispatchDraft, DraftContainer } from '../dispatchContracts'
+import { selectionGroupBlockReason } from '../dispatchContracts'
+
+const props = defineProps<{
+  candidates: Candidate[]
+  draft: DispatchDraft | null
+  activeContainerId: string
+  capacity: number
+  disabled: boolean
+  warehouseSelected: boolean
+  page: number
+  size: number
+  total: number
+}>()
+const emit = defineEmits<{
+  add: [source: Candidate, containerId: string]
+  selectContainer: [id: string]
+  removeCargo: [source: Candidate, containerId: string]
+  removeContainer: [id: string]
+  addVehicle: []
+  changePage: [page: number]
+  changeSize: [size: number]
+}>()
+
+const selectedOrderKey = ref('')
+const slots = useSlots()
+const vehicleRadioName = `smart-dispatch-active-vehicle-${useId()}`
+const draggedSource = shallowRef<Candidate | null>(null)
+const dropTarget = ref<string | null>(null)
+
+function orderKey(source: Candidate) {
+  return JSON.stringify([source.customerId, source.selection.sourceType, source.orderNo || source.inboundCode || source.planNo || source.selection.relabelNo || source.sourceKey])
+}
+function businessNo(source: Candidate) {
+  return source.orderNo || source.inboundCode || source.planNo || source.selection.relabelNo || '—'
+}
+function sourceLabel(source: Candidate) {
+  return source.selection.sourceType === 'RELABEL' ? '换标' : source.selection.sourceType === 'RETURN_RECEIPT' ? '退回实收' : source.selection.warehousePalletId ? '已收货托盘' : '在途计划'
+}
+function destinationLabel(source: Candidate) {
+  return source.destination.warehouseCode || source.destination.warehouseName || source.destination.address || '—'
+}
+function uniqueGroups(sources: Candidate[]) {
+  const seen = new Set<string>()
+  return sources.filter(source => {
+    const key = source.selectionGroup?.groupKey || source.sourceKey
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+}
+const orders = computed(() => {
+  const grouped = new Map<string, Candidate[]>()
+  for (const source of props.candidates) {
+    const key = orderKey(source)
+    const existing = grouped.get(key)
+    if (existing) existing.push(source)
+    else grouped.set(key, [source])
+  }
+  return [...grouped].map(([key, sources]) => ({ key, source: sources[0]!, sources }))
+})
+const selectedOrder = computed(() => orders.value.find(order => order.key === selectedOrderKey.value))
+const palletGroups = computed(() => uniqueGroups(selectedOrder.value?.sources || []))
+const vehicles = computed<DraftContainer[]>(() => props.draft?.containers.length ? props.draft.containers : [{ draftContainerId: '', sequenceNo: 1, capacity: props.capacity, sourceKeys: [] }])
+function assignedVehicle(source: Candidate) {
+  const keys = new Set([source.sourceKey, ...(source.selectionGroup?.sources.map(row => row.sourceKey) || [])])
+  return props.draft?.containers.find(vehicle => vehicle.sourceKeys.some(key => keys.has(key)))
+}
+function canAdd(source: Candidate) {
+  return !props.disabled && props.warehouseSelected && props.candidates.includes(source) && !assignedVehicle(source) && !selectionGroupBlockReason(source)
+}
+function validTarget(id: string) {
+  if (slots.vehicles) return props.warehouseSelected && Boolean(id) && id === props.activeContainerId
+  return vehicles.value.some(vehicle => vehicle.draftContainerId === id)
+}
+function add(source: Candidate, id: string) {
+  if (!canAdd(source) || !validTarget(id)) return
+  emit('add', source, id)
+}
+function clearDrag() { draggedSource.value = null; dropTarget.value = null }
+function dragStart(event: DragEvent, source: Candidate) {
+  clearDrag()
+  if (!canAdd(source)) { event.preventDefault(); return }
+  draggedSource.value = source
+  if (event.dataTransfer) {
+    // Transfer only a harmless marker. The live component reference is the authority.
+    event.dataTransfer.setData('text/plain', 'dispatch-pallet')
+    event.dataTransfer.effectAllowed = 'copy'
+  }
+}
+function dragOver(event: DragEvent, id: string) {
+  if (!draggedSource.value || !canAdd(draggedSource.value) || !validTarget(id)) return
+  event.preventDefault()
+  dropTarget.value = id
+  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'
+}
+function drop(event: DragEvent, id: string) {
+  event.preventDefault()
+  const source = draggedSource.value
+  clearDrag()
+  if (source) add(source, id)
+}
+function chooseOrder(key: string) {
+  if (props.disabled) return
+  clearDrag()
+  selectedOrderKey.value = key
+}
+function changePage(page: number) {
+  if (props.disabled) return
+  selectedOrderKey.value = ''
+  clearDrag()
+  emit('changePage', page)
+}
+function changeSize(size: number) {
+  if (props.disabled) return
+  selectedOrderKey.value = ''
+  clearDrag()
+  emit('changeSize', size)
+}
+function vehicleSources(vehicle: DraftContainer) {
+  const keys = new Set(vehicle.sourceKeys)
+  return uniqueGroups((props.draft?.sources || []).filter(source => keys.has(source.sourceKey)))
+}
+function physicalPalletCount(sources: Candidate[]): number | null {
+  const keys = new Set<string>()
+  for (const source of sources) {
+    if (!source.selectionGroup?.pallets.length) return null
+    for (const pallet of source.selectionGroup.pallets) {
+      if (!pallet.warehousePalletId && (!source.selectionGroup.groupKey || !pallet.palletNo)) return null
+      const key = pallet.warehousePalletId
+        ? JSON.stringify(['physical', pallet.warehousePalletId])
+        : JSON.stringify(['planned', source.selectionGroup.groupKey, pallet.palletNo])
+      keys.add(key)
+    }
+  }
+  return keys.size
+}
+function vehiclePalletCount(vehicle: DraftContainer) {
+  if (vehicle.sourceKeys.some(key => !props.draft?.sources.some(source => source.sourceKey === key))) return null
+  return physicalPalletCount(vehicleSources(vehicle))
+}
+function groupPackages(source: Candidate) {
+  const packages = source.selectionGroup?.pallets.map(pallet => pallet.packageCount)
+  return packages?.length && packages.every(value => Number.isSafeInteger(value) && value >= 0) ? packages.reduce((sum, value) => sum + value, 0) : null
+}
+function palletLabel(source: Candidate) {
+  return source.selectionGroup?.pallets.map(pallet => pallet.palletNo || '托盘号未提供').join('、') || source.palletNo || '—'
+}
+watch(() => [props.page, props.size], () => { selectedOrderKey.value = ''; clearDrag() }, { flush: 'sync' })
+watch(() => props.candidates, () => {
+  clearDrag()
+  // A same-page reload temporarily empties candidates. Keep the selected key;
+  // selectedOrder naturally becomes undefined if the refreshed page no longer has it.
+}, { deep: true, flush: 'sync' })
+watch(() => [props.disabled, props.warehouseSelected, props.draft, props.activeContainerId], clearDrag, { deep: true, flush: 'sync' })
+</script>
+
+<template>
+  <div class="dispatch-cargo-board" aria-label="智能排车三栏选货">
+    <section class="cargo-board-panel cargo-board-orders" aria-label="待排订单">
+      <header class="cargo-board-heading"><h3>待排订单</h3><span class="cargo-board-muted">本页 {{ orders.length }} 单</span><InlineHelp title="货物分页说明"><p>货物分页，同一订单可能分布在多页。点击订单查看本页货物关联托盘；关联托数包含必须同车的完整托盘组。</p></InlineHelp></header>
+      <div class="cargo-board-table-wrap">
+        <table class="density-table cargo-board-table">
+          <thead><tr><th class="cargo-board-operation">操作</th><th>订单号 / 来源</th><th>客户</th><th>关联托数</th><th>目的仓</th></tr></thead>
+          <tbody>
+            <tr v-for="order in orders" :key="order.key" :class="{ 'is-selected': selectedOrderKey === order.key }" @click="chooseOrder(order.key)">
+              <td><el-button link :disabled="disabled" :aria-pressed="selectedOrderKey === order.key" @click.stop="chooseOrder(order.key)">查看托盘</el-button></td>
+              <td><span class="cargo-board-business-no">{{ businessNo(order.source) }}</span><small class="cargo-board-muted">{{ sourceLabel(order.source) }}{{ !order.source.orderNo ? ' · 未关联订单' : '' }}</small></td>
+              <td>{{ order.source.customerName || '—' }}</td>
+              <td>{{ physicalPalletCount(order.sources) ?? '—' }}</td>
+              <td>{{ [...new Set(order.sources.map(destinationLabel))].join('、') }}</td>
+            </tr>
+            <tr v-if="!orders.length"><td colspan="5" class="cargo-board-empty">{{ warehouseSelected ? '暂无可排货物' : '请先选择起运仓' }}</td></tr>
+          </tbody>
+        </table>
+      </div>
+      <footer class="cargo-board-pagination"><span class="cargo-board-muted">货物分页，同一订单可能分布在多页</span><el-pagination aria-label="候选货物分页" :current-page="page" :page-size="size" :page-sizes="[10, 20, 50]" :total="total" :disabled="disabled" layout="total, sizes, prev, pager, next" @update:current-page="changePage" @update:page-size="changeSize" /></footer>
+    </section>
+
+    <section class="cargo-board-panel cargo-board-pallets" aria-label="托盘明细" aria-live="polite">
+      <header class="cargo-board-heading"><h3>托盘明细</h3><span class="cargo-board-muted">本页货物关联托盘</span></header>
+      <div v-if="selectedOrder" class="cargo-board-order-caption">{{ businessNo(selectedOrder.source) }}<small v-if="!selectedOrder.source.orderNo" class="cargo-board-muted">未关联订单</small></div>
+      <p v-if="!selectedOrder" class="cargo-board-empty">请选择左侧订单查看托盘明细</p>
+      <div v-else class="cargo-board-pallet-list">
+        <article v-for="source in palletGroups" :key="source.selectionGroup.groupKey" class="cargo-board-pallet" :class="{ 'is-assigned': assignedVehicle(source), 'is-draggable': canAdd(source) }" :draggable="canAdd(source)" :aria-label="`托盘 ${palletLabel(source)}`" @dragstart="dragStart($event, source)" @dragend="clearDrag">
+          <div class="cargo-board-pallet-title"><strong>{{ palletLabel(source) }}</strong><span>{{ groupPackages(source) ?? '—' }} 箱</span></div>
+          <div class="cargo-board-muted">{{ destinationLabel(source) }}</div>
+          <details v-if="source.selectionGroup.sources.length > 1" class="cargo-board-group-details"><summary>整托关联货物一起加入</summary><ul><li v-for="item in source.selectionGroup.sources" :key="item.sourceKey">{{ item.sourceBusinessNo || '业务号未提供' }} · {{ item.customerName || '—' }} · {{ item.packages }} 箱</li></ul></details>
+          <p v-if="selectionGroupBlockReason(source)" class="cargo-board-block">{{ selectionGroupBlockReason(source) }}</p>
+          <el-button link :disabled="!canAdd(source) || !validTarget(activeContainerId)" @click="add(source, activeContainerId)">{{ assignedVehicle(source) ? `已加入第 ${assignedVehicle(source)!.sequenceNo} 辆车` : '加入这辆车' }}</el-button>
+        </article>
+        <p v-if="!palletGroups.length" class="cargo-board-empty">该订单本页暂无托盘</p>
+      </div>
+    </section>
+
+    <slot name="vehicles" :drag-over="dragOver" :drop="drop" :drop-target="dropTarget">
+    <section class="cargo-board-vehicles" aria-label="车辆装载">
+      <header class="cargo-board-heading"><h3>车辆装载</h3><InlineHelp title="车辆装载说明"><p>将中间托盘拖入任意车辆，或选中车辆后点击“加入这辆车”。已装货物需先移除才能加入其他车辆。体积、重量以装车核对为准，本区不将缺失测量按零汇总。</p></InlineHelp><el-button type="primary" :disabled="disabled || !warehouseSelected" @click="emit('addVehicle')">添加车辆</el-button></header>
+      <div class="cargo-board-vehicle-list">
+        <article v-for="vehicle in vehicles" :key="vehicle.draftContainerId" class="cargo-board-vehicle" :class="{ 'is-current': vehicle.draftContainerId === activeContainerId, 'is-drop-target': dropTarget === vehicle.draftContainerId }" :aria-label="`第 ${vehicle.sequenceNo} 辆车`" @dragover="dragOver($event, vehicle.draftContainerId)" @dragleave.self="dropTarget = null" @drop="drop($event, vehicle.draftContainerId)">
+          <header class="cargo-board-vehicle-heading"><label><input type="radio" :name="vehicleRadioName" :checked="activeContainerId === vehicle.draftContainerId" :disabled="disabled" :aria-label="`选择第 ${vehicle.sequenceNo} 辆车`" @change="emit('selectContainer', vehicle.draftContainerId)" /> 第 {{ vehicle.sequenceNo }} 辆车 · {{ vehicle.capacity }} 托位</label><span>托数 {{ vehiclePalletCount(vehicle) ?? '—' }}/{{ vehicle.capacity }}</span></header>
+          <div class="cargo-board-vehicle-body">
+            <p v-if="!vehicle.sourceKeys.length" class="cargo-board-empty">拖入托盘</p>
+            <div v-for="source in vehicleSources(vehicle)" :key="source.selectionGroup.groupKey" class="cargo-board-loaded-pallet">
+              <div><strong>{{ palletLabel(source) }}</strong><small class="cargo-board-muted">{{ businessNo(source) }} · {{ groupPackages(source) ?? '—' }} 箱</small><details v-if="source.selectionGroup.sources.length > 1" class="cargo-board-group-details"><summary>整托关联货物</summary><ul><li v-for="item in source.selectionGroup.sources" :key="item.sourceKey">{{ item.sourceBusinessNo || '业务号未提供' }} · {{ item.customerName || '—' }} · {{ item.packages }} 箱</li></ul></details></div>
+              <el-button link :disabled="disabled" @click="emit('removeCargo', source, vehicle.draftContainerId)">移除货物</el-button>
+            </div>
+            <p v-if="vehiclePalletCount(vehicle) === null" class="cargo-board-block">已选货物资料不完整，请重新读取草稿。</p>
+          </div>
+          <footer v-if="vehicle.draftContainerId" class="cargo-board-vehicle-footer"><el-button link type="danger" :disabled="disabled" @click="emit('removeContainer', vehicle.draftContainerId)">删除车辆</el-button></footer>
+        </article>
+      </div>
+    </section>
+    </slot>
+  </div>
+</template>
+
+<style scoped>
+.dispatch-cargo-board { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 22fr) minmax(0, 36fr); align-items: start; gap: var(--admin-space-6); }
+.cargo-board-panel { min-width: 0; border: 1px solid var(--admin-table-border); border-radius: var(--admin-dialog-section-radius); overflow: hidden; background: var(--admin-surface); }
+.cargo-board-heading { display: flex; align-items: center; gap: var(--admin-space-3); min-height: var(--admin-control-height); padding: var(--admin-space-3) var(--admin-space-5); flex-wrap: wrap; }
+.cargo-board-heading h3 { margin: 0; font-size: var(--admin-font-section); }
+.cargo-board-heading > .el-button { margin-left: auto; }
+.cargo-board-muted { color: var(--cc-muted); font-size: var(--admin-font-caption); }
+.cargo-board-table-wrap { overflow: auto; max-height: 48vh; }
+.cargo-board-table { width: 100%; table-layout: fixed; }
+.cargo-board-table td { overflow-wrap: anywhere; }
+.cargo-board-table th:nth-child(1) { width: 82px; }
+.cargo-board-table th:nth-child(2) { width: 32%; }
+.cargo-board-table th:nth-child(4) { width: 72px; }
+.cargo-board-table small, .cargo-board-loaded-pallet small { display: block; }
+.cargo-board-table tbody tr { cursor: pointer; }
+.cargo-board-table tr.is-selected td { background: var(--admin-action-primary-hover); }
+.cargo-board-business-no { font-weight: 600; }
+.cargo-board-pagination { display: flex; flex-direction: column; align-items: flex-start; gap: var(--admin-space-3); padding: var(--admin-space-4); overflow-x: auto; }
+.cargo-board-order-caption { padding: var(--admin-space-3) var(--admin-space-5); border-top: 1px solid var(--admin-table-border); overflow-wrap: anywhere; }
+.cargo-board-order-caption small { display: block; }
+.cargo-board-empty { padding: var(--admin-space-7); color: var(--cc-muted); text-align: center; margin: 0; }
+.cargo-board-pallet-list { max-height: 52vh; overflow-y: auto; }
+.cargo-board-pallet { padding: var(--admin-space-5); border-top: 1px solid var(--admin-table-border); }
+.cargo-board-pallet.is-draggable { cursor: grab; }
+.cargo-board-pallet.is-assigned { background: var(--admin-label-bg); }
+.cargo-board-pallet-title { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--admin-space-3); overflow-wrap: anywhere; }
+.cargo-board-pallet-title strong { min-width: 0; }
+.cargo-board-pallet-title > span { white-space: nowrap; }
+.cargo-board-group-details { margin-top: var(--admin-space-2); font-size: var(--admin-font-caption); overflow-wrap: anywhere; }
+.cargo-board-group-details summary { cursor: pointer; }
+.cargo-board-group-details ul { margin: var(--admin-space-2) 0; padding-left: var(--admin-space-6); }
+.cargo-board-block { color: var(--admin-action-danger); font-size: var(--admin-font-caption); margin: var(--admin-space-2) 0; }
+.cargo-board-vehicles { min-width: 0; }
+.cargo-board-vehicle-list { display: flex; flex-direction: column; gap: var(--admin-space-5); max-height: 58vh; overflow-y: auto; }
+.cargo-board-vehicle { border: 2px dashed var(--admin-table-border); border-radius: var(--admin-dialog-section-radius); background: var(--admin-surface); }
+.cargo-board-vehicle.is-current { border-color: var(--admin-action-primary-border); }
+.cargo-board-vehicle.is-drop-target { border-color: var(--cc-primary); background: var(--admin-action-primary-hover); }
+.cargo-board-vehicle-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--admin-space-3); flex-wrap: wrap; padding: var(--admin-space-5); background: var(--admin-dialog-source-bg); }
+.cargo-board-vehicle-heading label { display: flex; align-items: center; gap: var(--admin-space-2); cursor: pointer; }
+.cargo-board-vehicle-body { min-height: 90px; padding: var(--admin-space-3); }
+.cargo-board-loaded-pallet { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--admin-space-3); padding: var(--admin-space-3); border-bottom: 1px solid var(--admin-table-border); overflow-wrap: anywhere; }
+.cargo-board-loaded-pallet > div { min-width: 0; }
+.cargo-board-loaded-pallet > .el-button { flex: none; }
+.cargo-board-vehicle-footer { display: flex; justify-content: flex-end; padding: 0 var(--admin-space-5) var(--admin-space-3); }
+</style>
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchDialog.layout.test.ts b/src/modules/overseas-warehouse/components/SmartDispatchDialog.layout.test.ts
index a760ac44..edb46f6d 100644
--- a/src/modules/overseas-warehouse/components/SmartDispatchDialog.layout.test.ts
+++ b/src/modules/overseas-warehouse/components/SmartDispatchDialog.layout.test.ts
@@ -4,14 +4,13 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import SmartDispatchDialog from './SmartDispatchDialog.vue'
 import DispatchResourceFields from './DispatchResourceFields.vue'
 import AppDialog from '@/shared/components/AppDialog.vue'
-import LineClampText from '@/shared/components/LineClampText.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import { ApiResponseError } from '@/shared/api/http'
 import { listAllPlatformWarehouses, type PlatformWarehouseResource } from '@/modules/warehouses'
 import { listDrivers, listVehicles, type DriverDetail, type VehicleDetail } from '@/modules/overseas-master-data'
 import * as api from '../api/dispatches'
 import { candidate, command, detail, sharedPalletCandidates } from '../dispatchTestFixtures'
-import type { ConvertDraft, DispatchDraft, Vehicle } from '../dispatchContracts'
+import type { ConvertDraft, DispatchDraft } from '../dispatchContracts'
 
 const identity = vi.hoisted(() => ({ id: '' }))
 const can = vi.hoisted(() => vi.fn((_code: string) => true))
@@ -49,21 +48,10 @@ function view(dialog: VueWrapper) { return dialog.getComponent({ name: 'ElDialog
 function field(dialog: VueWrapper, label: string) { return dialog.findAllComponents({ name: 'ElFormItem' }).find(item => item.props('label') === label)! }
 async function selectWarehouse(dialog: VueWrapper) { const select = field(dialog, '起运仓').getComponent({ name: 'ElSelect' }); select.vm.$emit('update:modelValue', '321'); select.vm.$emit('change', '321'); await flushPromises() }
 async function emptyMode(dialog: VueWrapper) { field(dialog, '建单方式').getComponent({ name: 'ElRadioGroup' }).vm.$emit('update:modelValue', 'empty'); await flushPromises() }
-async function restore(dialog: VueWrapper) { dialog.findAllComponents({ name: 'ElSelect' }).find(select => select.props('placeholder') === '继续已有草稿')!.vm.$emit('change', 'server-token'); await flushPromises() }
-async function externalResources(dialog: VueWrapper, plate: string, name: string) {
-  for (const label of ['车辆来源', '司机来源']) { const select = field(dialog, label).getComponent({ name: 'ElSelect' }); select.vm.$emit('update:modelValue', 'EXTERNAL'); select.vm.$emit('change', 'EXTERNAL'); await flushPromises() }
-  await field(dialog, '车牌号').get('input').setValue(plate)
-  expect(dialog.getComponent(DispatchResourceFields).props('vehicle').plate, 'plate immediately after typing').toBe(plate)
-  await field(dialog, '拖车公司名称').get('input').setValue('本趟承运公司')
-  for (const [label, value] of [['实际托位容量', 17], ['最大载重(kg)', 15000], ['最大容积(m³)', 62]] as const) field(dialog, label).getComponent({ name: 'ElInputNumber' }).vm.$emit('update:modelValue', value)
-  await field(dialog, '司机姓名').get('input').setValue(name); await field(dialog, '联系电话').get('input').setValue('555-0102'); await field(dialog, '驾驶证号').get('input').setValue('EXTERNAL-LICENSE')
-  field(dialog, '驾驶证到期日').getComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2030-01-01')
-  field(dialog, '预计任务结束').getComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2026-11-03T18:00:00Z'); await flushPromises()
-  expect(dialog.getComponent(DispatchResourceFields).props('vehicle').plate, 'plate after completing driver fields').toBe(plate)
-}
-
+async function restore(dialog: VueWrapper) { dialog.findAllComponents({ name: 'ElSelect' }).find(select => select.props('placeholder') === '继续待完成排车')!.vm.$emit('change', 'server-token'); await flushPromises() }
+async function selectFirstOrder(dialog: VueWrapper) { await view(dialog).get('[aria-label="待排订单"] tbody tr button').trigger('click'); await flushPromises() }
 describe('new dispatch native layout', () => {
-  it('starts cargo with one explicit action, creates the first group and enables submission only after cargo is assigned', async () => {
+  it('adds cargo directly, preparing the first vehicle internally and enabling submission after assignment', async () => {
     const empty: DispatchDraft = { ...draft(), containers: [], sources: [] }
     const grouped: DispatchDraft = { ...empty, recordVersion: 1, containers: [{ draftContainerId: 'first-group', sequenceNo: 1, capacity: 30, sourceKeys: [] }] }
     const planned = candidate({ selection: { ...candidate().selection, warehousePalletId: null } })
@@ -72,36 +60,38 @@ describe('new dispatch native layout', () => {
     vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 1, page: 1, size: 20, pages: 1, candidates: [planned], complete: true, snapshotAt: '' })
     vi.mocked(api.lockDispatchDraftPallet).mockResolvedValue({ ...grouped, recordVersion: 2, sources: [planned], containers: [{ ...grouped.containers[0]!, sourceKeys: [planned.sourceKey] }] })
     const { dialog } = await render()
-    const start = () => view(dialog).findAll('button').find(button => button.text() === '开始选货')!
-    expect(start().attributes('disabled')).toBeDefined()
+    expect(view(dialog).text()).not.toContain('开始安排第一辆车')
+    expect(view(dialog).find('[aria-label="第 1 辆车"]').exists()).toBe(true)
     expect(api.createDispatchDraft).not.toHaveBeenCalled()
     await selectWarehouse(dialog)
     expect(view(dialog).text()).toContain('在途计划')
     const candidateCalls = vi.mocked(api.listDispatchCandidates).mock.calls.length
-    await start().trigger('click'); await flushPromises()
+    expect(dialog.props('confirmDisabled')).toBe(true)
+    await selectFirstOrder(dialog)
+    await view(dialog).findAll('button').find(button => button.text() === '加入这辆车')!.trigger('click'); await flushPromises()
     expect(api.createDispatchDraft).toHaveBeenCalledExactlyOnceWith({ warehouseId: '321', idempotencyKey: expect.any(String) })
     expect(api.createDispatchDraftContainer).toHaveBeenCalledExactlyOnceWith({ draftToken: 'server-token', recordVersion: 0, capacity: 30, idempotencyKey: expect.any(String) })
-    expect(api.listDispatchCandidates).toHaveBeenCalledTimes(candidateCalls)
-    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(true)
-    expect(dialog.props('confirmDisabled')).toBe(true)
-    await view(dialog).findAll('button').find(button => button.text() === '加入本组')!.trigger('click'); await flushPromises()
+    expect(api.listDispatchCandidates).toHaveBeenCalledTimes(candidateCalls + 1)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     expect(api.lockDispatchDraftPallet).toHaveBeenCalledExactlyOnceWith(expect.objectContaining({ draftContainerId: 'first-group', source: planned.selection, recordVersion: 1 }))
     expect(dialog.props('confirmDisabled')).toBe(false)
-    expect(view(dialog).text()).toContain('1 组有货')
-    expect(view(dialog).findAll('button').find(button => button.text() === '已加入第1组')!.attributes('disabled')).toBeDefined()
+    expect(view(dialog).get('[aria-label="第 1 辆车"]').text()).toContain('托数 1/30')
+    expect(view(dialog).findAll('button').find(button => button.text() === '已加入第 1 辆车')!.attributes('disabled')).toBeDefined()
   })
   it('retains the exact first-group command after an unknown result without creating a second draft', async () => {
     const empty: DispatchDraft = { ...draft(), containers: [], sources: [] }
     vi.mocked(api.createDispatchDraft).mockResolvedValue(empty)
     vi.mocked(api.createDispatchDraftContainer).mockRejectedValueOnce(new Error('network unknown')).mockResolvedValueOnce({ ...empty, recordVersion: 1, containers: [{ draftContainerId: 'first-group', sequenceNo: 1, capacity: 30, sourceKeys: [] }] })
     const { dialog } = await render(); await selectWarehouse(dialog)
-    await view(dialog).findAll('button').find(button => button.text() === '开始选货')!.trigger('click'); await flushPromises()
+    await selectFirstOrder(dialog)
+    await view(dialog).findAll('button').find(button => button.text() === '加入这辆车')!.trigger('click'); await flushPromises()
     const original = vi.mocked(api.createDispatchDraftContainer).mock.calls[0]![0]
     expect(dialog.props('confirmDisabled')).toBe(false)
     dialog.vm.$emit('confirm'); await flushPromises()
     expect(api.createDispatchDraft).toHaveBeenCalledTimes(1)
     expect(api.createDispatchDraftContainer).toHaveBeenNthCalledWith(2, original)
-    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(true)
+    expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     expect(api.convertDispatchDraft).not.toHaveBeenCalled()
   })
   it('requires an active cargo group before accepting per-group settings while keeping setup controls available', async () => {
@@ -116,59 +106,45 @@ describe('new dispatch native layout', () => {
     expect(dialog.props('confirmDisabled')).toBe(true)
     expect(field(dialog, '建单方式').getComponent({ name: 'ElRadioGroup' }).props('disabled')).toBe(false)
     await restore(dialog)
-    expect(dialog.getComponent(DispatchResourceFields).props('disabled')).toBe(false)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     expect(field(dialog, '备注').get('input').attributes('disabled')).toBeUndefined()
   })
-  it('preserves every external field and actual capacity through fullscreen in a real empty creation', async () => {
-    const { wrapper, dialog } = await render(); await emptyMode(dialog); await selectWarehouse(dialog)
-    await externalResources(dialog, 'CA-EXTERNAL', '临时司机')
-    const state = wrapper.vm as unknown as { vehicle: Vehicle }
-    expect(state.vehicle.plate, 'parent vehicle after external inputs').toBe('CA-EXTERNAL')
+  it('creates an unassigned empty dispatch while preserving optional dates and remark through fullscreen', async () => {
+    const { dialog } = await render(); await emptyMode(dialog); await selectWarehouse(dialog)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     field(dialog, '计划发车时间').getComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2026-11-02T10:00:00Z')
     field(dialog, '预计到达时间').getComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2026-11-02T18:00:00Z')
     await field(dialog, '备注').get('input').setValue('本趟备注')
-    expect(state.vehicle.plate, 'parent vehicle after dates and remark').toBe('CA-EXTERNAL')
     await view(dialog).get('button[aria-label="展开全屏"]').trigger('click'); await flushPromises()
-    expect(state.vehicle.plate, 'parent vehicle after fullscreen').toBe('CA-EXTERNAL')
-    expect(dialog.getComponent(DispatchResourceFields).props('continuous')).toBe(true)
     expect(dialog.findComponent({ name: 'ElDialog' }).props('fullscreen')).toBe(true)
     expect(view(dialog).text()).toContain('空单暂不能核平、装车或发车')
-    expect(view(dialog).find('[aria-label="排车候选货物"]').exists()).toBe(false)
+    expect(view(dialog).find('[aria-label="智能排车三栏选货"]').exists()).toBe(false)
     await view(dialog).findAll('button').find(button => button.text() === '保存空排车单')!.trigger('click'); await flushPromises()
-    expect(api.createDispatch).toHaveBeenCalledExactlyOnceWith({ idempotencyKey: expect.any(String), warehouseId: '321', cargo: [], batchAllocations: [], plannedDepartureAt: '2026-11-02T10:00:00Z', estimatedArrivalAt: '2026-11-02T18:00:00Z', remark: '本趟备注', vehicle: { mode: 'EXTERNAL', vehicleId: null, plate: 'CA-EXTERNAL', carrierName: '本趟承运公司', capacity: { palletSpaces: 17, maxLoadKg: 15000, maxVolumeCbm: 62 }, evidenceFileIds: [] }, driver: { mode: 'EXTERNAL', driverId: null, name: '临时司机', phone: '555-0102', evidence: { licenseNo: 'EXTERNAL-LICENSE', licenseExpiresOn: '2030-01-01', fileIds: [], expectedTaskEndAt: '2026-11-03T18:00:00Z' } } })
+    expect(api.createDispatch).toHaveBeenCalledExactlyOnceWith({ idempotencyKey: expect.any(String), warehouseId: '321', cargo: [], batchAllocations: [], plannedDepartureAt: '2026-11-02T10:00:00Z', estimatedArrivalAt: '2026-11-02T18:00:00Z', remark: '本趟备注', vehicle: null, driver: null })
   })
-  it('queries real master directories and keeps business labels and task-end evidence in the command', async () => {
+  it('creates with only the warehouse and never requests vehicle or driver directories', async () => {
     const { dialog } = await render(); await emptyMode(dialog); await selectWarehouse(dialog)
-    field(dialog, '预计任务结束').getComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2026-11-03T18:00:00Z'); await flushPromises()
-    const vehicleSelect = field(dialog, '车辆').getComponent({ name: 'ElSelect' })
-    vehicleSelect.vm.$emit('focus'); await flushPromises()
-    vehicleSelect.vm.$emit('update:modelValue', vehicleRecord.id); vehicleSelect.vm.$emit('change', vehicleRecord.id); await flushPromises()
-    const driverSelect = field(dialog, '司机').getComponent({ name: 'ElSelect' })
-    driverSelect.vm.$emit('focus'); await flushPromises()
-    driverSelect.vm.$emit('update:modelValue', driverRecord.id); driverSelect.vm.$emit('change', driverRecord.id); await flushPromises()
-    expect(listVehicles).toHaveBeenCalledWith({ page: 1, size: 100, keyword: '', region: 'OVERSEAS', status: 'IN_SERVICE' })
-    expect(listDrivers).toHaveBeenCalledWith({ page: 1, size: 100, keyword: '', region: 'OVERSEAS', active: true, reviewStatus: 'APPROVED', expectedEnd: '2026-11-03T18:00:00Z' })
-    expect(view(dialog).text()).not.toContain(vehicleRecord.id)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     dialog.vm.$emit('confirm'); await flushPromises()
-    expect(api.createDispatch).toHaveBeenCalledWith(expect.objectContaining({ vehicle: { mode: 'MASTER', vehicleId: vehicleRecord.id, plate: 'CA-MASTER', carrierName: null, capacity: null, evidenceFileIds: [] }, driver: { mode: 'MASTER', driverId: driverRecord.id, name: '档案司机', phone: '555-0101', evidence: { licenseNo: null, licenseExpiresOn: null, fileIds: [], expectedTaskEndAt: '2026-11-03T18:00:00Z' } } }))
+    expect(api.createDispatch).toHaveBeenCalledWith(expect.objectContaining({ vehicle: null, driver: null, plannedDepartureAt: null, estimatedArrivalAt: null, remark: null }))
+    expect(listVehicles).not.toHaveBeenCalled()
+    expect(listDrivers).not.toHaveBeenCalled()
   })
   it('keeps each group configuration independent and verifies proven conversions without creating them twice', async () => {
     vi.mocked(api.getDispatch).mockRejectedValueOnce(new Error('details not ready')).mockImplementation(async no => detail({ dispatchNo: no, recordVersion: 1 }))
     const { wrapper, dialog } = await render(); await restore(dialog)
-    await externalResources(dialog, 'CA-A', '司机甲'); await field(dialog, '备注').get('input').setValue('第一组')
-    const radios = view(dialog).get('[aria-label="排车装车组"]').findAllComponents({ name: 'ElRadio' })
-    radios[1]!.vm.$emit('update:modelValue', 'container-2'); await flushPromises()
-    await externalResources(dialog, 'CA-B', '司机乙'); await field(dialog, '备注').get('input').setValue('第二组')
-    radios[0]!.vm.$emit('update:modelValue', 'container-1'); await flushPromises()
-    expect((field(dialog, '车牌号').get('input').element as HTMLInputElement).value).toBe('CA-A')
+    await field(dialog, '备注').get('input').setValue('第一组')
+    const radios = view(dialog).get('[aria-label="车辆装载"]').findAll('input[type="radio"]')
+    await radios[1]!.setValue(true); await flushPromises()
+    await field(dialog, '备注').get('input').setValue('第二组')
+    await radios[0]!.setValue(true); await flushPromises()
     expect((field(dialog, '备注').get('input').element as HTMLInputElement).value).toBe('第一组')
     await view(dialog).get('button[aria-label="展开全屏"]').trigger('click'); await flushPromises()
     dialog.vm.$emit('confirm'); await flushPromises()
     expect(api.convertDispatchDraft).toHaveBeenCalledTimes(1)
     const request = vi.mocked(api.convertDispatchDraft).mock.calls[0]![0]
     expect(request.recordVersion).toBe(0)
-    expect(request.groups.map(group => [group.dispatch.vehicle?.plate, group.dispatch.driver?.name, group.dispatch.remark])).toEqual([['CA-A', '司机甲', '第一组'], ['CA-B', '司机乙', '第二组']])
-    expect(request.groups.map(group => group.dispatch.vehicle?.capacity?.palletSpaces)).toEqual([17, 17])
+    expect(request.groups.map(group => [group.dispatch.vehicle, group.dispatch.driver, group.dispatch.remark])).toEqual([[null, null, '第一组'], [null, null, '第二组']])
     expect(wrapper.emitted('created')).toBeUndefined()
     expect(view(dialog).text()).toContain('草稿操作结果未确认，原请求已保留')
     dialog.findComponent(LoadErrorState).vm.$emit('retry'); await flushPromises()
@@ -178,33 +154,30 @@ describe('new dispatch native layout', () => {
   it('locks the real frame and all resource edits while pending and reuses the original conversion after failure', async () => {
     let reject!: (reason: unknown) => void
     vi.mocked(api.convertDispatchDraft).mockReturnValueOnce(new Promise((_, no) => { reject = no })).mockImplementationOnce(async body => ({ draftToken: body.draftToken, replayed: true, vehicles: body.groups.map((group, index) => ({ draftContainerId: group.draftContainerId, dispatch: command('CREATE', group.dispatch.idempotencyKey, `PC/${index + 1}`) })) }))
-    const { wrapper, dialog } = await render(); await restore(dialog); await externalResources(dialog, 'CA-A', '司机甲')
+    const { wrapper, dialog } = await render(); await restore(dialog)
     dialog.vm.$emit('confirm'); dialog.vm.$emit('confirm'); await flushPromises()
     expect(api.convertDispatchDraft).toHaveBeenCalledTimes(1)
     const original = JSON.parse(JSON.stringify(vi.mocked(api.convertDispatchDraft).mock.calls[0]![0])) as ConvertDraft
     expect(dialog.findComponent({ name: 'ElDialog' }).props()).toMatchObject({ showClose: false, closeOnPressEscape: false })
-    expect(field(dialog, '车牌号').get('input').attributes('disabled')).toBeDefined()
+    expect(field(dialog, '备注').get('input').attributes('disabled')).toBeDefined()
     reject(new ApiResponseError('转换结果尚未确认', 'A0503', 503, null, 'new-dispatch-request')); await flushPromises()
     expect(view(dialog).text()).toContain('new-dispatch-request')
-    expect(dialog.getComponent(DispatchResourceFields).props('disabled')).toBe(true)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     await wrapper.setProps({ modelValue: false }); await wrapper.setProps({ modelValue: true }); await flushPromises()
     dialog.vm.$emit('confirm'); await flushPromises()
     expect(vi.mocked(api.convertDispatchDraft).mock.calls[1]![0]).toEqual(original)
   })
-  it('keeps all candidate rows and complete source details in the body with shared ellipsis components', async () => {
+  it('keeps all current-page orders and reveals complete pallet source details only after selecting an order', async () => {
     const rows = Array.from({ length: 20 }, (_, index) => candidate({ sourceKey: `SOURCE-${index}`, palletNo: `PALLET-${index}`, orderNo: `ORDER-${index}`, customerName: '很长的客户名称'.repeat(8) }))
     rows[0] = sharedPalletCandidates()[0]!
     vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 20, page: 1, size: 20, pages: 1, candidates: rows, complete: true, snapshotAt: '' })
     const { dialog } = await render(); await selectWarehouse(dialog)
-    const table = view(dialog).get('[aria-label="排车候选货物"]')
-    expect(table.findAll('.el-table__body-wrapper .el-table__row')).toHaveLength(20)
-    expect(table.text()).toContain('PALLET-19')
-    expect(dialog.findComponent({ name: 'ElTable' }).props('height')).toBeUndefined()
-    expect(dialog.findComponent({ name: 'ElTable' }).props('maxHeight')).toBeUndefined()
-    expect(dialog.findAllComponents(LineClampText).length).toBeGreaterThanOrEqual(40)
-    const sourceGroup = table.findAll('details')[0]!
-    await sourceGroup.get('summary').trigger('click'); await flushPromises()
-    expect(sourceGroup.element.hasAttribute('open')).toBe(true)
+    const table = view(dialog).get('[aria-label="待排订单"]')
+    expect(table.findAll('tbody tr')).toHaveLength(20)
+    expect(table.text()).toContain('ORDER-19')
+    expect(view(dialog).get('[aria-label="托盘明细"]').text()).toContain('请选择左侧订单')
+    await selectFirstOrder(dialog)
+    const sourceGroup = view(dialog).get('[aria-label="托盘明细"] details')
     expect(sourceGroup.findAll('li')).toHaveLength(2)
     expect(sourceGroup.text()).toContain('客户A')
     expect(sourceGroup.text()).toContain('客户B')
@@ -234,7 +207,8 @@ describe('new dispatch native layout', () => {
   it('requires the explicit recheck action after a definite rejection without automatically resubmitting', async () => {
     vi.mocked(api.createDispatchDraft).mockRejectedValue(new ApiResponseError('草稿条件已变化', 'A0409', 409, null, 'draft-rejected-request'))
     const { dialog } = await render(); await selectWarehouse(dialog)
-    await view(dialog).findAll('button').find(button => button.text() === '开始选货')!.trigger('click'); await flushPromises()
+    await selectFirstOrder(dialog)
+    await view(dialog).findAll('button').find(button => button.text() === '加入这辆车')!.trigger('click'); await flushPromises()
     expect(view(dialog).text()).toContain('draft-rejected-request')
     expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
     await view(dialog).findAll('button').find(button => button.text() === '按明确驳回结果重新核对')!.trigger('click'); await flushPromises()
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchDialog.planning.test.ts b/src/modules/overseas-warehouse/components/SmartDispatchDialog.planning.test.ts
new file mode 100644
index 00000000..96b13759
--- /dev/null
+++ b/src/modules/overseas-warehouse/components/SmartDispatchDialog.planning.test.ts
@@ -0,0 +1,247 @@
+import ElementPlus from 'element-plus'
+import { enableAutoUnmount, flushPromises, mount, type VueWrapper } from '@vue/test-utils'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import AppDialog from '@/shared/components/AppDialog.vue'
+import { ApiResponseError } from '@/shared/api/http'
+import { listAllPlatformWarehouses, type PlatformWarehouseResource } from '@/modules/warehouses'
+import SmartDispatchDialog from './SmartDispatchDialog.vue'
+import DispatchResourceFields from './DispatchResourceFields.vue'
+import * as api from '../api/dispatches'
+import { candidate, command, detail, sharedPalletCandidates } from '../dispatchTestFixtures'
+import type { Candidate, DispatchDraft } from '../dispatchContracts'
+
+const identity = vi.hoisted(() => ({ id: '' }))
+const push = vi.hoisted(() => vi.fn())
+vi.mock('@/core/auth/auth', () => ({ useAuthStore: () => ({ user: identity }) }))
+vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: () => true }) }))
+vi.mock('vue-router', () => ({ useRouter: () => ({ push }) }))
+vi.mock('@/modules/warehouses', () => ({ listAllPlatformWarehouses: vi.fn() }))
+vi.mock('@/modules/overseas-master-data', () => ({ listVehicles: vi.fn(), listDrivers: vi.fn(), overseasMasterDataPermissions: { vehicleList: 'vehicle:list', driverList: 'driver:list' } }))
+vi.mock('../api/dispatches', () => ({ listDispatchDrafts: vi.fn(), listDispatchCandidates: vi.fn(), createDispatchDraft: vi.fn(), createDispatchDraftContainer: vi.fn(), lockDispatchDraftPallet: vi.fn(), unlockDispatchDraftPallet: vi.fn(), deleteDispatchDraftContainer: vi.fn(), releaseDispatchDraft: vi.fn(), convertDispatchDraft: vi.fn(), createDispatch: vi.fn(), getDispatch: vi.fn(), getDispatchCommand: vi.fn() }))
+
+enableAutoUnmount(afterEach)
+afterEach(() => vi.unstubAllGlobals())
+const clone = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T
+const warehouse: PlatformWarehouseResource = { id: '321', tenantId: '0', warehouseCode: 'LAX', internalCode: null, warehouseName: '洛杉矶仓', warehouseType: 'OVERSEAS', countryCode: 'US', timezone: 'America/Los_Angeles', contactName: null, contactPhone: null, contactEmail: null, status: 'ACTIVE', remark: null }
+type Step = 'CREATE' | 'CONTAINER' | 'LOCK'
+let catalog: Candidate[], server: DispatchDraft | null, lostReply: Step | null, reverseContainers: boolean
+let receipts: Map<string, DispatchDraft>, calls: Step[]
+function source(index: number): Candidate {
+  return candidate({ sourceKey: `source-${index}`, customerId: `C${index}`, customerName: `客户${index}`, orderNo: `ORDER-${index}`, inboundCode: `IN-${index}`, palletNo: `PALLET-${index}`,
+    selection: { sourceType: 'INBOUND_PLAN', planPalletId: String(10 + index), returnReceiptId: null, relabelNo: null, warehousePalletId: String(20 + index), sourceVersion: `source-version-${index}` }, sourceVersion: `source-version-${index}` })
+}
+function emptyDraft(): DispatchDraft { return { draftToken: 'server-token', recordVersion: 0, warehouseId: '321', status: 'ACTIVE', expiresAt: '2026-12-01T00:00:00Z', containers: [], sources: [] } }
+function response(step: Step, key: string, mutate: () => void): DispatchDraft {
+  calls.push(step)
+  const identityKey = `${step}:${key}`
+  if (!receipts.has(identityKey)) { mutate(); receipts.set(identityKey, clone(server!)) }
+  if (lostReply === step) { lostReply = null; throw new Error(`${step} committed but response was lost`) }
+  return clone(receipts.get(identityKey)!)
+}
+beforeEach(() => {
+  vi.resetAllMocks(); sessionStorage.clear(); identity.id = crypto.randomUUID()
+  vi.stubGlobal('ResizeObserver', class { observe() {} unobserve() {} disconnect() {} })
+  catalog = [source(1), source(2), source(3)]; server = null; lostReply = null; reverseContainers = false; receipts = new Map(); calls = []
+  vi.mocked(listAllPlatformWarehouses).mockResolvedValue([warehouse])
+  vi.mocked(api.listDispatchDrafts).mockImplementation(async () => server ? [clone(server)] : [])
+  vi.mocked(api.listDispatchCandidates).mockImplementation(async query => {
+    const page = query.page ?? 1, size = query.size ?? 20
+    return { candidates: clone(catalog.slice((page - 1) * size, page * size)), total: catalog.length, page, size, pages: Math.ceil(catalog.length / size), complete: true, snapshotAt: '2026-10-21T00:00:00Z' }
+  })
+  vi.mocked(api.createDispatchDraft).mockImplementation(async body => response('CREATE', body.idempotencyKey, () => { server = emptyDraft() }))
+  vi.mocked(api.createDispatchDraftContainer).mockImplementation(async body => response('CONTAINER', body.idempotencyKey, () => {
+    expect(body.draftToken).toBe(server!.draftToken); expect(body.recordVersion).toBe(server!.recordVersion)
+    const next = Math.max(0, ...server!.containers.map(row => row.sequenceNo)) + 1
+    server!.containers.push({ draftContainerId: `container-${next}`, sequenceNo: next, capacity: body.capacity, sourceKeys: [] })
+    server!.recordVersion = Number(server!.recordVersion) + 1
+    if (reverseContainers) server!.containers.reverse()
+  }))
+  vi.mocked(api.lockDispatchDraftPallet).mockImplementation(async body => response('LOCK', body.idempotencyKey, () => {
+    expect(body.draftToken).toBe(server!.draftToken); expect(body.recordVersion).toBe(server!.recordVersion)
+    const selected = catalog.find(row => JSON.stringify(row.selection) === JSON.stringify(body.source))!
+    expect(selected, 'LOCK must use a currently returned exact source selection').toBeDefined()
+    const target = server!.containers.find(row => row.draftContainerId === body.draftContainerId)!
+    expect(target, 'LOCK must retain its explicit container identity').toBeDefined()
+    for (const member of selected.selectionGroup.sources) {
+      if (!target.sourceKeys.includes(member.sourceKey)) target.sourceKeys.push(member.sourceKey)
+      if (!server!.sources.some(row => row.sourceKey === member.sourceKey)) {
+        server!.sources.push(clone(catalog.find(row => row.sourceKey === member.sourceKey) || { ...selected, sourceKey: member.sourceKey, customerId: member.customerId, customerName: member.customerName, selection: member.selection, sourceVersion: member.selection.sourceVersion }))
+      }
+    }
+    server!.recordVersion = Number(server!.recordVersion) + 1
+  }))
+  vi.mocked(api.convertDispatchDraft).mockImplementation(async body => ({ draftToken: body.draftToken, replayed: false, vehicles: body.groups.map((group, index) => ({ draftContainerId: group.draftContainerId, dispatch: command('CREATE', group.dispatch.idempotencyKey, `PC-${index + 1}`) })) }))
+  vi.mocked(api.getDispatch).mockImplementation(async no => detail({ dispatchNo: no, recordVersion: 1 }))
+})
+async function render() {
+  const wrapper = mount(SmartDispatchDialog, { attachTo: document.body, props: { modelValue: true, orders: [] }, global: { plugins: [ElementPlus] } })
+  await flushPromises()
+  return wrapper.getComponent(AppDialog)
+}
+function view(dialog: VueWrapper) { return dialog.getComponent({ name: 'ElDialogContent' }) }
+function field(dialog: VueWrapper, label: string) { return dialog.findAllComponents({ name: 'ElFormItem' }).find(row => row.props('label') === label)! }
+function button(dialog: VueWrapper, label: string) { return view(dialog).findAll('button').find(row => row.text() === label)! }
+function car(dialog: VueWrapper, index: number) { return view(dialog).get(`article[aria-label="第 ${index} 辆车"]`) }
+function cargoRow(dialog: VueWrapper, palletNo: string) { return view(dialog).get(`[aria-label="托盘 ${palletNo}"]`) }
+async function selectOrder(dialog: VueWrapper, palletNo: string) {
+  const source = catalog.find(row => row.palletNo === palletNo)!
+  const row = view(dialog).get('[aria-label="待排订单"]').findAll('tbody tr').find(row => row.text().includes(source.orderNo!))!
+  await row.get('button').trigger('click'); await flushPromises()
+}
+async function warehouseSelected(dialog: VueWrapper) {
+  const picker = field(dialog, '起运仓').getComponent({ name: 'ElSelect' })
+  picker.vm.$emit('update:modelValue', '321'); picker.vm.$emit('change', '321'); await flushPromises()
+}
+async function join(dialog: VueWrapper, palletNo: string) { await selectOrder(dialog, palletNo); await cargoRow(dialog, palletNo).findAll('button').find(row => row.text() === '加入这辆车')!.trigger('click'); await flushPromises() }
+async function chooseCar(dialog: VueWrapper, index: number) { await car(dialog, index).get('input[type="radio"]').setValue(true); await flushPromises() }
+describe('three-column cargo planning through visible controls', () => {
+  it('opens and selects a warehouse as reads only with one empty 30-space placeholder and no start prerequisite', async () => {
+    const dialog = await render()
+    expect(car(dialog, 1).text()).toContain('30 托位')
+    expect(view(dialog).findAll('article[aria-label^="第 "]')).toHaveLength(1)
+    expect(view(dialog).text()).not.toContain('开始安排第一辆车')
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
+    expect(calls).toEqual([])
+    await warehouseSelected(dialog)
+    expect(view(dialog).get('[aria-label="待排订单"]').text()).toContain('ORDER-1')
+    expect(view(dialog).get('[aria-label="托盘明细"]').text()).toContain('请选择左侧订单')
+    expect(calls).toEqual([])
+    expect(api.createDispatch).not.toHaveBeenCalled()
+    expect(dialog.props('confirmDisabled')).toBe(true)
+  })
+  it('first adds cargo through CREATE then CONTAINER then exactly one LOCK', async () => {
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    expect(calls).toEqual(['CREATE', 'CONTAINER', 'LOCK'])
+    expect(api.createDispatchDraftContainer).toHaveBeenCalledExactlyOnceWith({ draftToken: 'server-token', recordVersion: 0, idempotencyKey: expect.any(String), capacity: 30 })
+    expect(api.lockDispatchDraftPallet).toHaveBeenCalledExactlyOnceWith({ draftToken: 'server-token', recordVersion: 1, idempotencyKey: expect.any(String), draftContainerId: 'container-1', source: catalog[0]!.selection })
+    expect(car(dialog, 1).text()).toContain('PALLET-1')
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
+    expect(dialog.props('confirmDisabled')).toBe(false)
+  })
+  it('adding a vehicle before any cargo materializes the first and second empty cars without locking stock', async () => {
+    const dialog = await render(); await warehouseSelected(dialog)
+    await button(dialog, '添加车辆').trigger('click'); await flushPromises()
+    expect(calls).toEqual(['CREATE', 'CONTAINER', 'CONTAINER'])
+    expect(view(dialog).findAll('article[aria-label^="第 "]')).toHaveLength(2)
+    expect(car(dialog, 2).get('input[type="radio"]').element).toHaveProperty('checked', true)
+    expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    expect(dialog.props('confirmDisabled')).toBe(true)
+  })
+  it('retains the first car cargo, isolates per-car fields and adds later cargo to the car selected again', async () => {
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    await field(dialog, '备注').get('input').setValue('第一车独立备注')
+    await button(dialog, '添加车辆').trigger('click'); await flushPromises()
+    expect(car(dialog, 1).text()).toContain('PALLET-1')
+    expect(car(dialog, 2).get('input[type="radio"]').element).toHaveProperty('checked', true)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
+    await field(dialog, '备注').get('input').setValue('第二车独立备注'); await join(dialog, 'PALLET-2')
+    expect(vi.mocked(api.lockDispatchDraftPallet).mock.calls[1]![0].draftContainerId).toBe('container-2')
+    await chooseCar(dialog, 1)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
+    expect((field(dialog, '备注').get('input').element as HTMLInputElement).value).toBe('第一车独立备注')
+    await join(dialog, 'PALLET-3')
+    expect(vi.mocked(api.lockDispatchDraftPallet).mock.calls[2]![0].draftContainerId).toBe('container-1')
+    expect(car(dialog, 1).text()).toContain('PALLET-3'); expect(car(dialog, 2).text()).toContain('PALLET-2')
+    await chooseCar(dialog, 2)
+    expect(dialog.findComponent(DispatchResourceFields).exists()).toBe(false)
+    expect((field(dialog, '备注').get('input').element as HTMLInputElement).value).toBe('第二车独立备注')
+  })
+  it('selects the newly added ID even when its response lists the new container first and old container last', async () => {
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    reverseContainers = true
+    await button(dialog, '添加车辆').trigger('click'); await flushPromises()
+    expect(server!.containers.map(row => row.draftContainerId)).toEqual(['container-2', 'container-1'])
+    expect(car(dialog, 2).get('input[type="radio"]').element).toHaveProperty('checked', true)
+    await join(dialog, 'PALLET-2')
+    expect(vi.mocked(api.lockDispatchDraftPallet).mock.calls.at(-1)![0].draftContainerId).toBe('container-2')
+    expect(car(dialog, 1).text()).toContain('PALLET-1'); expect(car(dialog, 1).text()).not.toContain('PALLET-2')
+  })
+  it('locks a dragged pallet to a non-active car and keeps the other car allocation unchanged', async () => {
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    await button(dialog, '添加车辆').trigger('click'); await flushPromises()
+    expect(car(dialog, 2).get('input[type="radio"]').element).toHaveProperty('checked', true)
+    await selectOrder(dialog, 'PALLET-2')
+    const dataTransfer = { setData: vi.fn(), effectAllowed: '', dropEffect: '' }
+    await cargoRow(dialog, 'PALLET-2').trigger('dragstart', { dataTransfer })
+    await car(dialog, 1).trigger('dragover', { dataTransfer })
+    await car(dialog, 1).trigger('drop', { dataTransfer }); await flushPromises()
+    expect(api.lockDispatchDraftPallet).toHaveBeenCalledTimes(2)
+    expect(vi.mocked(api.lockDispatchDraftPallet).mock.calls.at(-1)![0]).toMatchObject({ draftContainerId: 'container-1', source: catalog[1]!.selection })
+    expect(server!.containers[0]!.sourceKeys).toEqual(['source-1', 'source-2'])
+    expect(server!.containers[1]!.sourceKeys).toEqual([])
+  })
+  it.each(['CREATE', 'CONTAINER'] as const)('does not continue to LOCK after a definite %s rejection', async step => {
+    const rejected = new ApiResponseError(`${step}条件不允许`, 'A0409', 409, undefined, `request-${step}`)
+    if (step === 'CREATE') vi.mocked(api.createDispatchDraft).mockRejectedValueOnce(rejected)
+    else vi.mocked(api.createDispatchDraftContainer).mockRejectedValueOnce(rejected)
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    expect(api.createDispatchDraft).toHaveBeenCalledTimes(1)
+    expect(api.createDispatchDraftContainer).toHaveBeenCalledTimes(step === 'CREATE' ? 0 : 1)
+    expect(view(dialog).text()).toContain(`request-${step}`)
+    expect(view(dialog).text()).toContain('按明确驳回结果重新核对')
+  })
+  it.each(['CREATE', 'CONTAINER'] as const)('stops after an unknown %s and retries its exact command without auto-locking or recreating', async step => {
+    lostReply = step
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    const before = step === 'CREATE' ? clone(vi.mocked(api.createDispatchDraft).mock.calls[0]![0]) : clone(vi.mocked(api.createDispatchDraftContainer).mock.calls[0]![0])
+    await button(dialog, '重试原请求').trigger('click'); await flushPromises()
+    if (step === 'CREATE') {
+      expect(api.createDispatchDraft).toHaveBeenNthCalledWith(2, before)
+      expect(api.createDispatchDraftContainer).not.toHaveBeenCalled()
+    } else {
+      expect(api.createDispatchDraftContainer).toHaveBeenNthCalledWith(2, before)
+      expect(api.createDispatchDraft).toHaveBeenCalledTimes(1)
+    }
+    expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    await join(dialog, 'PALLET-1')
+    expect(api.createDispatchDraft).toHaveBeenCalledTimes(step === 'CREATE' ? 2 : 1)
+    expect(api.createDispatchDraftContainer).toHaveBeenCalledTimes(step === 'CONTAINER' ? 2 : 1)
+    expect(api.lockDispatchDraftPallet).toHaveBeenCalledTimes(1)
+  })
+  it('keeps the preparation chain frozen while CREATE is in flight', async () => {
+    let resolve!: (value: DispatchDraft) => void
+    vi.mocked(api.createDispatchDraft).mockImplementationOnce(() => new Promise(done => { resolve = done }))
+    const dialog = await render(); await warehouseSelected(dialog)
+    await selectOrder(dialog, 'PALLET-1')
+    await cargoRow(dialog, 'PALLET-1').findAll('button').find(row => row.text() === '加入这辆车')!.trigger('click')
+    expect(button(dialog, '添加车辆').attributes('disabled')).toBeDefined()
+    expect(cargoRow(dialog, 'PALLET-1').findAll('button').find(row => row.text() === '加入这辆车')!.attributes('disabled')).toBeDefined()
+    expect(view(dialog).get('[aria-label="待排订单"]').findAll('tbody tr button').every(row => row.attributes('disabled') !== undefined)).toBe(true)
+    expect(api.createDispatchDraft).toHaveBeenCalledTimes(1)
+    expect(api.createDispatchDraftContainer).not.toHaveBeenCalled(); expect(api.lockDispatchDraftPallet).not.toHaveBeenCalled()
+    server = emptyDraft(); resolve(clone(server)); await flushPromises()
+    expect(api.createDispatchDraftContainer).toHaveBeenCalledTimes(1); expect(api.lockDispatchDraftPallet).toHaveBeenCalledTimes(1)
+  })
+  it('restores both existing cars without an extra placeholder and retains their allocations across real paging', async () => {
+    catalog = Array.from({ length: 21 }, (_, index) => source(index + 1))
+    server = { ...emptyDraft(), recordVersion: 4, sources: clone(catalog.slice(0, 2)), containers: [1, 2].map(index => ({ draftContainerId: `container-${index}`, sequenceNo: index, capacity: index === 1 ? 30 : 15, sourceKeys: [`source-${index}`] })) }
+    const dialog = await render()
+    dialog.findAllComponents({ name: 'ElSelect' }).find(row => row.props('placeholder') === '继续待完成排车')!.vm.$emit('change', 'server-token'); await flushPromises()
+    expect(view(dialog).findAll('article[aria-label^="第 "]')).toHaveLength(2)
+    expect(car(dialog, 1).text()).toContain('PALLET-1'); expect(car(dialog, 2).text()).toContain('PALLET-2')
+    expect(calls).toEqual([])
+    await view(dialog).get('[aria-label="候选货物分页"] button.btn-next').trigger('click'); await flushPromises()
+    expect(api.listDispatchCandidates).toHaveBeenLastCalledWith(expect.objectContaining({ page: 2, draftToken: 'server-token' }))
+    expect(view(dialog).get('[aria-label="待排订单"]').text()).toContain('ORDER-21')
+    expect(view(dialog).get('[aria-label="托盘明细"]').text()).toContain('请选择左侧订单')
+    expect(car(dialog, 1).text()).toContain('PALLET-1'); expect(car(dialog, 2).text()).toContain('PALLET-2')
+    expect(calls).toEqual([])
+  })
+  it('locks a shared physical group once and converts all authoritative members without duplicate writes', async () => {
+    catalog = sharedPalletCandidates()
+    const dialog = await render(); await warehouseSelected(dialog); await join(dialog, 'PALLET-1')
+    expect(api.lockDispatchDraftPallet).toHaveBeenCalledTimes(1)
+    expect(server!.containers[0]!.sourceKeys).toEqual(catalog.map(row => row.sourceKey))
+    for (const source of catalog) {
+      await view(dialog).get('[aria-label="待排订单"]').findAll('tbody tr').find(row => row.text().includes(source.orderNo!) && row.text().includes(source.customerName!))!.get('button').trigger('click')
+      expect(cargoRow(dialog, 'PALLET-1').get('button').text()).toBe('已加入第 1 辆车')
+      expect(cargoRow(dialog, 'PALLET-1').get('button').attributes('disabled')).toBeDefined()
+    }
+    await button(dialog, '生成排车单').trigger('click'); await flushPromises()
+    expect(api.convertDispatchDraft).toHaveBeenCalledTimes(1)
+    expect(vi.mocked(api.convertDispatchDraft).mock.calls[0]![0].groups[0]!.dispatch.cargo).toEqual(catalog.map(row => row.selection))
+    expect(api.lockDispatchDraftPallet).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchDialog.test.ts b/src/modules/overseas-warehouse/components/SmartDispatchDialog.test.ts
index 25574a98..06eedca8 100644
--- a/src/modules/overseas-warehouse/components/SmartDispatchDialog.test.ts
+++ b/src/modules/overseas-warehouse/components/SmartDispatchDialog.test.ts
@@ -15,8 +15,34 @@ vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({
 vi.mock('vue-router', () => ({ useRouter: () => ({ push }) }))
 vi.mock('@/modules/warehouses', () => ({ listAllPlatformWarehouses: vi.fn() }))
 vi.mock('./DispatchResourceFields.vue', () => ({ default: { template: '<div />' } }))
+vi.mock('./SmartDispatchExistingCargo.vue', () => ({ default: { name: 'SmartDispatchExistingCargo', emits: ['saved', 'busy'], template: '<div data-existing-cargo />' } }))
 vi.mock('../api/dispatches', () => ({ listDispatchDrafts: vi.fn(), listDispatchCandidates: vi.fn(), createDispatchDraft: vi.fn(), createDispatchDraftContainer: vi.fn(), lockDispatchDraftPallet: vi.fn(), unlockDispatchDraftPallet: vi.fn(), deleteDispatchDraftContainer: vi.fn(), releaseDispatchDraft: vi.fn(), convertDispatchDraft: vi.fn(), createDispatch: vi.fn(), getDispatch: vi.fn(), getDispatchCommand: vi.fn() }))
 const source = () => candidate(), draft = (): DispatchDraft => ({ draftToken: 'server-token', recordVersion: 0, status: 'ACTIVE', warehouseId: '321', containers: [{ draftContainerId: '100000000000000001', sequenceNo: 1, capacity: 30, sourceKeys: ['source-1'] }], sources: [source()], expiresAt: '2026-12-01T00:00:00Z' })
+it('switches to existing cargo inside the same dialog without creating a draft or submitting a new dispatch', async () => {
+  const wrapper = mount(SmartDispatchDialog, options); await flushPromises()
+  const dialog = wrapper.getComponent(AppDialog)
+  await wrapper.getComponent({ name: 'ElDialogContent' }).findAll('button').find(button => button.text() === '调整已有排车货物')!.trigger('click'); await flushPromises()
+  expect(wrapper.findComponent({ name: 'SmartDispatchExistingCargo' }).exists()).toBe(true)
+  expect(dialog.props('showConfirm')).toBe(false)
+  dialog.vm.$emit('confirm'); await flushPromises()
+  expect(api.createDispatch).not.toHaveBeenCalled()
+  expect(api.createDispatchDraft).not.toHaveBeenCalled()
+  expect(api.convertDispatchDraft).not.toHaveBeenCalled()
+  wrapper.getComponent({ name: 'SmartDispatchExistingCargo' }).vm.$emit('saved'); await flushPromises()
+  expect(wrapper.emitted('created')).toHaveLength(1)
+  expect(wrapper.emitted('update:modelValue')).toBeUndefined()
+  wrapper.unmount()
+})
+it.each(['ADD_CARGO', 'REMOVE_CARGO'] as const)('opens %s recovery in existing cargo without reading creation drafts', async action => {
+  const recovery = useDispatchCommandRecovery(() => identity.id)
+  recovery.begin('PC/1', action, { recordVersion: 0, idempotencyKey: 'existing-key' })
+  const wrapper = mount(SmartDispatchDialog, options); await flushPromises()
+  expect(wrapper.findComponent({ name: 'SmartDispatchExistingCargo' }).exists()).toBe(true)
+  expect(api.listDispatchDrafts).not.toHaveBeenCalled()
+  expect(listAllPlatformWarehouses).not.toHaveBeenCalled()
+  expect(recovery.pending.value?.body.idempotencyKey).toBe('existing-key')
+  wrapper.unmount()
+})
 it('converts a filtered relabel group with both authoritative sources and locks it through one HTTP command', async () => {
   const [first, second] = sharedPalletCandidates(), original = draft()
   original.sources = [first!]; original.containers[0]!.sourceKeys = [first!.sourceKey]
@@ -100,19 +126,19 @@ it('accepts a partial candidate page without requiring the filtered whole set',
   vi.mocked(api.listDispatchCandidates).mockResolvedValue({ total: 21, page: 1, size: 20, pages: 2, candidates: [source()], complete: false, snapshotAt: '' })
   const wrapper = mount(SmartDispatchDialog, options); await flushPromises(); const state = wrapper.vm as unknown as { restoreDraft: (token: string) => void }; state.restoreDraft('server-token'); await flushPromises(); expect(wrapper.getComponent({ name: 'ElDialogContent' }).text()).not.toContain('尚未完整返回'); wrapper.unmount()
 })
-it('keeps vehicle assignments independent between containers and reuses a proven conversion after a detail read fails', async () => {
+it('keeps planning remarks independent with unassigned resources and reuses a proven conversion after a detail read fails', async () => {
   const original = draft(); original.containers.push({ draftContainerId: 'container-B', sequenceNo: 2, capacity: 15, sourceKeys: ['source-B'] }); original.sources.push(candidate({ sourceKey: 'source-B', customerId: 'B' }))
   vi.mocked(api.listDispatchDrafts).mockResolvedValue([original])
   vi.mocked(api.convertDispatchDraft).mockImplementation(async request => ({ draftToken: request.draftToken, replayed: false, vehicles: request.groups.map((group, index) => ({ draftContainerId: group.draftContainerId, dispatch: command('CREATE', group.dispatch.idempotencyKey, `PC/${index + 1}`) })) }))
   vi.mocked(api.getDispatch).mockRejectedValueOnce(new Error('detail unavailable')).mockImplementation(async no => detail({ dispatchNo: no, recordVersion: 1 }))
   const wrapper = mount(SmartDispatchDialog, options); await flushPromises()
-  const state = wrapper.vm as unknown as { restoreDraft(token: string): void; submit(): Promise<void>; activeContainerId: string; vehicle: { vehicleId: string | null }; form: { remark: string } }
-  state.restoreDraft('server-token'); await flushPromises(); state.vehicle.vehicleId = 'vehicle-A'; state.form.remark = '车甲'
-  state.activeContainerId = 'container-B'; state.vehicle.vehicleId = 'vehicle-B'; state.form.remark = '车乙'
+  const state = wrapper.vm as unknown as { restoreDraft(token: string): void; submit(): Promise<void>; activeContainerId: string; form: { remark: string } }
+  state.restoreDraft('server-token'); await flushPromises(); state.form.remark = '车甲'
+  state.activeContainerId = 'container-B'; state.form.remark = '车乙'
   await state.submit(); expect(wrapper.emitted('created')).toBeUndefined()
   await state.submit(); expect(api.convertDispatchDraft).toHaveBeenCalledTimes(1)
   const groups = vi.mocked(api.convertDispatchDraft).mock.calls[0]![0].groups
-  expect(groups.map(group => [group.dispatch.vehicle?.vehicleId, group.dispatch.remark])).toEqual([['vehicle-A', '车甲'], ['vehicle-B', '车乙']])
+  expect(groups.map(group => [group.dispatch.vehicle, group.dispatch.driver, group.dispatch.remark])).toEqual([[null, null, '车甲'], [null, null, '车乙']])
   expect(wrapper.emitted('created')).toHaveLength(1); wrapper.unmount()
 })
 it('never sends an existing departure command through the empty creation transport', async () => {
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchDialog.vue b/src/modules/overseas-warehouse/components/SmartDispatchDialog.vue
index 8481f065..6eb8be08 100644
--- a/src/modules/overseas-warehouse/components/SmartDispatchDialog.vue
+++ b/src/modules/overseas-warehouse/components/SmartDispatchDialog.vue
@@ -2,7 +2,6 @@
 import '@/styles/adminWorkbench.css'
 import '@/styles/adminDensity.css'
 import { computed, reactive, ref, watch } from 'vue'
-import { ChevronRight } from '@lucide/vue'
 import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { useAuthStore } from '@/core/auth/auth'
@@ -11,17 +10,17 @@ import { listAllPlatformWarehouses, type PlatformWarehouseResource } from '@/mod
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 import AppDialog from '@/shared/components/AppDialog.vue'
 import InlineHelp from '@/shared/components/InlineHelp.vue'
-import LineClampText from '@/shared/components/LineClampText.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import * as api from '../api/dispatches'
 import { useDispatchCandidates } from '../useDispatchCandidates'
-import type { Candidate, ConvertedDraft, ConvertDraft, CreateDispatch, DispatchDraft, Driver, DraftSelection, Vehicle, VersionCommand } from '../dispatchContracts'
-import { DispatchInputError, requireVersion, requireBatchVersions, requireSelectionGroup, expandSelectionGroups, selectionGroupBlockReason } from '../dispatchContracts'
+import type { Candidate, ConvertedDraft, ConvertDraft, CreateDispatch, DispatchDraft, DraftSelection, VersionCommand } from '../dispatchContracts'
+import { DispatchInputError, requireVersion, requireBatchVersions, requireSelectionGroup, expandSelectionGroups } from '../dispatchContracts'
 import { dispatchActionPermissions } from '../dispatchPresentation'
 import { useDispatchCommandRecovery, validateCurrentDispatch, isDefiniteDispatchRejection } from '../dispatchCommandRecovery'
 import type { InboundOrderListItem } from '../types'
-import DispatchResourceFields from './DispatchResourceFields.vue'
+import SmartDispatchCargoBoard from './SmartDispatchCargoBoard.vue'
+import SmartDispatchExistingCargo from './SmartDispatchExistingCargo.vue'
 import type { SmartDispatchWarehouseTab } from '../smartDispatchWarehouseTab'
 
 const props = defineProps<{ modelValue: boolean; orders: InboundOrderListItem[] }>()
@@ -29,39 +28,65 @@ const emit = defineEmits<{ 'update:modelValue': [value: boolean]; created: [] }>
 const router = useRouter(), auth = useAuthStore(), access = useAccessPreviewStore()
 const recovery = useDispatchCommandRecovery(() => auth.user?.id || '')
 const owner = auth.user?.id || '', storageKey = `dispatch-draft-command:${owner}`
-type DraftCommand = { action: 'CREATE' | 'CONTAINER' | 'LOCK' | 'UNLOCK' | 'DELETE' | 'RELEASE' | 'CONVERT'; body: Record<string, unknown>; containerId?: string; attempted: boolean; rejected: boolean; result?: ConvertedDraft }
+type DraftCommand = { action: 'CREATE' | 'CONTAINER' | 'LOCK' | 'UNLOCK' | 'DELETE' | 'RELEASE' | 'CONVERT'; body: Record<string, unknown>; containerId?: string; priorContainerIds?: string[]; attempted: boolean; rejected: boolean; result?: ConvertedDraft }
 const pending = ref<DraftCommand | null>(null)
 if (owner && sessionStorage.getItem(storageKey)) pending.value = JSON.parse(sessionStorage.getItem(storageKey)!) as DraftCommand
+const workspace = ref<'create' | 'existing'>('create'), existingBusy = ref(false)
 const mode = ref<'cargo' | 'empty'>('cargo'), warehouseId = ref(''), warehouses = ref<PlatformWarehouseResource[]>([])
 const draft = ref<DispatchDraft | null>(null), drafts = ref<DispatchDraft[]>([]), activeContainerId = ref(''), capacity = ref(30)
-const working = ref(false), saving = ref(false), error = ref<ApiErrorDetails | null>(null)
+const working = ref(false), saving = ref(false), preparing = ref(false), error = ref<ApiErrorDetails | null>(null)
 const candidatePage = useDispatchCandidates(error)
 const { candidates, page, size, total } = candidatePage
 const loading = computed(() => working.value || candidatePage.loading.value)
 const query = reactive({ orderNo: '', destinationWarehouseCode: '', sourceStage: '' })
 const warehouseTab = ref<SmartDispatchWarehouseTab>('ALL')
-const settings = reactive<Record<string, { form: { plannedDepartureAt: string; estimatedArrivalAt: string; remark: string }; vehicle: Vehicle; driver: Driver }>>({})
+const settings = reactive<Record<string, { form: { plannedDepartureAt: string; estimatedArrivalAt: string; remark: string } }>>({})
 const currentSettings = computed(() => {
   const key = mode.value === 'empty' ? 'empty' : activeContainerId.value || 'unselected'
-  settings[key] ||= { form: { plannedDepartureAt: '', estimatedArrivalAt: '', remark: '' }, vehicle: { mode: 'MASTER', vehicleId: null, plate: null, carrierName: null, capacity: { palletSpaces: null, maxLoadKg: null, maxVolumeCbm: null }, evidenceFileIds: [] }, driver: { mode: 'MASTER', driverId: null, name: null, phone: null, evidence: { licenseNo: null, licenseExpiresOn: null, fileIds: [], expectedTaskEndAt: null } } }
+  settings[key] ||= { form: { plannedDepartureAt: '', estimatedArrivalAt: '', remark: '' } }
   return settings[key]!
 })
 const form = computed(() => currentSettings.value.form)
-const vehicle = computed({ get: () => currentSettings.value.vehicle, set: (value: Vehicle) => { currentSettings.value.vehicle = value } })
-const driver = computed({ get: () => currentSettings.value.driver, set: (value: Driver) => { currentSettings.value.driver = value } })
-const frozen = computed(() => !canCreate.value || saving.value || Boolean(pending.value) || Boolean(recovery.pending.value))
+const frozen = computed(() => !canCreate.value || preparing.value || saving.value || Boolean(pending.value) || Boolean(recovery.pending.value))
 const canCreate = computed(() => access.can(dispatchActionPermissions.CREATE))
+const canEditCargo = computed(() => access.can(dispatchActionPermissions.ADD_CARGO))
+const workspaceFrozen = computed(() => loading.value || preparing.value || saving.value || existingBusy.value || Boolean(pending.value) || Boolean(recovery.pending.value))
 const planIds = computed(() => [...new Set(props.orders.map(row => row.planId).filter(Boolean))])
 const currentContainer = computed(() => draft.value?.containers.find(row => row.draftContainerId === activeContainerId.value))
 const populatedGroupCount = computed(() => draft.value?.containers.filter(row => row.sourceKeys.length).length || 0)
-const confirmDisabled = computed(() => loading.value || !canCreate.value || (!pending.value && !recovery.pending.value && (mode.value === 'empty' ? !warehouseId.value : !populatedGroupCount.value)))
+const confirmDisabled = computed(() => preparing.value || loading.value || !canCreate.value || (!pending.value && !recovery.pending.value && (mode.value === 'empty' ? !warehouseId.value : !populatedGroupCount.value)))
 function assignedGroup(row: Candidate) {
   return draft.value?.containers.find(group => group.sourceKeys.some(key => row.selectionGroup.sources.some(source => source.sourceKey === key)))
 }
-async function startCargo() {
+async function ensureFirstVehicle(sequence: number): Promise<string | null> {
+  if (!draft.value && !await draftAction('CREATE')) return null
+  if (sequence !== generation || !props.modelValue || !draft.value) return null
+  if (!draft.value.containers.length && !await draftAction('CONTAINER')) return null
+  if (sequence !== generation || !props.modelValue) return null
+  return currentContainer.value?.draftContainerId || null
+}
+async function addCargo(source: Candidate, targetContainerId = activeContainerId.value) {
+  if (frozen.value || loading.value || !warehouseId.value || assignedGroup(source)) return
+  const sequence = generation, target = targetContainerId
+  preparing.value = true
+  try {
+    requireSelectionGroup(source); candidatePage.assertCurrent([source])
+    const containerId = target || await ensureFirstVehicle(sequence)
+    if (!containerId || sequence !== generation || !props.modelValue) return
+    if (!draft.value?.containers.some(row => row.draftContainerId === containerId)) throw new DispatchInputError('所选车辆已变化，请重新选择')
+    activeContainerId.value = containerId
+    await draftAction('LOCK', source, containerId)
+  } catch (cause) { error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '加入货物失败，请核对后重试') }
+  finally { preparing.value = false }
+}
+async function addVehicle() {
   if (frozen.value || loading.value || !warehouseId.value) return
-  if (!draft.value) await draftAction('CREATE')
-  if (draft.value && !error.value && !pending.value && !draft.value.containers.length) await draftAction('CONTAINER')
+  const sequence = generation
+  preparing.value = true
+  try {
+    if (!await ensureFirstVehicle(sequence)) return
+    if (sequence === generation && props.modelValue) await draftAction('CONTAINER')
+  } finally { preparing.value = false }
 }
 function changeWarehouse() { candidatePage.reset(); warehouseTab.value = 'ALL'; void search() }
 function changeTab(tab: SmartDispatchWarehouseTab) { warehouseTab.value = tab; void search() }
@@ -78,6 +103,10 @@ async function init() {
   const sequence = ++generation
   working.value = true; error.value = null
   try {
+    if (recovery.pending.value && ['ADD_CARGO', 'REMOVE_CARGO'].includes(recovery.pending.value.action)) workspace.value = 'existing'
+    else if (pending.value || recovery.pending.value?.action === 'CREATE') workspace.value = 'create'
+    else if (!canCreate.value && canEditCargo.value) workspace.value = 'existing'
+    if (workspace.value === 'existing' || !canCreate.value) return
     if (recovery.pending.value?.action === 'CREATE') { mode.value = 'empty'; warehouseId.value = String(recovery.pending.value.body.warehouseId || '') }
     const [directory, saved] = await Promise.all([listAllPlatformWarehouses({ warehouseType: 'OVERSEAS', status: 'ACTIVE' }), api.listDispatchDrafts()])
     if (sequence !== generation) return
@@ -92,12 +121,20 @@ async function init() {
   } catch (cause) { if (sequence === generation) error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '排车候选或草稿恢复失败，请保留原选择重试') }
   finally { if (sequence === generation) working.value = false }
 }
+function switchWorkspace(value: 'create' | 'existing') {
+  if (workspaceFrozen.value || value === workspace.value || (value === 'create' ? !canCreate.value : !canEditCargo.value)) return
+  workspace.value = value
+  existingBusy.value = false
+  candidatePage.reset()
+  void init()
+}
 async function loadCandidates(sequence = generation) {
   if (sequence !== generation) return
   const filterKey = JSON.stringify([warehouseId.value, query, warehouseTab.value, planIds.value, draft.value?.draftToken])
   if (filterKey !== candidateFilterKey) { page.value = 1; candidateFilterKey = filterKey }
   await candidatePage.load({ warehouseId: warehouseId.value, page: page.value, size: size.value, warehouseTab: warehouseTab.value, orderNo: query.orderNo || undefined, destinationWarehouseCode: query.destinationWarehouseCode || undefined, sourceStage: query.sourceStage || undefined, ...(query.sourceStage !== 'RELABEL' && planIds.value.length ? { planIds: planIds.value } : {}), draftToken: draft.value?.draftToken })
 }
+function resetSearch() { if (frozen.value) return; query.orderNo = ''; query.destinationWarehouseCode = ''; query.sourceStage = ''; warehouseTab.value = 'ALL'; void search() }
 async function search() { if (frozen.value) return; page.value = 1; await loadCandidates() }
 function restoreDraft(token: string) { if (frozen.value) return; const value = drafts.value.find(row => row.draftToken === token); if (!value) return; draft.value = value; warehouseId.value = value.warehouseId; activeContainerId.value = value.containers[0]?.draftContainerId || ''; void search() }
 function creation(cargo: Candidate[], containerId?: string): CreateDispatch {
@@ -105,10 +142,10 @@ function creation(cargo: Candidate[], containerId?: string): CreateDispatch {
   requireBatchVersions(cargo.flatMap(row => row.appointmentBatches))
   if (cargo.some(row => row.warehouseId !== warehouseId.value || !row.sourceVersion || row.sourceVersion !== row.selection.sourceVersion || row.appointmentBatches.some(batch => batch.customerId !== row.customerId))) throw new DispatchInputError('货物仓库、来源版本或预约客户不一致，请重新读取')
   const config = containerId ? settings[containerId] : currentSettings.value
-  return { idempotencyKey: crypto.randomUUID(), warehouseId: warehouseId.value, vehicle: config && (config.vehicle.vehicleId || config.vehicle.plate) ? JSON.parse(JSON.stringify(config.vehicle)) as Vehicle : null, driver: config && (config.driver.driverId || config.driver.name) ? JSON.parse(JSON.stringify(config.driver)) as Driver : null, plannedDepartureAt: config?.form.plannedDepartureAt || null, estimatedArrivalAt: config?.form.estimatedArrivalAt || null, remark: config?.form.remark || null, cargo: expandSelectionGroups(cargo), batchAllocations: cargo.flatMap(row => row.appointmentBatches.flatMap(batch => batch.sources.map(source => { if (!row.selection.planPalletId) throw new DispatchInputError('批次分配缺少真实计划来源，请核对'); return { planPalletId: row.selection.planPalletId, batchKey: batch.batchKey, customerId: batch.customerId, ...source, recordVersion: batch.recordVersion } }))) }
+  return { idempotencyKey: crypto.randomUUID(), warehouseId: warehouseId.value, vehicle: null, driver: null, plannedDepartureAt: config?.form.plannedDepartureAt || null, estimatedArrivalAt: config?.form.estimatedArrivalAt || null, remark: config?.form.remark || null, cargo: expandSelectionGroups(cargo), batchAllocations: cargo.flatMap(row => row.appointmentBatches.flatMap(batch => batch.sources.map(source => { if (!row.selection.planPalletId) throw new DispatchInputError('批次分配缺少真实计划来源，请核对'); return { planPalletId: row.selection.planPalletId, batchKey: batch.batchKey, customerId: batch.customerId, ...source, recordVersion: batch.recordVersion } }))) }
 }
-async function draftAction(action: DraftCommand['action'], source?: Candidate, containerId?: string) {
-  if (!canCreate.value || loading.value || saving.value) return
+async function draftAction(action: DraftCommand['action'], source?: Candidate, containerId?: string): Promise<boolean> {
+  if (!canCreate.value || loading.value || saving.value) return false
   error.value = null
   try {
     if (!pending.value) {
@@ -133,10 +170,11 @@ async function draftAction(action: DraftCommand['action'], source?: Candidate, c
           body = { ...common, groups } satisfies ConvertDraft
         }
       }
-      pending.value = { action, body: JSON.parse(JSON.stringify(body)) as Record<string, unknown>, containerId, attempted: false, rejected: false }; persist()
+      pending.value = { action, body: JSON.parse(JSON.stringify(body)) as Record<string, unknown>, containerId, ...(action === 'CONTAINER' ? { priorContainerIds: current!.containers.map(row => row.draftContainerId) } : {}), attempted: false, rejected: false }; persist()
     }
     await retryDraft()
-  } catch (cause) { error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '草稿操作结果未确认，原请求已保留') }
+    return true
+  } catch (cause) { error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : '草稿操作结果未确认，原请求已保留'); return false }
 }
 async function retryDraft() {
   if (!pending.value || saving.value) return
@@ -163,8 +201,15 @@ async function retryDraft() {
       pending.value = null; persist(); emit('created'); emit('update:modelValue', false); draft.value = null; ElMessage.success('整车排车单已创建'); await router.push({ name: 'overseas-dispatches' }); return
     }
     requireVersion((result as DispatchDraft).recordVersion)
+    let addedContainerId: string | undefined
+    if (command.action === 'CONTAINER') {
+      const updated = result as DispatchDraft, previous = command.priorContainerIds
+      const added = previous && updated.containers.filter(row => !previous.includes(row.draftContainerId))
+      if (!previous || !added || added.length !== 1 || added[0]!.capacity !== body.capacity || updated.containers.length !== previous.length + 1 || previous.some(id => !updated.containers.some(row => row.draftContainerId === id))) throw new DispatchInputError('新增车辆结果尚未核对，请保留原请求重试')
+      addedContainerId = added[0]!.draftContainerId
+    }
     draft.value = command.action === 'RELEASE' ? null : result as DispatchDraft
-    activeContainerId.value = draft.value?.containers.find(row => row.draftContainerId === activeContainerId.value)?.draftContainerId || draft.value?.containers[0]?.draftContainerId || ''
+    activeContainerId.value = addedContainerId || draft.value?.containers.find(row => row.draftContainerId === activeContainerId.value)?.draftContainerId || draft.value?.containers[0]?.draftContainerId || ''
     // No new source mutation before the original response has been validated.
     pending.value = null; persist()
     if (command.action !== 'CREATE' && command.action !== 'CONTAINER') await loadCandidates()
@@ -172,7 +217,8 @@ async function retryDraft() {
   finally { saving.value = false }
 }
 async function submit() {
-  if (!canCreate.value || saving.value || loading.value) return
+  if (workspace.value === 'existing') return
+  if (!canCreate.value || preparing.value || saving.value || loading.value) return
   error.value = null
   try {
     if (pending.value) { await retryDraft(); return }
@@ -186,75 +232,59 @@ async function submit() {
 watch(() => props.modelValue, value => { if (value) void init(); else { generation++; candidatePage.reset() } }, { immediate: true })
 </script>
 <template>
-  <AppDialog class="admin-density-dialog admin-density admin-density-workspace admin-workbench is-dialog" append-to-body :lock-scroll="true" :model-value="modelValue" title="新建排车" width="min(1800px, calc(100vw - 40px))" fullscreenable :loading="loading" :confirm-loading="saving || recovery.busy.value" :confirm-disabled="confirmDisabled" :confirm-text="pending || recovery.pending.value ? '重试原请求' : mode === 'empty' ? '保存空排车单' : '生成整车排车单'" @update:model-value="emit('update:modelValue', $event)" @confirm="submit">
+  <AppDialog class="admin-density-dialog admin-density admin-density-workspace admin-workbench is-dialog" append-to-body :lock-scroll="true" :model-value="modelValue" title="智能排车" width="min(1800px, calc(100vw - 40px))" fullscreenable :loading="loading" :show-confirm="workspace === 'create'" :confirm-loading="saving || recovery.busy.value || existingBusy" :confirm-disabled="confirmDisabled" :confirm-text="pending || recovery.pending.value ? '重试原请求' : mode === 'empty' ? '保存空排车单' : '生成排车单'" @update:model-value="emit('update:modelValue', $event)" @confirm="submit">
+    <div class="density-status-tabs" role="tablist" aria-label="智能排车工作方式">
+      <button v-if="canCreate" type="button" role="tab" :aria-selected="workspace === 'create'" :class="{ 'is-active': workspace === 'create' }" :disabled="workspaceFrozen" @click="switchWorkspace('create')">新建排车</button>
+      <button v-if="canEditCargo" type="button" role="tab" :aria-selected="workspace === 'existing'" :class="{ 'is-active': workspace === 'existing' }" :disabled="workspaceFrozen" @click="switchWorkspace('existing')">调整已有排车货物</button>
+    </div>
+    <SmartDispatchExistingCargo v-if="workspace === 'existing' && modelValue" @saved="emit('created')" @busy="existingBusy = $event" />
+    <template v-else-if="workspace === 'create'">
     <div class="density-dialog-sections">
       <LoadErrorState v-if="error" title="排车未完成" :message="error.message" :loading="loading || saving || recovery.busy.value" @retry="pending || recovery.pending.value ? submit() : init()"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
       <el-alert v-if="pending || recovery.pending.value" role="status" title="原请求结果尚待核对，请勿更改选择、版本或重新建单。" type="warning" :closable="false" show-icon />
       <el-button v-if="pending?.rejected" :disabled="saving || loading" @click="pending = null; persist(); init()">按明确驳回结果重新核对</el-button>
       <section class="density-dialog-section dispatch-setup" aria-label="排车设置">
-        <h3 class="density-dialog-section__title">1. 排车设置<InlineHelp title="在途预排说明"><p>货物离港并生成入库计划后，即可加入装车组。预排只安排运输，实际装车仍须完成海外仓实收和 PDA 拣货核平。</p></InlineHelp></h3>
+        <h3 class="density-dialog-section__title">1. 排车设置<InlineHelp title="在途预排说明"><p>货物离港并生成入库计划后，即可安排货物并生成排车单。车辆和司机在建单后维护；实际装车仍须完成海外仓实收和 PDA 拣货核平。</p></InlineHelp></h3>
         <el-form inline label-position="left" label-width="70px" class="density-form dispatch-setup-fields" :disabled="frozen || loading">
-          <el-form-item label="建单方式"><el-radio-group v-model="mode" :disabled="frozen || loading"><el-radio value="cargo">选货排车</el-radio><el-radio value="empty">先建空单后加货</el-radio></el-radio-group></el-form-item>
+          <el-form-item label="建单方式"><el-radio-group v-model="mode" :disabled="frozen || loading"><el-radio value="cargo">先选货再建单</el-radio><el-radio value="empty">先建空单后加货</el-radio></el-radio-group></el-form-item>
           <el-form-item class="dispatch-warehouse-field" label="起运仓" required><el-select class="dispatch-warehouse-picker" v-model="warehouseId" :disabled="frozen || loading || Boolean(draft)" placeholder="请选择起运仓" @change="changeWarehouse"><el-option v-for="warehouse in warehouses" :key="String(warehouse.id)" :value="String(warehouse.id)" :label="warehouse.warehouseName" /></el-select></el-form-item>
         </el-form>
       </section>
       <el-alert v-if="mode === 'empty'" title="空单暂不能核平、装车或发车。" type="info" :closable="false" show-icon />
       <template v-if="mode === 'cargo'">
-        <section class="density-dialog-section dispatch-draft-toolbar" aria-label="整车草稿管理">
-          <h3 class="density-dialog-section__title">2. 选货分组<InlineHelp title="分组与草稿说明"><p>每个有货的装车组生成一张排车单，同仓可混装多个客户和目的地。草稿用于暂存选货并占用来源；退出后可继续已有草稿，放弃时释放草稿。</p></InlineHelp></h3>
+        <section class="density-dialog-section dispatch-draft-toolbar" aria-label="车辆选货安排">
+          <h3 class="density-dialog-section__title">2. 为车辆选货<InlineHelp title="选货步骤说明"><p>点击左侧订单查看中间托盘，再将托盘拖入右侧车辆；也可选择车辆后点击“加入这辆车”。添加车辆时，之前的车与货物会保留。每辆有货的车生成一张排车单，同仓可混装多个客户和目的地。未生成排车单的选货会暂存并占用货物；可继续待完成排车，或放弃本次安排以解除占用。</p></InlineHelp></h3>
           <div class="dispatch-draft-tools density-actions">
-            <el-button v-if="!draft || !draft.containers.length" type="primary" :disabled="frozen || loading || !warehouseId" @click="startCargo">开始选货</el-button>
-            <el-select class="dispatch-draft-picker" :model-value="draft?.draftToken" :disabled="frozen || loading" placeholder="继续已有草稿" aria-label="继续已有草稿" @change="restoreDraft"><el-option v-for="saved in drafts" :key="saved.draftToken" :value="saved.draftToken" :label="(warehouses.find(row => String(row.id) === saved.warehouseId)?.warehouseName || '仓库待核实') + ' · ' + saved.containers.length + '组 · ' + saved.sources.length + '条货物'" /></el-select>
-            <label class="dispatch-capacity-field"><span>计划托位</span><el-select aria-label="新组计划托位" class="dispatch-capacity-picker" v-model="capacity" :disabled="frozen || loading" placeholder="计划托位"><el-option label="30托位" :value="30" /><el-option label="15托位" :value="15" /></el-select></label>
-            <el-button v-if="draft?.containers.length" :disabled="frozen || loading" @click="draftAction('CONTAINER')">添加装车组</el-button>
-            <InlineHelp title="计划托位说明"><p>此处只设置新组的预排容量，不代表车辆实际载重或容积。真实车辆容量与装车实测仍由服务端校验。</p></InlineHelp>
-            <el-button v-if="draft" :disabled="frozen || loading" @click="draftAction('RELEASE')">释放本草稿</el-button>
+
+            <el-select class="dispatch-draft-picker" :model-value="draft?.draftToken" :disabled="frozen || loading" placeholder="继续待完成排车" aria-label="继续待完成排车" @change="restoreDraft"><el-option v-for="saved in drafts" :key="saved.draftToken" :value="saved.draftToken" :label="(warehouses.find(row => String(row.id) === saved.warehouseId)?.warehouseName || '仓库待核实') + ' · ' + saved.containers.length + '辆车 · ' + saved.sources.length + '条货物'" /></el-select>
+            <label class="dispatch-capacity-field"><span>计划托位</span><el-select aria-label="下一辆车计划托位" class="dispatch-capacity-picker" v-model="capacity" :disabled="frozen || loading" placeholder="计划托位"><el-option label="30托位" :value="30" /><el-option label="15托位" :value="15" /></el-select></label>
+            <InlineHelp title="计划托位说明"><p>此处设置新车辆的预排托位，默认空车尚未加货时也使用此值，不代表车辆实际载重或容积。真实车辆容量与装车实测仍由服务端校验。</p></InlineHelp>
+            <el-button v-if="draft" :disabled="frozen || loading" @click="draftAction('RELEASE')">放弃本次安排</el-button>
           </div>
         </section>
-        <div class="cargo-workspace">
-          <section class="density-dialog-section" aria-label="排车候选货物"><h3 class="density-dialog-section__title">候选货物 <small>重量／体积仅供预排参考</small></h3>
-            <div class="dispatch-candidate-query"><el-input v-model="query.orderNo" :disabled="frozen || loading" placeholder="订单号／入仓码" /><el-input v-model="query.destinationWarehouseCode" :disabled="frozen || loading" placeholder="目的仓码" /><el-select v-model="query.sourceStage" :disabled="frozen || loading" clearable placeholder="全部来源"><el-option label="在途预排（已离港）" value="PLAN" /><el-option label="已收货实物" value="RECEIVED" /><el-option label="待出库换标" value="RELABEL" /></el-select><el-button :disabled="frozen || loading || !warehouseId" @click="search">查询</el-button></div>
-            <div class="warehouse-tabs density-tabs" role="tablist" aria-label="候选仓库展示"><button type="button" v-for="tab in ([{ value: 'ALL', label: '全部' }, { value: 'LAX', label: '洛杉矶' }, { value: 'NYC', label: '纽约' }] as const)" :key="tab.value" role="tab" :aria-selected="warehouseTab === tab.value" :disabled="frozen || loading" @click="changeTab(tab.value)">{{ tab.label }}</button></div>
-            <el-table :data="candidates" border :empty-text="!warehouseId ? '请先选择起运仓' : '暂无符合条件的可排货物；在途货物请核对离港节点、入库计划和目的地'">
-              <el-table-column label="操作" width="115" fixed="left"><template #default="{ row }"><el-button link :disabled="frozen || loading || !currentContainer || Boolean(selectionGroupBlockReason(row as Candidate)) || Boolean(assignedGroup(row as Candidate))" @click="draftAction('LOCK', row as Candidate, activeContainerId)">{{ assignedGroup(row as Candidate) ? '已加入第' + assignedGroup(row as Candidate)!.sequenceNo + '组' : '加入本组' }}</el-button></template></el-table-column>
-              <el-table-column prop="customerName" label="客户" min-width="140" show-overflow-tooltip />
-              <el-table-column label="来源" min-width="130"><template #default="{ row }"><span class="density-dialog-note">{{ row.selection.sourceType === 'INBOUND_PLAN' ? (row.selection.warehousePalletId ? '已收货托盘' : '在途计划') : ({ RETURN_RECEIPT: '退回实收', RELABEL: '换标' } as Record<string, string>)[row.selection.sourceType] || '—' }}</span><LineClampText :content="row.selection.relabelNo || row.planNo || '—'" /></template></el-table-column>
-              <el-table-column prop="orderNo" label="订单号" min-width="170" show-overflow-tooltip /><el-table-column prop="inboundCode" label="入仓码" min-width="170" show-overflow-tooltip />
-              <el-table-column label="托盘与完整来源组" min-width="210"><template #default="{ row }"><details class="dispatch-source-group"><summary class="dispatch-group-summary"><ChevronRight class="dispatch-source-toggle" :size="14" aria-hidden="true" /><LineClampText :content="row.palletNo || '—'" /><span>{{ row.selectionGroup.pallets.length }}{{ row.selection.warehousePalletId ? '个实托' : '个计划托盘' }}</span></summary><ul class="dispatch-source-list"><li v-for="source in row.selectionGroup.sources" :key="source.sourceKey">{{ source.sourceBusinessNo || '—' }} · {{ source.customerName }} · {{ source.packages }}箱</li></ul></details></template></el-table-column>
-              <el-table-column prop="availablePackages" label="可排箱数" width="100" /><el-table-column label="目的仓" min-width="150" show-overflow-tooltip><template #default="{ row }">{{ [row.destination.warehouseCode || row.destination.address, row.destination.postalCode].filter(Boolean).join(' · ') || '—' }}</template></el-table-column>
-              <el-table-column label="参考重量／体积" min-width="150"><template #default="{ row }">{{ row.suggestedWeightKg ?? '—' }}kg／{{ row.suggestedVolumeCbm ?? '—' }}m³</template></el-table-column><el-table-column prop="containerNo" label="集装箱号" min-width="170" show-overflow-tooltip /><el-table-column label="资格" min-width="160" show-overflow-tooltip><template #default="{ row }">{{ selectionGroupBlockReason(row as Candidate) || '可排整组' }}</template></el-table-column>
-            </el-table>
-            <el-pagination aria-label="候选货物分页" :current-page="page" :page-size="size" :page-sizes="[10, 20, 50]" :total="total" :disabled="frozen || loading" layout="total, sizes, prev, pager, next" @update:current-page="changePage" @update:page-size="changeSize" />
-          </section>
-          <section class="density-dialog-section" aria-label="排车装车组"><h3 class="density-dialog-section__title">装车分组 <small>{{ populatedGroupCount }} 组有货</small><InlineHelp title="装车分组说明"><p>新建或恢复草稿后添加装车组。同仓可混装多个客户与目的仓。</p></InlineHelp></h3>
-            <p v-if="!draft?.containers.length" class="density-dialog-note">暂无装车组</p>
-            <table v-for="container in draft?.containers || []" :key="container.draftContainerId" class="density-table draft-group-table" :aria-label="`装车组 ${container.sequenceNo}`"><tbody>
-              <tr><td><el-radio v-model="activeContainerId" :disabled="frozen || loading" :value="container.draftContainerId">装车组 {{ container.sequenceNo }} · {{ container.capacity }}托位</el-radio></td><td><el-button link :disabled="frozen || loading" @click="draftAction('DELETE', undefined, container.draftContainerId)">移除本组</el-button></td></tr>
-              <tr><td colspan="2"><p v-if="!container.sourceKeys.length" class="density-dialog-note">暂无货物</p><ul class="dispatch-draft-sources"><li v-for="key in container.sourceKeys" :key="key" class="dispatch-draft-source"><LineClampText :content="draft?.sources.find(row => row.sourceKey === key)?.palletNo || '来源待恢复'" /><el-button link :disabled="frozen || loading || !draft?.sources.some(row => row.sourceKey === key)" @click="draftAction('UNLOCK', draft?.sources.find(row => row.sourceKey === key), container.draftContainerId)">移除货物</el-button></li></ul></td></tr>
-            </tbody></table>
-
-          </section>
-        </div>
+        <section class="density-dialog-section dispatch-search" aria-label="候选货物查询">
+          <div class="dispatch-candidate-query"><el-input v-model="query.orderNo" :disabled="frozen || loading" placeholder="订单号／入仓码" /><el-input v-model="query.destinationWarehouseCode" :disabled="frozen || loading" placeholder="目的仓码" /><el-select v-model="query.sourceStage" :disabled="frozen || loading" clearable placeholder="全部来源"><el-option label="在途预排（已离港）" value="PLAN" /><el-option label="已收货实物" value="RECEIVED" /><el-option label="待出库换标" value="RELABEL" /></el-select><el-button :disabled="frozen || loading || !warehouseId" @click="search">查询</el-button><el-button :disabled="frozen || loading || !warehouseId" @click="resetSearch">重置</el-button></div>
+        </section>
+        <div class="warehouse-tabs density-tabs" role="tablist" aria-label="候选仓库展示"><button type="button" v-for="tab in ([{ value: 'ALL', label: '全美' }, { value: 'LAX', label: '洛杉矶' }, { value: 'NYC', label: '纽约' }] as const)" :key="tab.value" role="tab" :aria-selected="warehouseTab === tab.value" :disabled="frozen || loading" @click="changeTab(tab.value)">{{ tab.label }}</button></div>
+        <SmartDispatchCargoBoard :candidates="candidates" :draft="draft" :active-container-id="activeContainerId" :capacity="capacity" :disabled="frozen || loading" :warehouse-selected="Boolean(warehouseId)" :page="page" :size="size" :total="total"
+          @add="addCargo" @select-container="activeContainerId = $event" @add-vehicle="addVehicle" @remove-cargo="(source, id) => draftAction('UNLOCK', source, id)" @remove-container="id => draftAction('DELETE', undefined, id)" @change-page="changePage" @change-size="changeSize" />
       </template>
       <el-form v-if="mode === 'empty' || currentContainer" label-position="left" label-width="130px" class="density-form density-dialog-sections" :disabled="frozen || loading">
-        <section class="density-dialog-section" aria-label="排车车辆与司机">
-          <h3 class="density-dialog-section__title">{{ mode === 'empty' ? '2. 车辆与时间' : '3. 车辆与时间 · 装车组 ' + currentContainer!.sequenceNo }}<small>可先保存，审核前补齐</small><InlineHelp title="车辆与时间说明"><p>车辆、司机、时间和备注分别保存在当前选中的装车组。切换右侧装车组，可分别填写每一趟的资料。</p></InlineHelp></h3>
+        <section class="density-dialog-section" aria-label="排车计划时间与备注">
+          <h3 class="density-dialog-section__title">{{ mode === 'empty' ? '2. 计划时间与备注' : '3. 第 ' + currentContainer!.sequenceNo + ' 辆车 · 计划时间与备注' }}<small>选填</small><InlineHelp title="计划时间与备注说明"><p>时间和备注分别保存在当前选中的排车安排中。车辆和司机在生成排车单后，通过“维护车辆信息”补充。</p></InlineHelp></h3>
           <table class="density-table density-table--editable dispatch-create-table"><tbody>
             <tr><td><el-form-item label="计划发车时间"><el-date-picker v-model="form.plannedDepartureAt" :disabled="frozen || loading || (mode === 'cargo' && !activeContainerId)" type="datetime" value-format="YYYY-MM-DDTHH:mm:ssZ" placeholder="可先保存，审核前补齐" /></el-form-item></td><td><el-form-item label="预计到达时间"><el-date-picker v-model="form.estimatedArrivalAt" :disabled="frozen || loading || (mode === 'cargo' && !activeContainerId)" type="datetime" value-format="YYYY-MM-DDTHH:mm:ssZ" placeholder="请选择预计到达时间（选填）" /></el-form-item></td></tr>
             <tr><td colspan="2"><el-form-item label="备注"><el-input v-model="form.remark" :disabled="frozen || loading || (mode === 'cargo' && !activeContainerId)" /></el-form-item></td></tr>
           </tbody></table>
-          <DispatchResourceFields continuous v-model:vehicle="vehicle" v-model:driver="driver" :disabled="frozen || loading" />
         </section>
       </el-form>
     </div>
+    </template>
   </AppDialog>
 </template>
 <style scoped>
 .dispatch-create-table { table-layout: fixed; }
 .dispatch-create-table td:not([colspan]) { width: 50%; }
-.cargo-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--admin-space-5); align-items: start; }
-.cargo-workspace > .density-dialog-section { margin: 0; }
-.cargo-workspace > .density-dialog-section > .density-dialog-section__title { min-height: 24px; align-items: center; }
 .dispatch-setup, .dispatch-draft-toolbar { display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: center; gap: var(--admin-space-5); }
 .dispatch-setup > .density-dialog-section__title, .dispatch-draft-toolbar > .density-dialog-section__title { align-items: center; margin: 0; }
 .dispatch-setup-fields { display: flex; flex-wrap: wrap; align-items: center; gap: var(--admin-space-4) var(--admin-space-6); }
@@ -265,14 +295,5 @@ watch(() => props.modelValue, value => { if (value) void init(); else { generati
 .dispatch-draft-picker { width: 240px; }
 .dispatch-capacity-field { display: flex; align-items: center; gap: var(--admin-space-3); margin: 0; }
 .dispatch-capacity-picker { width: 100px; }
-.dispatch-candidate-query { display: grid; grid-template-columns: 240px 160px 170px auto; justify-content: start; gap: var(--admin-space-3); margin-bottom: var(--admin-space-4); }
-.dispatch-group-summary { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; list-style: none; align-items: center; gap: var(--admin-space-2); }
-.dispatch-source-group > summary { cursor: pointer; }
-.dispatch-source-group > summary::-webkit-details-marker { display: none; }
-.dispatch-source-group[open] .dispatch-source-toggle { transform: rotate(90deg); }
-.dispatch-source-list { margin: var(--admin-space-2) 0 0; padding-left: 18px; }
-.draft-group-table + .draft-group-table { margin-top: var(--admin-space-4); }
-.dispatch-draft-sources { margin: 0; padding: 0; list-style: none; }
-.dispatch-draft-source { display: flex; align-items: center; gap: var(--admin-space-3); }
-.dispatch-draft-source :deep(.line-clamp-text) { flex: 1; }
+.dispatch-candidate-query { display: grid; grid-template-columns: 240px 160px 170px auto auto; justify-content: start; gap: var(--admin-space-3); margin-bottom: var(--admin-space-4); }
 </style>
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.test.ts b/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.test.ts
new file mode 100644
index 00000000..e70f590e
--- /dev/null
+++ b/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.test.ts
@@ -0,0 +1,191 @@
+import ElementPlus from 'element-plus'
+import { enableAutoUnmount, flushPromises, mount, type VueWrapper } from '@vue/test-utils'
+import { afterEach, beforeEach, expect, it, vi } from 'vitest'
+import SmartDispatchExistingCargo from './SmartDispatchExistingCargo.vue'
+import * as api from '../api/dispatches'
+import { candidate, command, detail, listRow, page, sharedPalletCandidates } from '../dispatchTestFixtures'
+import type { DispatchCargoItem, DispatchDetail, DispatchItems } from '../dispatchContracts'
+import { useDispatchCommandRecovery } from '../dispatchCommandRecovery'
+
+const identity = vi.hoisted(() => ({ id: '', allowed: true }))
+vi.mock('@/core/auth/auth', () => ({ useAuthStore: () => ({ user: identity }) }))
+vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: () => identity.allowed }) }))
+vi.mock('../api/dispatches', () => ({ listDispatches: vi.fn(), getDispatch: vi.fn(), getDispatchItems: vi.fn(), listDispatchCandidates: vi.fn(), addDispatchCargo: vi.fn(), removeDispatchItem: vi.fn(), getDispatchCommand: vi.fn() }))
+enableAutoUnmount(afterEach)
+const allowed = { allowed: true, blockCode: null, blockReason: null }
+const current = (overrides: Partial<DispatchDetail> = {}) => detail({ taskType: 'DELIVERY', actions: { ADD_CARGO: allowed, REMOVE_CARGO: allowed }, ...overrides })
+function cargo(overrides: Partial<DispatchCargoItem> = {}): DispatchCargoItem {
+  const source = candidate()
+  return { ...source.selection, dispatchItemId: '9007199254740993', sourceKey: source.sourceKey, sourceVersion: source.sourceVersion, customerId: 'C1', customerName: '客户甲', palletNo: 'PALLET-1', orderNo: 'LM-1', inboundCode: 'IN-1', destination: source.destination, scheduledPackages: 2, pickedPackages: 0, remove: allowed, ...overrides }
+}
+const manifest = (overrides: Partial<DispatchItems> = {}): DispatchItems => ({ dispatchNo: 'PC/1', recordVersion: 0, status: 'ACTIVE', stage: 'BEFORE_LOADING', items: [cargo()], ...overrides })
+function button(wrapper: VueWrapper, text: string) { const found = wrapper.findAll('button').find(row => row.text() === text); if (!found) throw new Error(`Missing button ${text}`); return found }
+async function open(dispatchNo: string | null = 'PC/1') {
+  const wrapper = mount(SmartDispatchExistingCargo, { props: { dispatchNo: dispatchNo ?? undefined }, global: { plugins: [ElementPlus] } })
+  await flushPromises()
+  return wrapper
+}
+async function add(wrapper: VueWrapper) { await button(wrapper, '查看托盘').trigger('click'); await button(wrapper, '加入这辆车').trigger('click'); await flushPromises() }
+beforeEach(() => {
+  vi.clearAllMocks(); sessionStorage.clear(); identity.id = crypto.randomUUID(); identity.allowed = true
+  vi.stubGlobal('ResizeObserver', class { observe() {} unobserve() {} disconnect() {} })
+  vi.mocked(api.listDispatches).mockResolvedValue(page([listRow({ taskType: 'DELIVERY' })]))
+  vi.mocked(api.getDispatch).mockResolvedValue(current())
+  vi.mocked(api.getDispatchItems).mockResolvedValue(manifest())
+  vi.mocked(api.listDispatchCandidates).mockImplementation(async query => ({ candidates: [candidate()], page: query.page || 1, size: query.size || 20, total: 1, pages: 1, complete: true, snapshotAt: '' }))
+})
+
+it('adds the complete hidden shared-pallet group through real board buttons, then reloads current versions', async () => {
+  const [first, second] = sharedPalletCandidates()
+  vi.mocked(api.listDispatchCandidates).mockImplementation(async query => ({ candidates: query.size === 100 ? [first!, second!] : [first!], page: query.page!, size: query.size!, total: 2, pages: 1, complete: true, snapshotAt: '' }))
+  const wrapper = await open()
+  vi.mocked(api.addDispatchCargo).mockImplementation(async (_, body) => {
+    vi.mocked(api.getDispatch).mockResolvedValue(current({ recordVersion: 1 }))
+    vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ recordVersion: 1 }))
+    return command('ADD_CARGO', body.idempotencyKey)
+  })
+  await add(wrapper)
+  expect(api.addDispatchCargo).toHaveBeenCalledExactlyOnceWith('PC/1', expect.objectContaining({ recordVersion: 0, cargo: [first!.selection, second!.selection] }))
+  expect(wrapper.emitted('saved')).toHaveLength(1)
+  expect(api.getDispatchItems).toHaveBeenCalledTimes(3)
+  expect(api.listDispatchCandidates).toHaveBeenCalledTimes(3)
+  expect(wrapper.find('[aria-label="当前排车货物"]').text()).toContain('真实已拣 0 箱')
+  expect(wrapper.text()).not.toContain('添加车辆')
+})
+
+it.each(['complete', 'missing', 'changed'] as const)('reads appointments of a hidden second group source: %s', async scenario => {
+  const first = candidate()
+  const second = candidate({ sourceKey: 'source-2', customerId: 'C2', selection: { ...first.selection, planPalletId: '12' }, appointmentBatches: [{ batchKey: 'B2', batchNo: 'AP2', customerId: 'C2', recordVersion: '9007199254740993', sources: [{ sourceKey: 'S2', destinationKey: 'D2', packageCount: 2 }] }] })
+  const group = { ...first.selectionGroup, sources: [...first.selectionGroup.sources, ...second.selectionGroup.sources], pallets: [{ warehousePalletId: '21', palletNo: 'PALLET-1', sourceKeys: ['source-1', 'source-2'], packageCount: 4 }] }
+  first.selectionGroup = group; second.selectionGroup = group
+  vi.mocked(api.listDispatchCandidates).mockImplementation(async query => ({ candidates: query.size !== 100 ? [first] : query.page === 1 ? [first] : scenario === 'missing' ? [] : [{ ...second, selectionGroup: scenario === 'changed' ? { ...group, groupVersion: 'new-composition' } : group }], page: query.page!, size: query.size!, total: 101, pages: 2, complete: true, snapshotAt: '' }))
+  vi.mocked(api.addDispatchCargo).mockRejectedValue(new Error('unknown'))
+  const wrapper = await open(); await add(wrapper)
+  if (scenario === 'complete') {
+    expect(api.listDispatchCandidates).toHaveBeenCalledWith({ warehouseId: '321', warehouseTab: 'ALL', page: 2, size: 100 })
+    expect(api.addDispatchCargo).toHaveBeenCalledWith('PC/1', expect.objectContaining({ cargo: [first.selection, second.selection], batchAllocations: [{ planPalletId: '12', batchKey: 'B2', customerId: 'C2', recordVersion: '9007199254740993', sourceKey: 'S2', destinationKey: 'D2', packageCount: 2 }] }))
+    expect(wrapper.emitted('busy')?.at(-1)).toEqual([false])
+  } else {
+    expect(api.addDispatchCargo).not.toHaveBeenCalled()
+    expect(wrapper.text()).toContain(scenario === 'missing' ? '同托货物及预约资料未完整返回' : '选货组组成已变化')
+  }
+})
+
+it.each([0, '0', '9007199254740993'])('preserves precise appointment allocation version %s in additions', async recordVersion => {
+  const source = candidate({ appointmentBatches: [{ batchKey: 'B1', batchNo: 'AP1', customerId: 'C1', recordVersion, sources: [{ sourceKey: 'S1', destinationKey: 'D1', packageCount: 2 }] }] })
+  vi.mocked(api.listDispatchCandidates).mockResolvedValue({ candidates: [source], page: 1, size: 20, total: 1, pages: 1, complete: true, snapshotAt: '' })
+  vi.mocked(api.addDispatchCargo).mockRejectedValue(new Error('unknown'))
+  const wrapper = await open(); await add(wrapper)
+  expect(api.addDispatchCargo).toHaveBeenCalledWith('PC/1', expect.objectContaining({ batchAllocations: [{ planPalletId: '11', batchKey: 'B1', customerId: 'C1', recordVersion, sourceKey: 'S1', destinationKey: 'D1', packageCount: 2 }] }))
+  expect(button(wrapper, '加入这辆车').attributes('disabled')).toBeDefined()
+})
+
+it('requires a removal reason and submits the authoritative item ID and zero version', async () => {
+  const wrapper = await open()
+  await button(wrapper, '移除货物').trigger('click')
+  expect(button(wrapper, '确认移除').attributes('disabled')).toBeDefined()
+  await wrapper.get('textarea[aria-label="移除原因"]').setValue('本车计划调整')
+  vi.mocked(api.removeDispatchItem).mockImplementation(async (_, __, body) => {
+    vi.mocked(api.getDispatch).mockResolvedValue(current({ recordVersion: 1 }))
+    vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ recordVersion: 1, items: [] }))
+    return command('REMOVE_CARGO', body.idempotencyKey)
+  })
+  await button(wrapper, '确认移除').trigger('click'); await flushPromises()
+  expect(api.removeDispatchItem).toHaveBeenCalledExactlyOnceWith('PC/1', '9007199254740993', expect.objectContaining({ recordVersion: 0, reason: '本车计划调整' }))
+  expect(wrapper.text()).toContain('本车暂无货物')
+})
+
+it('rejects an addition whose authoritative appointment version is missing', async () => {
+  const source = candidate({ appointmentBatches: [{ batchKey: 'B1', batchNo: 'AP1', customerId: 'C1', recordVersion: undefined as unknown as number, sources: [] }] })
+  vi.mocked(api.listDispatchCandidates).mockResolvedValue({ candidates: [source], page: 1, size: 20, total: 1, pages: 1, complete: true, snapshotAt: '' })
+  const wrapper = await open(); await add(wrapper)
+  expect(api.addDispatchCargo).not.toHaveBeenCalled()
+  expect(wrapper.text()).toContain('预约批次版本缺失或无效')
+  expect(useDispatchCommandRecovery(() => identity.id).pending.value).toBeNull()
+})
+
+it('rejects a candidate page from another warehouse before exposing selectable cargo', async () => {
+  vi.mocked(api.listDispatchCandidates).mockResolvedValue({ candidates: [candidate({ warehouseId: 'OTHER' })], page: 1, size: 20, total: 1, pages: 1, complete: true, snapshotAt: '' })
+  const wrapper = await open()
+  expect(wrapper.text()).toContain('候选起运仓或来源版本不完整')
+  expect(wrapper.findAll('button').some(row => row.text() === '加入这辆车')).toBe(false)
+  expect(api.addDispatchCargo).not.toHaveBeenCalled()
+})
+
+it.each(['picked', 'item-gate', 'shared-pallet'] as const)('locks removal for %s instead of changing real picking facts', async scenario => {
+  vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ items: scenario === 'shared-pallet' ? [cargo(), cargo({ dispatchItemId: 'other', sourceKey: 'other' })] : [cargo(scenario === 'picked' ? { pickedPackages: 1 } : { remove: { allowed: false, blockCode: 'LOCK', blockReason: '正在作业' } })] }))
+  const wrapper = await open()
+  for (const row of wrapper.findAll('button').filter(row => row.text() === '移除货物')) expect(row.attributes('disabled')).toBeDefined()
+  expect(api.removeDispatchItem).not.toHaveBeenCalled()
+  if (scenario === 'shared-pallet') expect(wrapper.text()).toContain('同一实物托盘包含多个来源')
+})
+
+it.each(['loading', 'permission', 'task-type', 'version', 'read-failure'] as const)('fails closed when %s blocks editing', async scenario => {
+  if (scenario === 'loading') { vi.mocked(api.getDispatch).mockResolvedValue(current({ stage: 'LOADING' })); vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ stage: 'LOADING' })) }
+  if (scenario === 'permission') identity.allowed = false
+  if (scenario === 'task-type') vi.mocked(api.getDispatch).mockResolvedValue(current({ taskType: 'PICKUP' }))
+  if (scenario === 'version') vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ recordVersion: 2 }))
+  if (scenario === 'read-failure') vi.mocked(api.getDispatchItems).mockRejectedValue(new Error('read unavailable'))
+  const wrapper = await open()
+  expect(api.listDispatchCandidates).not.toHaveBeenCalled()
+  expect(wrapper.findAll('button').filter(row => row.text() === '移除货物').every(row => row.attributes('disabled') !== undefined)).toBe(true)
+  expect(api.addDispatchCargo).not.toHaveBeenCalled()
+  if (scenario === 'version') expect(wrapper.text()).toContain('一致版本')
+})
+
+it('auto-opens the original removal command after remount and checks its result without resending', async () => {
+  const wrapper = await open()
+  await button(wrapper, '移除货物').trigger('click')
+  await wrapper.get('textarea[aria-label="移除原因"]').setValue('原移除原因')
+  vi.mocked(api.removeDispatchItem).mockRejectedValue(new Error('unknown result'))
+  await button(wrapper, '确认移除').trigger('click'); await flushPromises()
+  const original = vi.mocked(api.removeDispatchItem).mock.calls[0]!
+  wrapper.unmount()
+  const resumed = await open(null)
+  expect(resumed.text()).toContain('PC/1')
+  const recovery = useDispatchCommandRecovery(() => identity.id)
+  expect(recovery.pending.value).toMatchObject({ dispatchNo: 'PC/1', itemId: '9007199254740993', body: original[2] })
+  vi.mocked(api.getDispatchCommand).mockImplementation(async (_, key) => command('REMOVE_CARGO', key))
+  vi.mocked(api.getDispatch).mockResolvedValue(current({ recordVersion: 1 }))
+  vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ recordVersion: 1, items: [] }))
+  await button(resumed, '核对并重试原请求').trigger('click'); await flushPromises()
+  expect(api.removeDispatchItem).toHaveBeenCalledTimes(1)
+  expect(recovery.pending.value).toBeNull()
+  expect(resumed.emitted('saved')).toHaveLength(1)
+})
+
+it('keeps a confirmed result pending if the subsequent manifest cannot be read', async () => {
+  const wrapper = await open()
+  vi.mocked(api.addDispatchCargo).mockImplementation(async (_, body) => {
+    vi.mocked(api.getDispatch).mockResolvedValue(current({ recordVersion: 1 }))
+    vi.mocked(api.getDispatchItems).mockRejectedValue(new Error('read unavailable'))
+    return command('ADD_CARGO', body.idempotencyKey)
+  })
+  await add(wrapper)
+  expect(useDispatchCommandRecovery(() => identity.id).pending.value?.result?.action).toBe('ADD_CARGO')
+  vi.mocked(api.getDispatchItems).mockResolvedValue(manifest({ recordVersion: 1 }))
+  await button(wrapper, '刷新当前资料').trigger('click'); await flushPromises()
+  expect(api.addDispatchCargo).toHaveBeenCalledTimes(1)
+  expect(wrapper.emitted('saved')).toHaveLength(1)
+})
+
+it('does not let a late previous dispatch read overwrite the selected dispatch', async () => {
+  let resolve!: (value: DispatchDetail) => void
+  vi.mocked(api.listDispatches).mockResolvedValue(page([listRow({ taskType: 'DELIVERY' }), listRow({ dispatchNo: 'PC/2', taskType: 'DELIVERY' })]))
+  vi.mocked(api.getDispatch).mockImplementation(no => no === 'PC/1' ? new Promise(done => { resolve = done }) : Promise.resolve(current({ dispatchNo: 'PC/2' })))
+  vi.mocked(api.getDispatchItems).mockImplementation(async no => manifest({ dispatchNo: no }))
+  const wrapper = await open()
+  await wrapper.setProps({ dispatchNo: 'PC/2' }); await flushPromises()
+  resolve(current()); await flushPromises()
+  expect(wrapper.get('[aria-label="当前排车货物"]').text()).toContain('PC/2')
+  expect(wrapper.get('[aria-label="当前排车货物"]').text()).not.toContain('PC/1')
+})
+
+it('queries and paginates active before-loading dispatches using the entered business number', async () => {
+  const wrapper = await open(null)
+  vi.mocked(api.listDispatches).mockImplementation(async query => ({ ...page([listRow({ taskType: 'DELIVERY' })]), page: query.page, size: query.size, total: 22, pages: 3 }))
+  await wrapper.get('input[aria-label="查找已有排车"]').setValue('PC2026')
+  await button(wrapper, '查询排车').trigger('click'); await flushPromises()
+  await wrapper.get('[aria-label="已有排车分页"] button.btn-next').trigger('click'); await flushPromises()
+  expect(api.listDispatches).toHaveBeenLastCalledWith({ page: 2, size: 10, status: 'ACTIVE', stage: 'BEFORE_LOADING', dispatchNo: 'PC2026' })
+})
diff --git a/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.vue b/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.vue
new file mode 100644
index 00000000..c1943889
--- /dev/null
+++ b/src/modules/overseas-warehouse/components/SmartDispatchExistingCargo.vue
@@ -0,0 +1,251 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import { useAuthStore } from '@/core/auth/auth'
+import { useAccessPreviewStore } from '@/core/access/accessPreview'
+import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
+import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
+import LoadErrorState from '@/shared/components/LoadErrorState.vue'
+import * as api from '../api/dispatches'
+import { useDispatchCandidates } from '../useDispatchCandidates'
+import { useDispatchCommandRecovery, type PendingDispatchCommand } from '../dispatchCommandRecovery'
+import { canDispatchAction } from '../dispatchPresentation'
+import { DispatchInputError, expandSelectionGroups, requireBatchVersions, requireSelectionGroup, requireVersion, selectionIdentity } from '../dispatchContracts'
+import type { AddCargo, Candidate, DispatchCargoItem, DispatchDetail, DispatchItems, DispatchListRow, ReasonCommand } from '../dispatchContracts'
+import SmartDispatchCargoBoard from './SmartDispatchCargoBoard.vue'
+
+const props = defineProps<{ dispatchNo?: string }>()
+const emit = defineEmits<{ saved: []; busy: [value: boolean] }>()
+const auth = useAuthStore(), access = useAccessPreviewStore()
+const recovery = useDispatchCommandRecovery(() => auth.user?.id || '')
+const { pending, busy } = recovery
+const error = ref<ApiErrorDetails | null>(null)
+const candidatePage = useDispatchCandidates(error)
+const { candidates, page: cargoPage, size: cargoSize, total: cargoTotal } = candidatePage
+const rows = ref<DispatchListRow[]>([]), page = ref(1), size = ref(10), total = ref(0)
+const keyword = ref(''), queriedKeyword = ref(''), cargoKeyword = ref(''), queriedCargoKeyword = ref('')
+const selectedNo = ref(''), warehouseId = ref(''), warehouseName = ref('')
+const detail = ref<DispatchDetail | null>(null), items = ref<DispatchItems | null>(null)
+const reading = ref(false), listing = ref(false), preparing = ref(false), stale = ref(true)
+const removing = ref<DispatchCargoItem | null>(null), reason = ref('')
+let generation = 0, listGeneration = 0, alive = true
+const cargoPending = computed(() => pending.value?.action === 'ADD_CARGO' || pending.value?.action === 'REMOVE_CARGO')
+const pendingMessage = computed(() => !cargoPending.value ? '另一个排车操作尚待核对，请返回原操作入口处理。' : pending.value?.result ? '货物调整已完成，请刷新当前资料；不会重复提交。' : '原货物调整结果尚待核对，保留原版本和原请求内容。')
+const frozen = computed(() => busy.value || preparing.value || Boolean(pending.value))
+const loading = computed(() => reading.value || candidatePage.loading.value)
+const editable = computed(() => !stale.value && detail.value?.status === 'ACTIVE' && detail.value.stage === 'BEFORE_LOADING' && detail.value.taskType === 'DELIVERY')
+const canAdd = computed(() => editable.value && canDispatchAction(detail.value?.actions, 'ADD_CARGO', access.can))
+const canRemove = computed(() => editable.value && canDispatchAction(detail.value?.actions, 'REMOVE_CARGO', access.can))
+const locked = computed(() => frozen.value || loading.value)
+const equalVersion = (left: unknown, right: unknown) => String(requireVersion(left)).replace(/^0+(?=\d)/, '') === String(requireVersion(right)).replace(/^0+(?=\d)/, '')
+
+function report(cause: unknown, fallback: string) {
+  error.value = getApiErrorDetails(cause, cause instanceof DispatchInputError ? cause.message : fallback)
+}
+async function loadList() {
+  const sequence = ++listGeneration
+  listing.value = true
+  try {
+    const result = await api.listDispatches({ page: page.value, size: size.value, status: 'ACTIVE', stage: 'BEFORE_LOADING', dispatchNo: queriedKeyword.value || undefined })
+    if (!alive || sequence !== listGeneration) return
+    if (result.page !== page.value || result.size !== size.value) throw new DispatchInputError('排车列表页码不一致，请重新查询')
+    rows.value = result.records; total.value = result.total
+  } catch (cause) { if (alive && sequence === listGeneration) { rows.value = []; report(cause, '排车列表读取失败') } }
+  finally { if (alive && sequence === listGeneration) listing.value = false }
+}
+async function searchDispatches() {
+  if (frozen.value) return
+  queriedKeyword.value = keyword.value.trim(); page.value = 1
+  await loadList()
+}
+async function changePage(value: number) { if (!frozen.value) { page.value = value; await loadList() } }
+async function readFacts(no: string) {
+  const [current, cargo] = await Promise.all([api.getDispatch(no), api.getDispatchItems(no)])
+  if (current.dispatchNo !== no || cargo.dispatchNo !== no || !equalVersion(current.recordVersion, cargo.recordVersion) || current.stage !== cargo.stage || current.status !== cargo.status) {
+    throw new DispatchInputError('排车与货物清单已变化，请重新读取一致版本后操作')
+  }
+  return { current, cargo }
+}
+async function loadCandidates() {
+  if (!warehouseId.value || !detail.value || !canAdd.value || frozen.value) return
+  await candidatePage.load({ warehouseId: warehouseId.value, warehouseTab: 'ALL', orderNo: queriedCargoKeyword.value || undefined, page: cargoPage.value, size: cargoSize.value })
+}
+async function selectDispatch(no: string, row?: DispatchListRow) {
+  if (!no || busy.value || pending.value && (!cargoPending.value || pending.value.dispatchNo !== no)) return
+  const sequence = ++generation
+  selectedNo.value = no; reading.value = true; stale.value = true; error.value = null
+  detail.value = null; items.value = null; removing.value = null; reason.value = ''
+  warehouseId.value = ''; warehouseName.value = ''; candidatePage.reset()
+  try {
+    const origin = row || (await api.listDispatches({ page: 1, size: 10, dispatchNo: no, status: 'ALL' })).records.find(value => value.dispatchNo === no)
+    if (!alive || sequence !== generation) return
+    if (!origin || origin.dispatchNo !== no || !origin.warehouseId) throw new DispatchInputError('排车起运仓未完整返回，请重新读取')
+    const facts = await readFacts(no)
+    if (!alive || sequence !== generation) return
+    warehouseId.value = origin.warehouseId; warehouseName.value = origin.warehouseName || origin.warehouseCode || '—'
+    detail.value = facts.current; items.value = facts.cargo; stale.value = false
+    if (!pending.value) await loadCandidates()
+  } catch (cause) { if (alive && sequence === generation) report(cause, '排车货物读取失败') }
+  finally { if (alive && sequence === generation) reading.value = false }
+}
+async function searchCargo() {
+  if (locked.value) return
+  queriedCargoKeyword.value = cargoKeyword.value.trim(); cargoPage.value = 1
+  await loadCandidates()
+}
+async function changeCargoPage(value: number) { if (!locked.value) { cargoPage.value = value; await loadCandidates() } }
+async function changeCargoSize(value: number) { if (!locked.value) { cargoSize.value = value; cargoPage.value = 1; await loadCandidates() } }
+async function completeGroup(row: Candidate): Promise<Candidate[]> {
+  const group = requireSelectionGroup(row)
+  const found = new Map<string, Candidate>()
+  function collect(values: Candidate[]) {
+    for (const value of values) {
+      const source = group.sources.find(source => source.sourceKey === value.sourceKey)
+      if (!source) continue
+      if (value.warehouseId !== warehouseId.value || value.customerId !== source.customerId || value.sourceVersion !== source.selection.sourceVersion || selectionIdentity(value.selection) !== selectionIdentity(source.selection) || value.selectionGroup.groupKey !== group.groupKey || value.selectionGroup.groupVersion !== group.groupVersion) throw new DispatchInputError('选货组组成已变化，请刷新后重试')
+      requireSelectionGroup(value)
+      found.set(value.sourceKey, value)
+    }
+  }
+  collect(candidates.value)
+  // A filtered page may hide another source on this physical pallet, including its appointments.
+  for (let next = 1; found.size < group.sources.length; next++) {
+    const result = await api.listDispatchCandidates({ warehouseId: warehouseId.value, warehouseTab: 'ALL', page: next, size: 100 })
+    if (result.page !== next || result.size !== 100) throw new DispatchInputError('货物来源页码不一致，请重新读取')
+    collect(result.candidates)
+    if (next >= result.pages || result.candidates.length === 0) break
+  }
+  if (found.size !== group.sources.length) throw new DispatchInputError('同托货物及预约资料未完整返回，请刷新后重试')
+  return group.sources.map(source => found.get(source.sourceKey)!)
+}
+function buildAddition(row: Candidate, sources: Candidate[]): AddCargo {
+  if (!canAdd.value || !detail.value || !candidates.value.includes(row)) throw new DispatchInputError('当前货物或排车不允许调整，请刷新核对')
+  candidatePage.assertCurrent(sources); requireBatchVersions(sources.flatMap(source => source.appointmentBatches))
+  if (sources.some(source => source.warehouseId !== warehouseId.value || source.blockReasons.length || !source.sourceVersion || source.sourceVersion !== source.selection.sourceVersion || source.appointmentBatches.some(batch => batch.customerId !== source.customerId))) throw new DispatchInputError('请选择同仓、来源完整且预约客户一致的货物')
+  return {
+    recordVersion: requireVersion(detail.value.recordVersion), idempotencyKey: crypto.randomUUID(), cargo: expandSelectionGroups(sources),
+    batchAllocations: sources.flatMap(member => member.appointmentBatches.flatMap(batch => batch.sources.map(source => {
+      if (!member.selection.planPalletId) throw new DispatchInputError('批次分配缺少真实计划来源，请核对')
+      return { planPalletId: member.selection.planPalletId, batchKey: batch.batchKey, customerId: batch.customerId, ...source, recordVersion: batch.recordVersion }
+    }))),
+  }
+}
+async function addCargo(row: Candidate) {
+  if (locked.value) return
+  error.value = null; preparing.value = true
+  const sequence = generation
+  try {
+    const sources = await completeGroup(row)
+    if (!alive || sequence !== generation) return
+    recovery.begin(selectedNo.value, 'ADD_CARGO', buildAddition(row, sources)); preparing.value = false; await execute()
+  }
+  catch (cause) { report(cause, '货物未加入，请核对来源') }
+  finally { preparing.value = false }
+}
+function removable(row: DispatchCargoItem) {
+  return canRemove.value && row.remove.allowed === true && row.pickedPackages === 0 && !sharedPallet(row) && Boolean(row.dispatchItemId) && items.value?.items.includes(row)
+}
+function sharedPallet(row: DispatchCargoItem) { return Boolean(row.warehousePalletId && (items.value?.items.filter(item => item.warehousePalletId === row.warehousePalletId).length || 0) > 1) }
+function chooseRemoval(row: DispatchCargoItem) {
+  if (locked.value || !removable(row)) return
+  removing.value = row; reason.value = ''
+}
+async function removeCargo() {
+  if (locked.value) return
+  error.value = null
+  try {
+    const row = removing.value
+    if (!row || !removable(row) || !reason.value.trim() || !items.value) throw new DispatchInputError('请选择允许移除的未扫码货物并填写原因')
+    const body: ReasonCommand = { recordVersion: requireVersion(items.value.recordVersion), idempotencyKey: crypto.randomUUID(), reason: reason.value.trim() }
+    recovery.begin(selectedNo.value, 'REMOVE_CARGO', body, { itemId: row.dispatchItemId })
+    await execute()
+  } catch (cause) { report(cause, '货物未移除，请核对当前作业情况') }
+}
+function send(command: PendingDispatchCommand) {
+  if (!access.can('platform:overseas-warehouse:dispatch:edit')) throw new DispatchInputError('当前账号没有调整排车货物权限')
+  if (command.action === 'ADD_CARGO') return api.addDispatchCargo(command.dispatchNo, command.body as unknown as AddCargo)
+  if (command.action === 'REMOVE_CARGO' && command.itemId) return api.removeDispatchItem(command.dispatchNo, command.itemId, command.body as unknown as ReasonCommand)
+  throw new DispatchInputError('请回到原操作入口核对该请求')
+}
+async function execute() {
+  if (busy.value || !cargoPending.value) return
+  const no = pending.value!.dispatchNo
+  error.value = null
+  try {
+    const result = await recovery.execute(send, async target => {
+      const facts = await readFacts(target)
+      return facts.current
+    }, api.getDispatchCommand)
+    if (!result || !alive) return
+    ElMessage.success(result.replayed ? '原货物调整结果已核对' : '本车货物已更新，请重新核对审核')
+    emit('saved')
+    await selectDispatch(no)
+    await loadList()
+  } catch (cause) {
+    if (!alive) return
+    stale.value = true
+    report(cause, pending.value?.result ? '货物已调整，当前资料待刷新' : pending.value ? '操作结果尚未确认，请核对原请求' : '本次货物调整未通过，请刷新当前资料')
+  }
+}
+async function retry() { if (cargoPending.value) await execute(); else if (selectedNo.value) await selectDispatch(selectedNo.value); else await loadList() }
+watch(() => [loading.value, listing.value, busy.value, preparing.value], () => emit('busy', loading.value || listing.value || busy.value || preparing.value), { immediate: true })
+watch(() => props.dispatchNo, no => {
+  const target = cargoPending.value ? pending.value!.dispatchNo : no
+  if (target) void selectDispatch(target)
+}, { immediate: true })
+void loadList()
+onBeforeUnmount(() => { alive = false; generation++; listGeneration++; candidatePage.reset(); emit('busy', false) })
+</script>
+
+<template>
+  <div class="existing-cargo density-dialog-sections">
+    <el-alert v-if="pending" :title="pendingMessage" type="warning" :closable="false" show-icon />
+    <el-button v-if="cargoPending" :loading="busy" @click="execute">{{ pending?.result ? '刷新当前资料' : '核对并重试原请求' }}</el-button>
+    <LoadErrorState v-if="error" title="排车货物资料待核对" :message="error.message" :loading="loading || busy" retry-text="重新核对" @retry="retry"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
+    <div class="existing-cargo-query">
+      <el-input v-model="keyword" aria-label="查找已有排车" placeholder="排车单号" :disabled="frozen || listing" @keyup.enter="searchDispatches" />
+      <el-button :disabled="frozen || listing" @click="searchDispatches">查询排车</el-button>
+      <el-select :model-value="selectedNo" aria-label="选择已有排车" placeholder="选择装车前排车" :disabled="frozen || listing" @update:model-value="value => selectDispatch(String(value), rows.find(row => row.dispatchNo === value))">
+        <el-option v-for="row in rows" :key="row.dispatchNo" :value="row.dispatchNo" :label="`${row.dispatchNo} · ${row.warehouseName || row.warehouseCode || '—'}`" :disabled="row.taskType !== 'DELIVERY' || row.status !== 'ACTIVE' || row.stage !== 'BEFORE_LOADING'" />
+        <el-option v-if="selectedNo && !rows.some(row => row.dispatchNo === selectedNo)" :value="selectedNo" :label="selectedNo" disabled />
+      </el-select>
+      <el-pagination aria-label="已有排车分页" :current-page="page" :page-size="size" :total="total" :disabled="frozen || listing" layout="total, prev, pager, next" @update:current-page="changePage" />
+    </div>
+    <p v-if="!selectedNo" class="density-dialog-note">选择已有排车后，在这里统一增减本车计划货物。</p>
+    <template v-if="selectedNo">
+      <div class="existing-cargo-query"><strong>{{ selectedNo }} · {{ warehouseName || '—' }}</strong><el-input v-model="cargoKeyword" aria-label="查找可排货物" placeholder="订单号／入仓码" :disabled="locked || !canAdd" @keyup.enter="searchCargo" /><el-button :disabled="locked || !canAdd" @click="searchCargo">查询货物</el-button><el-button :disabled="locked" @click="selectDispatch(selectedNo)">刷新本车</el-button></div>
+      <p v-if="detail && !editable" class="density-dialog-note">仅有效、装车前的仓库派送排车允许调整计划货物。真实拣货仍在 PDA 完成。</p>
+      <p v-else-if="detail && !canAdd" class="density-dialog-note">{{ detail.actions.ADD_CARGO?.blockReason || '当前状态或权限不允许添加货物' }}</p>
+      <SmartDispatchCargoBoard :candidates="candidates" :draft="null" :active-container-id="selectedNo" :capacity="0" :disabled="locked || !canAdd" :warehouse-selected="Boolean(warehouseId)" :page="cargoPage" :size="cargoSize" :total="cargoTotal" @add="addCargo" @change-page="changeCargoPage" @change-size="changeCargoSize">
+        <template #vehicles="{ dragOver, drop, dropTarget }">
+          <section class="existing-cargo-manifest" :class="{ 'is-drop-target': dropTarget === selectedNo }" aria-label="当前排车货物" @dragover="dragOver($event, selectedNo)" @drop="drop($event, selectedNo)">
+            <h3>本车货物 · {{ selectedNo }}</h3>
+            <p class="density-dialog-note">加入后立即保存；移除前填写原因并确认。货物变化后需重新核对审核。</p>
+            <p v-if="!items" class="density-dialog-note">请读取完整货物清单</p>
+            <p v-else-if="!items.items.length" class="density-dialog-note">本车暂无货物，可从左侧选择托盘加入。</p>
+            <div v-for="row in items?.items || []" :key="row.dispatchItemId" class="existing-cargo-item">
+              <div><strong>{{ row.palletNo || row.inboundCode || row.orderNo || row.relabelNo || '—' }}</strong><p>{{ row.customerName || '—' }} · {{ row.orderNo || row.inboundCode || row.relabelNo || '—' }}</p><p>{{ row.scheduledPackages }} 箱 · 真实已拣 {{ row.pickedPackages }} 箱 · {{ row.destination.warehouseCode || row.destination.address || '—' }}</p><small v-if="!removable(row)">{{ sharedPallet(row) ? '同一实物托盘包含多个来源，不能单独移除此项' : row.remove.blockReason || detail?.actions.REMOVE_CARGO?.blockReason || '当前状态或权限不允许移除' }}</small></div>
+              <el-button link type="danger" :disabled="locked || !removable(row)" @click="chooseRemoval(row)">移除货物</el-button>
+            </div>
+            <div v-if="removing" class="existing-cargo-removal" aria-label="确认移除本车货物"><strong>移除 {{ removing.palletNo || removing.orderNo || removing.inboundCode || '所选货物' }}</strong><el-input v-model="reason" aria-label="移除原因" placeholder="请填写移除原因（必填）" type="textarea" :disabled="locked" /><el-button type="danger" :disabled="locked || !reason.trim() || !removable(removing)" @click="removeCargo">确认移除</el-button><el-button :disabled="locked" @click="removing = null">取消移除</el-button></div>
+          </section>
+        </template>
+      </SmartDispatchCargoBoard>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+.existing-cargo-query { display: flex; align-items: center; flex-wrap: wrap; gap: var(--admin-space-4); }
+.existing-cargo-query > .el-input { width: 240px; }
+.existing-cargo-query > .el-select { width: 350px; }
+.existing-cargo-manifest { min-width: 0; border: 1px solid var(--admin-table-border); border-radius: var(--admin-dialog-section-radius); padding: var(--admin-space-5); max-height: 58vh; overflow-y: auto; }
+.existing-cargo-manifest.is-drop-target { border-color: var(--cc-primary); background: var(--admin-action-primary-hover); }
+.existing-cargo-manifest h3 { margin: 0; font-size: var(--admin-font-section); }
+.existing-cargo-item { display: flex; gap: var(--admin-space-3); justify-content: space-between; padding: var(--admin-space-4) 0; border-bottom: 1px solid var(--admin-table-border); overflow-wrap: anywhere; }
+.existing-cargo-item > div { min-width: 0; }
+.existing-cargo-item > .el-button { flex: none; }
+.existing-cargo-item p { margin: var(--admin-space-2) 0; }
+.existing-cargo-item small { color: var(--cc-muted); }
+.existing-cargo-removal { display: flex; flex-wrap: wrap; gap: var(--admin-space-3); margin-top: var(--admin-space-5); }
+</style>
diff --git a/src/modules/overseas-warehouse/dispatchContracts.ts b/src/modules/overseas-warehouse/dispatchContracts.ts
index aff0a719..673b7f53 100644
--- a/src/modules/overseas-warehouse/dispatchContracts.ts
+++ b/src/modules/overseas-warehouse/dispatchContracts.ts
@@ -102,7 +102,7 @@ export function requireBatchVersions(values: readonly { batchKey: string; record
   }
 }
 
-function selectionIdentity(value: CargoSelection): string {
+export function selectionIdentity(value: CargoSelection): string {
   return JSON.stringify([value.sourceType, value.planPalletId, value.returnReceiptId, value.relabelNo, value.warehousePalletId])
 }
 export function requireSelectionGroup(row: Candidate): SelectionGroup {
diff --git a/src/modules/overseas-warehouse/pages/CargoDiscardsView.vue b/src/modules/overseas-warehouse/pages/CargoDiscardsView.vue
index 588c2ce8..7bef6135 100644
--- a/src/modules/overseas-warehouse/pages/CargoDiscardsView.vue
+++ b/src/modules/overseas-warehouse/pages/CargoDiscardsView.vue
@@ -80,7 +80,7 @@ async function audit(row: CargoDiscardSummary) {
 onMounted(() => { void loadCustomers(); void load() })
 </script>
 <template>
-<AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="废弃单列表"><section><LoadErrorState v-if="customerError" title="客户列表加载失败" :message="customerError.message" @retry="loadCustomers"><template #details><ApiErrorMeta :details="customerError" /></template></LoadErrorState><LoadErrorState v-if="listError" title="废弃单列表加载失败" :message="listError.message" @retry="load()"><template #details><ApiErrorMeta :details="listError" /></template></LoadErrorState><LoadErrorState v-if="reviewError" title="审核失败" :message="reviewError.message" :show-retry="false"><template #details><ApiErrorMeta :details="reviewError" /></template></LoadErrorState><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" :data="rows" :columns="columns" :loading="loading" :total="total" v-model:page="page" v-model:page-size="pageSize" preference-key="overseas-cargo-discards" row-key="id" empty-text="暂无废弃单" @update:page="load()" @update:page-size="page = 1; load()"><template #toolbar-start><h1>废弃单</h1></template><template #filters><QueryToolbar ariaLabel="废弃单筛选" v-model="filters" :fields="fields" :loading="loading" preference-key="overseas-cargo-discards-query" @search="page = 1; load($event)" @reset="page = 1; load($event)" /></template><template #actions="{ row }"><el-button class="density-action" size="small" :disabled="!!reviewing" @click="openDetail(row as CargoDiscardSummary)">详情</el-button><el-button class="density-action" v-if="access.can(permission.discardApprove) && (row as CargoDiscardSummary).status === 'PENDING_REVIEW'" size="small" type="primary" :disabled="!!reviewing" @click="audit(row as CargoDiscardSummary)">审核并推送 PDA</el-button></template><template #status="{ row }"><StatusBadge :status="statusLabels[String((row as CargoDiscardSummary).status)] || (row as CargoDiscardSummary).status || '未记录'" /></template></DataTable></div></section></ListPageLayout></AdminPage>
+<AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="废弃单列表"><section><LoadErrorState v-if="customerError" title="客户列表加载失败" :message="customerError.message" @retry="loadCustomers"><template #details><ApiErrorMeta :details="customerError" /></template></LoadErrorState><LoadErrorState v-if="listError" title="废弃单列表加载失败" :message="listError.message" @retry="load()"><template #details><ApiErrorMeta :details="listError" /></template></LoadErrorState><LoadErrorState v-if="reviewError" title="审核失败" :message="reviewError.message" :show-retry="false"><template #details><ApiErrorMeta :details="reviewError" /></template></LoadErrorState><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :data="rows" :columns="columns" :loading="loading" :total="total" v-model:page="page" v-model:page-size="pageSize" preference-key="overseas-cargo-discards" row-key="id" empty-text="暂无废弃单" @update:page="load()" @update:page-size="page = 1; load()"><template #toolbar-start><h1>废弃单</h1></template><template #filters><QueryToolbar ariaLabel="废弃单筛选" v-model="filters" :fields="fields" :loading="loading" preference-key="overseas-cargo-discards-query" @search="page = 1; load($event)" @reset="page = 1; load($event)" /></template><template #actions="{ row }"><el-button class="density-action" size="small" :disabled="!!reviewing" @click="openDetail(row as CargoDiscardSummary)">详情</el-button><el-button class="density-action" v-if="access.can(permission.discardApprove) && (row as CargoDiscardSummary).status === 'PENDING_REVIEW'" size="small" type="primary" :disabled="!!reviewing" @click="audit(row as CargoDiscardSummary)">审核并推送 PDA</el-button></template><template #status="{ row }"><StatusBadge :status="statusLabels[String((row as CargoDiscardSummary).status)] || (row as CargoDiscardSummary).status || '未记录'" /></template></DataTable></div></section></ListPageLayout></AdminPage>
 <AppDialog v-model="detailOpen" class="admin-density-dialog admin-workbench is-dialog" :title="'废弃单详情 · ' + (detailTarget?.discardNo || '')" :confirm-loading="detailLoading" :show-confirm="false" cancel-text="关闭" width="min(920px, calc(100vw - 28px))" fullscreenable>
   <p v-if="detailLoading" role="status">正在读取废弃单…</p>
   <LoadErrorState v-else-if="detailError" title="废弃单详情加载失败" :message="detailError.message" @retry="readDetail"><template #details><ApiErrorMeta :details="detailError" /></template></LoadErrorState>
diff --git a/src/modules/overseas-warehouse/pages/CustomerVisitsView.vue b/src/modules/overseas-warehouse/pages/CustomerVisitsView.vue
index 5e342dd0..f8df1e1a 100644
--- a/src/modules/overseas-warehouse/pages/CustomerVisitsView.vue
+++ b/src/modules/overseas-warehouse/pages/CustomerVisitsView.vue
@@ -162,7 +162,7 @@ onMounted(load)
     <ListPageLayout aria-label="客户回访列表">
 
 
-      <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-customer-visits" row-key="id" empty-text="暂无可回访派送单" @update:page="load()" @update:page-size="page = 1; load()">
+      <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-customer-visits" row-key="id" empty-text="暂无可回访派送单" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>客户回访</h1></template>
         <template #filters>
         <dl class="visit-summary density-detail-overview" aria-label="回访统计"><div><dt>可回访订单</dt><dd>{{ summary.visitable }}</dd></div><div><dt>待回访</dt><dd>{{ summary.pending }}</dd></div><div><dt>已完成回访</dt><dd>{{ summary.completed }}</dd></div></dl>
diff --git a/src/modules/overseas-warehouse/pages/DeliveryOrdersView.vue b/src/modules/overseas-warehouse/pages/DeliveryOrdersView.vue
index 9731b16d..2953f96d 100644
--- a/src/modules/overseas-warehouse/pages/DeliveryOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/DeliveryOrdersView.vue
@@ -188,7 +188,7 @@ function reset(model: QueryModel) { page.value = 1; void load(model) }
 async function loadWarehouses() { if (!access.can(permission.warehouseList)) return; warehousesLoading.value = true; try { warehouses.value = (await listReceivingOverseasWarehouses()).records } catch { warehouses.value = [] } finally { warehousesLoading.value = false } }
 onMounted(() => { void load(); void loadWarehouses() })
 </script>
-<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="派送单列表"><section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-delivery-orders" row-key="id" empty-text="暂无派送单" @update:page="load()" @update:page-size="page = 1; load()">
+<template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="派送单列表"><section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-delivery-orders" row-key="id" empty-text="暂无派送单" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>派送单列表</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="派送单筛选" preference-key="overseas-delivery-orders-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="派送单列表加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/DispatchDetailView.test.ts b/src/modules/overseas-warehouse/pages/DispatchDetailView.test.ts
index 82ebc326..564ece06 100644
--- a/src/modules/overseas-warehouse/pages/DispatchDetailView.test.ts
+++ b/src/modules/overseas-warehouse/pages/DispatchDetailView.test.ts
@@ -19,6 +19,16 @@ vi.mock('@/modules/overseas-master-data', async () => ({
 const options = { global: { plugins: [ElementPlus], stubs: { DataTable: DataTableStub, DispatchWorkflowDialog: true, TransportExecutionPanel: true } } }
 beforeEach(() => { vi.clearAllMocks(); vi.mocked(getDispatch).mockResolvedValue(detail()); can.mockReturnValue(false); push.mockReset(); Object.keys(query).forEach(key => delete query[key]) })
 describe('whole-dispatch four-tab detail', () => {
+  it('keeps cargo additions and removals out of the detail even when authorized', async () => {
+    can.mockReturnValue(true)
+    vi.mocked(getDispatch).mockResolvedValueOnce(detail({ actions: { EDIT: { allowed: true, blockCode: null, blockReason: null }, ADD_CARGO: { allowed: true, blockCode: null, blockReason: null }, REMOVE_CARGO: { allowed: true, blockCode: null, blockReason: null } } }))
+    const wrapper = mount(DispatchDetailView, options); await flushPromises()
+    const actions = wrapper.get('[aria-label="排车操作"]').findAll('button').map(button => button.text())
+    expect(actions).toContain('维护车辆信息')
+    expect(actions).not.toContain('添加货物')
+    expect(actions).not.toContain('移除货物')
+    wrapper.unmount()
+  })
   it.each(['PICKUP', 'LOCAL_TRUCK'] as const)('hosts %s execution in the existing dispatch page', async taskType => {
     vi.mocked(getDispatch).mockResolvedValueOnce({ ...detail(), taskType })
     const wrapper = mount(DispatchDetailView, options); await flushPromises()
diff --git a/src/modules/overseas-warehouse/pages/DispatchDetailView.vue b/src/modules/overseas-warehouse/pages/DispatchDetailView.vue
index a5469a3b..2a109aa5 100644
--- a/src/modules/overseas-warehouse/pages/DispatchDetailView.vue
+++ b/src/modules/overseas-warehouse/pages/DispatchDetailView.vue
@@ -27,7 +27,7 @@ const detail = ref<DispatchDetail | null>(null), activeTab = ref('vehicle'), loa
 const rejectionError = ref<ApiErrorDetails | null>(null)
 const operation = ref<'ROUTE' | undefined>()
 const action = ref<DispatchAction>('EDIT'), actionOpen = ref(false)
-const detailActions: DispatchAction[] = ['EDIT', 'ADD_CARGO', 'REMOVE_CARGO', 'SUBMIT_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW', 'RETURN_TO_REVIEW', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY', 'DEPART', 'CANCEL']
+const detailActions: DispatchAction[] = ['EDIT', 'SUBMIT_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW', 'RETURN_TO_REVIEW', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY', 'DEPART', 'CANCEL']
 const visibleActions = computed(() => detailActions.filter(value => canDispatchAction(detail.value?.actions, value, access.can)))
 const vehicleStatus = computed(() => {
   const status = detail.value?.vehicleInfo.vehicle?.vehicleStatus
@@ -71,7 +71,7 @@ async function load() {
 const appointmentReturn = computed(() => appointmentReturnTarget(route.query))
 const backLabel = computed(() => appointmentReturn.value ? '返回预约日历' : inquiryReturnTarget(route.query) ? '返回原拼车登记' : '返回排车列表')
 function back() { void router.push(appointmentReturn.value || inquiryReturnTarget(route.query) || { name: 'overseas-dispatches' }) }
-function openAction(value: DispatchAction, requestedOperation?: 'ROUTE') { if (!canDispatchAction(detail.value?.actions, value, access.can)) return; rejectionError.value = null; operation.value = requestedOperation; action.value = value; actionOpen.value = true }
+function openAction(value: DispatchAction, requestedOperation?: 'ROUTE') { if (value === 'ADD_CARGO' || value === 'REMOVE_CARGO') return; if (!canDispatchAction(detail.value?.actions, value, access.can)) return; rejectionError.value = null; operation.value = requestedOperation; action.value = value; actionOpen.value = true }
 async function handleRejection(details: ApiErrorDetails) { rejectionError.value = details; await load() }
 async function handleSaved() { rejectionError.value = null; await load() }
 watch(dispatchNo, load, { immediate: true })
diff --git a/src/modules/overseas-warehouse/pages/DispatchesView.test.ts b/src/modules/overseas-warehouse/pages/DispatchesView.test.ts
index 1422af26..10e939c7 100644
--- a/src/modules/overseas-warehouse/pages/DispatchesView.test.ts
+++ b/src/modules/overseas-warehouse/pages/DispatchesView.test.ts
@@ -28,6 +28,27 @@ it('offers recovery of the original pending command independently of the filtere
   const dialog = wrapper.get('dispatch-workflow-dialog-stub')
   expect(dialog.attributes('dispatchno')).toBe('PC-OTHER'); expect(dialog.attributes('modelvalue')).toBe('true'); wrapper.unmount()
 })
+it('centralizes cargo changes in smart dispatch and never exposes row add/remove actions', async () => {
+  vi.mocked(listDispatches).mockResolvedValueOnce(page([listRow({ actions: { ADD_CARGO: { allowed: true, blockCode: null, blockReason: null }, REMOVE_CARGO: { allowed: true, blockCode: null, blockReason: null } } })]))
+  const wrapper = mount(DispatchesView, options); await flushPromises()
+  const row = wrapper.findAllComponents(RowActions).find(entry => entry.props('moreLabel') === '更多操作 · PC/1')!
+  for (const action of ['ADD_CARGO', 'REMOVE_CARGO']) {
+    expect((row.props('actions') as Array<{ key: string }>).map(item => item.key)).not.toContain(action)
+    row.vm.$emit('action', action); await flushPromises()
+    expect(wrapper.getComponent({ name: 'DispatchWorkflowDialog' }).props('modelValue')).toBe(false)
+  }
+  await wrapper.findAll('button').find(button => button.text() === '智能排车')!.trigger('click')
+  expect(wrapper.getComponent({ name: 'SmartDispatchDialog' }).props('modelValue')).toBe(true)
+  wrapper.unmount()
+})
+it.each(['ADD_CARGO', 'REMOVE_CARGO'] as const)('recovers %s only inside smart dispatch', async action => {
+  useDispatchCommandRecovery(() => identity.id).begin('PC-OTHER', action, { recordVersion: 0, idempotencyKey: 'cargo-key' }, action === 'REMOVE_CARGO' ? { itemId: '17' } : undefined)
+  const wrapper = mount(DispatchesView, options); await flushPromises()
+  await wrapper.findAll('button').find(button => button.text() === '核对原请求')!.trigger('click')
+  expect(wrapper.getComponent({ name: 'SmartDispatchDialog' }).props('modelValue')).toBe(true)
+  expect(wrapper.getComponent({ name: 'DispatchWorkflowDialog' }).props('modelValue')).toBe(false)
+  wrapper.unmount()
+})
 it('shows exactly five phases and uses server stage counts instead of current page length', async () => {
   const wrapper = mount(DispatchesView, options); await flushPromises()
   const tabs = wrapper.get('.data-table__toolbar-start .workbench-list-tabs[aria-label="排车执行阶段"]').findAll('button')
diff --git a/src/modules/overseas-warehouse/pages/DispatchesView.vue b/src/modules/overseas-warehouse/pages/DispatchesView.vue
index b0369c4e..7b6a1662 100644
--- a/src/modules/overseas-warehouse/pages/DispatchesView.vue
+++ b/src/modules/overseas-warehouse/pages/DispatchesView.vue
@@ -78,7 +78,7 @@ function search(value: QueryModel) { model.value = value; page.value = 1; void l
 function switchStage(value: DispatchStage) { stage.value = value; section.value = 'VEHICLE_INFO'; model.value.reviewStatus = ''; page.value = 1; void load() }
 function switchSection(value: BeforeLoadingSection) { section.value = value; model.value.reviewStatus = ''; page.value = 1; void load() }
 function openDetail(row: DispatchListRow) { void router.push({ name: 'overseas-dispatch-detail', params: { dispatchNo: row.dispatchNo } }) }
-const rowActionOrder: DispatchAction[] = ['EDIT', 'ADD_CARGO', 'REMOVE_CARGO', 'SUBMIT_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW', 'RETURN_TO_REVIEW', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY', 'DEPART', 'CANCEL']
+const rowActionOrder: DispatchAction[] = ['EDIT', 'SUBMIT_REVIEW', 'DISPATCH_REVIEW', 'LOADING_REVIEW', 'RETURN_TO_REVIEW', 'LOADING_COMPLETE', 'ARRANGE_DELIVERY', 'DEPART', 'CANCEL']
 function rowActions(row: DispatchListRow): RowActionItem[] {
   if (row.taskType && row.taskType !== 'DELIVERY') return [{ key: 'detail', label: '运输操作', priority: 500 }]
   return [{ key: 'detail', label: '详情', priority: 500 }, ...rowActionOrder.filter(value => canDispatchAction(row.actions, value, access.can)).map((value, index) => ({ key: value, label: dispatchActionLabels[value], priority: 400 - index * 10, tone: value === 'CANCEL' ? 'danger' as const : undefined })), ...(canDispatchAction(row.actions, 'EDIT', access.can) ? [{ key: 'route-order', label: '调整卸货顺序', priority: 190 }] : []), { key: 'bol', label: '下载BOL', priority: 100, loading: bolLoadingNo.value === row.dispatchNo }]
@@ -89,6 +89,7 @@ function handleAction(value: string, row: DispatchListRow) {
   rejectionError.value = null
   if (value === 'route-order') { if (!canDispatchAction(row.actions, 'EDIT', access.can)) return; operation.value = 'ROUTE'; action.value = 'EDIT'; actionNo.value = row.dispatchNo; actionOpen.value = true; return }
   operation.value = undefined
+  if (value === 'ADD_CARGO' || value === 'REMOVE_CARGO') return
   const requested = value as DispatchAction
   if (!canDispatchAction(row.actions, requested, access.can)) return
   action.value = requested; actionNo.value = row.dispatchNo; actionOpen.value = true
@@ -98,7 +99,7 @@ async function handleSaved() { rejectionError.value = null; await load() }
 function recoverPending() {
   const command = recovery.pending.value
   if (!command) return
-  if (command.action === 'CREATE') { createOpen.value = true; return }
+  if (['CREATE', 'ADD_CARGO', 'REMOVE_CARGO'].includes(command.action)) { createOpen.value = true; return }
   operation.value = command.operation; action.value = command.action; actionNo.value = command.dispatchNo; actionOpen.value = true
 }
 async function openBol(row: DispatchListRow) {
@@ -122,9 +123,9 @@ onBeforeUnmount(() => { sequence++ })
     <OperationErrorToast :details="mutationError" />
     <LoadErrorState v-if="rejectionError" title="排车操作未完成" :message="rejectionError.message" :show-retry="false"><template #details><ApiErrorMeta :details="rejectionError" /></template></LoadErrorState>
     <p v-if="recovery.pending.value" role="status">{{ recovery.pending.value.dispatchNo || '新排车单' }} 的{{ dispatchActionLabels[recovery.pending.value.action] }}{{ recovery.pending.value.result ? '操作已完成，页面资料待刷新。' : '结果尚待核对。' }}<el-button link :disabled="recovery.busy.value" @click="recoverPending">{{ recovery.pending.value.result ? '刷新页面资料' : '核对原请求' }}</el-button></p>
-    <div class="workbench-table is-page-surface"><DataTable v-model:page="page" v-model:page-size="pageSize" appearance="integrated" :stripe="false" :data="rows" :columns="columns" :loading="loading" :total="total" :preference-key="preferenceKey" row-key="dispatchNo" empty-text="暂无排车记录" @update:page="load()" @update:page-size="page = 1; load()">
+    <div class="workbench-table is-page-surface"><DataTable v-model:page="page" v-model:page-size="pageSize" appearance="integrated" :data="rows" :columns="columns" :loading="loading" :total="total" :preference-key="preferenceKey" row-key="dispatchNo" empty-text="暂无排车记录" @update:page="load()" @update:page-size="page = 1; load()">
       <template #toolbar-start><el-button v-if="appointmentReturnTarget(route.query)" link @click="router.push(appointmentReturnTarget(route.query)!)">返回预约工作</el-button><div class="density-status-tabs workbench-list-tabs" role="tablist" aria-label="排车执行阶段"><button v-for="item in dispatchStages" :key="item.value" role="tab" :aria-selected="stage === item.value" :class="{ 'is-active': stage === item.value }" @click="switchStage(item.value)">{{ item.label }} <span>{{ statistics?.stageCounts[item.value] ?? '—' }}</span></button></div></template>
-      <template #toolbar-end><el-button v-if="access.can(dispatchActionPermissions.CREATE)" @click="createTransport('PICKUP')">安排到仓取货</el-button><el-button v-if="access.can(dispatchActionPermissions.CREATE)" @click="createTransport('LOCAL_TRUCK')">安排本土卡车</el-button><el-button v-if="access.can(dispatchActionPermissions.CREATE)" type="primary" @click="createOpen = true">新建排车</el-button></template>
+      <template #toolbar-end><el-button v-if="access.can(dispatchActionPermissions.CREATE)" @click="createTransport('PICKUP')">安排到仓取货</el-button><el-button v-if="access.can(dispatchActionPermissions.CREATE)" @click="createTransport('LOCAL_TRUCK')">安排本土卡车</el-button><el-button v-if="access.can(dispatchActionPermissions.CREATE) || access.can(dispatchActionPermissions.ADD_CARGO)" type="primary" @click="createOpen = true">智能排车</el-button></template>
       <template #filters><div class="integrated-query-group"><div v-if="showSections" class="density-status-tabs" role="tablist" aria-label="装车前审核分区"><button v-for="item in sections" :key="item.value" role="tab" :aria-selected="section === item.value" :class="{ 'is-active': section === item.value }" @click="switchSection(item.value)">{{ item.label }}</button></div><QueryToolbar v-model="model" :fields="fields" :loading="loading" ariaLabel="排车列表筛选" preference-key="overseas-dispatches-query" :search-on-reset="false" @search="search" @reset="search" /></div></template>
       <template v-if="loadError" #state><LoadErrorState title="排车列表加载失败" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template>
       <template #actions="{ row }"><RowActions text-actions :actions="rowActions(row as DispatchListRow)" :more-label="`更多操作 · ${row.dispatchNo}`" @action="handleAction($event, row as DispatchListRow)" /><p v-if="!row.actions">操作资格未返回，请刷新核对</p></template>
diff --git a/src/modules/overseas-warehouse/pages/ExceptionOrdersView.vue b/src/modules/overseas-warehouse/pages/ExceptionOrdersView.vue
index 34fe48d3..03d10e1f 100644
--- a/src/modules/overseas-warehouse/pages/ExceptionOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/ExceptionOrdersView.vue
@@ -82,7 +82,7 @@ onMounted(load)
   <AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="异常订单列表">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-exception-orders" row-key="id" empty-text="暂无异常订单" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-exception-orders" row-key="id" empty-text="暂无异常订单" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>异常订单</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="异常订单筛选" preference-key="overseas-exception-orders-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="异常订单列表加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/InboundOrdersView.vue b/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
index 982999e5..50773ee7 100644
--- a/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
@@ -231,7 +231,7 @@ onMounted(() => { void load() })
   <AdminPage class="admin-density admin-workbench"><OperationErrorToast :details="mutationError" /><ListPageLayout aria-label="海外仓入库单列表">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inbound-orders" row-key="lineId" empty-text="暂无入库单" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inbound-orders" row-key="lineId" empty-text="暂无入库单" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>入库单</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="入库单筛选" preference-key="overseas-inbound-orders-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="入库单加载失败" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/InventoryTransactionsView.vue b/src/modules/overseas-warehouse/pages/InventoryTransactionsView.vue
index 229de04f..61a8a73d 100644
--- a/src/modules/overseas-warehouse/pages/InventoryTransactionsView.vue
+++ b/src/modules/overseas-warehouse/pages/InventoryTransactionsView.vue
@@ -47,7 +47,7 @@ async function exportLedger() { exportLoading.value = true; try { const range =
 <template><AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="进销存记录列表">
 
 
-  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inventory-transactions" row-key="id" empty-text="暂无进销存记录" @update:page="load()" @update:page-size="page = 1; load()">
+  <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inventory-transactions" row-key="id" empty-text="暂无进销存记录" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>进销存记录</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="进销存记录筛选" preference-key="overseas-inventory-transactions-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="进销存记录加载失败" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template>
diff --git a/src/modules/overseas-warehouse/pages/InventoryView.vue b/src/modules/overseas-warehouse/pages/InventoryView.vue
index 36c98ed8..7c235301 100644
--- a/src/modules/overseas-warehouse/pages/InventoryView.vue
+++ b/src/modules/overseas-warehouse/pages/InventoryView.vue
@@ -104,7 +104,7 @@ onMounted(() => { void loadWarehouses(); void load() })
 
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inventory" row-key="id" empty-text="暂无库存记录" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-inventory" row-key="id" empty-text="暂无库存记录" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>库存管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading || contextLoading" ariaLabel="库存筛选" preference-key="overseas-inventory-query" @search="search" @reset="page = 1; rows = []; total = 0; summary = null" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="库存数据加载失败" :message="loadError.message" :loading="loading || contextLoading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template><p v-if="pieceError" role="alert">{{ pieceError }}</p></template>
diff --git a/src/modules/overseas-warehouse/pages/LastMileOrdersView.vue b/src/modules/overseas-warehouse/pages/LastMileOrdersView.vue
index 71009a45..e8d78fe9 100644
--- a/src/modules/overseas-warehouse/pages/LastMileOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/LastMileOrdersView.vue
@@ -1089,7 +1089,7 @@ onMounted(() => { void load() })
 
 
 
-    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" :results-visible="!loadError" :column-settings-mode="statusTab === '柜子' ? 'hide' : 'show'" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="statusTab === '柜子' ? undefined : total" preference-key="overseas-last-mile-orders" row-key="id" empty-text="暂无尾程订单" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
+    <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :results-visible="!loadError" :column-settings-mode="statusTab === '柜子' ? 'hide' : 'show'" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="statusTab === '柜子' ? undefined : total" preference-key="overseas-last-mile-orders" row-key="id" empty-text="暂无尾程订单" @selection-change="onSelectionChange" @update:page="load()" @update:page-size="page = 1; load()">
       <template #toolbar-start>
         <div class="density-status-tabs workbench-list-tabs" role="tablist" aria-label="尾程订单状态">
           <button v-for="(tab, index) in statusTabs" :key="tab" type="button" role="tab"
diff --git a/src/modules/overseas-warehouse/pages/LocationsView.vue b/src/modules/overseas-warehouse/pages/LocationsView.vue
index f5613b63..b68b75ed 100644
--- a/src/modules/overseas-warehouse/pages/LocationsView.vue
+++ b/src/modules/overseas-warehouse/pages/LocationsView.vue
@@ -101,7 +101,7 @@ onMounted(() => { void loadWarehouses() })
   <AdminPage class="admin-density admin-workbench">
     <ListPageLayout aria-label="海外仓库位管理">
       <section>
-        <div class="workbench-table is-page-surface"><DataTable preference-key="overseas-warehouse-locationsview" appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError && !contextError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" row-key="id" empty-text="暂无库位" @update:page="load()" @update:page-size="page = 1; load()">
+        <div class="workbench-table is-page-surface"><DataTable preference-key="overseas-warehouse-locationsview" appearance="integrated" column-settings-mode="show" :results-visible="!loadError && !contextError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" row-key="id" empty-text="暂无库位" @update:page="load()" @update:page-size="page = 1; load()">
           <template #toolbar-start><h1>库位管理</h1></template>
           <template #filters><QueryToolbar v-model="filters" :fields="queryFields" ariaLabel="海外库位筛选" preference-key="overseas-locations-query" @search="search" @reset="page = 1; load()" /></template>
           <template #notices>
diff --git a/src/modules/overseas-warehouse/pages/MojiaSkuSyncView.vue b/src/modules/overseas-warehouse/pages/MojiaSkuSyncView.vue
index bfc2616e..2d58c28f 100644
--- a/src/modules/overseas-warehouse/pages/MojiaSkuSyncView.vue
+++ b/src/modules/overseas-warehouse/pages/MojiaSkuSyncView.vue
@@ -189,7 +189,7 @@ onMounted(() => { void Promise.all([loadConfig(), load()]) })
 <template>
   <AdminPage class="admin-density mojia-sku-sync-page admin-workbench">
     <ListPageLayout aria-label="称重机器">
-      <div class="workbench-table is-page-surface"><DataTable v-model:page="page" v-model:page-size="size" :total="total" :page-sizes="[10, 20, 30, 40, 50, 100]" @update:page="load" @update:page-size="search" appearance="integrated" :stripe="false" column-settings-mode="show" preference-key="mojia-sku-sync-table" :data="rows" :columns="columns" :loading="loading" :aria-busy="loading" row-key="id" border empty-text="暂无墨家机器上传记录">
+      <div class="workbench-table is-page-surface"><DataTable v-model:page="page" v-model:page-size="size" :total="total" :page-sizes="[10, 20, 30, 40, 50, 100]" @update:page="load" @update:page-size="search" appearance="integrated" column-settings-mode="show" preference-key="mojia-sku-sync-table" :data="rows" :columns="columns" :loading="loading" :aria-busy="loading" row-key="id" border empty-text="暂无墨家机器上传记录">
           <template #toolbar-start><h1>称重机器</h1></template>
           <template #filters>
             <div class="sync-filters query-toolbar">
diff --git a/src/modules/overseas-warehouse/pages/OutboundsView.vue b/src/modules/overseas-warehouse/pages/OutboundsView.vue
index 493f31a5..7d2b990a 100644
--- a/src/modules/overseas-warehouse/pages/OutboundsView.vue
+++ b/src/modules/overseas-warehouse/pages/OutboundsView.vue
@@ -287,7 +287,7 @@ onMounted(load)
     <OperationErrorToast :details="mutationError" />
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-outbounds" row-key="id" empty-text="暂无出库单" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!error" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-outbounds" row-key="id" empty-text="暂无出库单" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>出库单</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="出库单筛选" preference-key="overseas-outbounds-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="error"><LoadErrorState title="出库单列表加载失败" :message="error.message" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/PalletsView.vue b/src/modules/overseas-warehouse/pages/PalletsView.vue
index f2eb89db..b5617391 100644
--- a/src/modules/overseas-warehouse/pages/PalletsView.vue
+++ b/src/modules/overseas-warehouse/pages/PalletsView.vue
@@ -171,7 +171,7 @@ onMounted(initialize)
   <ListPageLayout aria-label="托盘管理列表">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-pallets" row-key="id" empty-text="暂无托盘" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-pallets" row-key="id" empty-text="暂无托盘" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>托盘管理</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading || contextLoading" ariaLabel="托盘筛选" preference-key="overseas-pallets-query" @search="search" @reset="resetSearch" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="托盘数据加载失败" :message="loadError.message" :loading="loading || contextLoading" @retry="retryLoad"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/RelabelOrdersView.vue b/src/modules/overseas-warehouse/pages/RelabelOrdersView.vue
index e55b3e2f..1bc5499c 100644
--- a/src/modules/overseas-warehouse/pages/RelabelOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/RelabelOrdersView.vue
@@ -278,7 +278,7 @@ watch(dialogOpen, (open) => { if (!open) createIdempotencyKey.value = '' })
   <AdminPage class="admin-density admin-workbench"><ListPageLayout aria-label="换标单列表">
 
 
-    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-relabel-orders" row-key="orderNo" empty-text="暂无换标单" @selection-change="selectedRows = $event" @update:page="load()" @update:page-size="page = 1; load()">
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="overseas-relabel-orders" row-key="orderNo" empty-text="暂无换标单" @selection-change="selectedRows = $event" @update:page="load()" @update:page-size="page = 1; load()">
         <template #toolbar-start><h1>换标单</h1></template>
         <template #filters><QueryToolbar v-model="filters" :fields="fields" :loading="loading" ariaLabel="换标单筛选" preference-key="overseas-relabel-orders-query" :search-on-reset="false" @search="search" @reset="reset" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="换标单加载失败" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/overseas-warehouse/pages/ReturnInventoryManagementView.vue b/src/modules/overseas-warehouse/pages/ReturnInventoryManagementView.vue
index 7e5d9c95..5a3668b7 100644
--- a/src/modules/overseas-warehouse/pages/ReturnInventoryManagementView.vue
+++ b/src/modules/overseas-warehouse/pages/ReturnInventoryManagementView.vue
@@ -608,7 +608,6 @@ const tableColumns = computed(() =>
   <AdminPage as="div" class="business-page return-inventory-page admin-density admin-workbench">
     <div class="workbench-table is-page-surface"><DataTable
       appearance="integrated"
-      :stripe="false"
       column-settings-mode="show"
       v-model:page="query.page"
       v-model:page-size="query.size"
diff --git a/src/modules/overseas-warehouse/pages/prototypeContract.test.ts b/src/modules/overseas-warehouse/pages/prototypeContract.test.ts
index 2b2ebe8c..5c2db187 100644
--- a/src/modules/overseas-warehouse/pages/prototypeContract.test.ts
+++ b/src/modules/overseas-warehouse/pages/prototypeContract.test.ts
@@ -224,6 +224,11 @@ describe('overseas warehouse first-batch prototype contract', () => {
     expect(value).toContain('v-if="canCreateDispatch"')
     expect(value).not.toContain('inboundOrderSmartDispatch')
     expect(value).toContain('<SmartDispatchDialog')
+    expect(value).toContain("import SmartDispatchDialog from '../components/SmartDispatchDialog.vue'")
+    expect(value).toContain(':orders="selectedRows"')
+    const dispatchList = source('DispatchesView.vue')
+    expect(dispatchList).toContain("import SmartDispatchDialog from '../components/SmartDispatchDialog.vue'")
+    expect(dispatchList).toContain('<SmartDispatchDialog v-model="createOpen" :orders="[]"')
     expect(value).toContain("key: 'assigned', prop: 'assigned', label: '分配'")
     expect(value).toContain("key: 'mergeAllowed', prop: 'mergeAllowed', label: '合托'")
     expect(value).toContain("key: 'urgent', prop: 'urgent', label: '加急'")
@@ -261,7 +266,8 @@ describe('overseas warehouse first-batch prototype contract', () => {
     // A filtered candidate must still submit its complete server-owned selection group.
     expect(dialog).toContain('candidatePage.assertCurrent(cargo)')
     expect(dialog).toContain('cargo: expandSelectionGroups(cargo)')
-    expect(dialog).toContain('同仓可混装多个客户与目的仓')
+    expect(dialog).toContain('同仓可混装多个客户和目的地')
+    expect(dialog).toContain('<SmartDispatchCargoBoard')
     expect(dialog).not.toContain('一次排车只能装同一客户')
     expect(dialog).not.toContain('ensureDraftToken')
     expect(dialog).not.toContain('preArrangeDispatch')
diff --git a/src/modules/pda-releases/pages/PdaReleasesView.test.ts b/src/modules/pda-releases/pages/PdaReleasesView.test.ts
index f35b82c1..4c1c07bc 100644
--- a/src/modules/pda-releases/pages/PdaReleasesView.test.ts
+++ b/src/modules/pda-releases/pages/PdaReleasesView.test.ts
@@ -26,7 +26,9 @@ describe('PDA release workbench', () => {
   })
 
   it('uses the standard dense list workspace without repeating the route title', () => {
-    expect(page).toContain('appearance="integrated" :stripe="false"')
+    expect(page).toContain('appearance="integrated"')
+    expect(page).not.toContain(':stripe="false"')
+    expect(page).not.toContain(':stripe="false"')
     expect(page).toContain('<template #toolbar-start>')
     expect(page).toContain('<template #toolbar-actions>')
     expect(page).toContain('class="pda-release-actions density-actions row-actions admin-text-actions"')
diff --git a/src/modules/pda-releases/pages/PdaReleasesView.vue b/src/modules/pda-releases/pages/PdaReleasesView.vue
index d37b43f5..632e0d9f 100644
--- a/src/modules/pda-releases/pages/PdaReleasesView.vue
+++ b/src/modules/pda-releases/pages/PdaReleasesView.vue
@@ -122,7 +122,7 @@ function download(row: PdaRelease) {
 <template>
   <AdminPage class="admin-density pda-releases-page admin-workbench">
     <ListPageLayout aria-label="PDA版本">
-      <div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" preference-key="pda-releases-table" :data="rows" :columns="columns" :loading="loading" :aria-busy="loading" row-key="id" border empty-text="暂无版本记录">
+      <div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" preference-key="pda-releases-table" :data="rows" :columns="columns" :loading="loading" :aria-busy="loading" row-key="id" border empty-text="暂无版本记录">
           <template #toolbar-start>
           <div class="pda-release-context query-toolbar workbench-list-tabs">
             <el-radio-group v-model="app" size="small" aria-label="选择PDA应用">
diff --git a/src/modules/suppliers/pages/SuppliersView.vue b/src/modules/suppliers/pages/SuppliersView.vue
index 27272620..6313a536 100644
--- a/src/modules/suppliers/pages/SuppliersView.vue
+++ b/src/modules/suppliers/pages/SuppliersView.vue
@@ -128,7 +128,7 @@ onActivated(() => {
     <ListPageLayout aria-label="供应商列表">
 
 
-      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="canView" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" empty-text="暂无供应商数据" preference-key="supplier-list">
+      <section class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="canView" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" empty-text="暂无供应商数据" preference-key="supplier-list">
         <template #toolbar-start>
           <nav class="supplier-tabs density-status-tabs workbench-list-tabs" role="tablist" aria-label="供应商分类统计">
             <button role="tab" :aria-selected="activeCategory === item.category" v-for="item in metricItems" :key="item.category" type="button" :class="{ 'is-active': activeCategory === item.category }" @click="switchCategory(item.category)"><span class="density-tab-icon" aria-hidden="true">{{ ({ BOOKING: '🚢', CUSTOMS: '📋', TRUCKING: '🚚', CERTIFICATE: '📄' })[item.category] }}</span>{{ categoryLabels[item.category] }}（{{ item.value }}）</button>
diff --git a/src/modules/trucking/components/TruckAppointmentForm.vue b/src/modules/trucking/components/TruckAppointmentForm.vue
index 3863c840..1ace18a7 100644
--- a/src/modules/trucking/components/TruckAppointmentForm.vue
+++ b/src/modules/trucking/components/TruckAppointmentForm.vue
@@ -9,7 +9,6 @@ import { listTruckAppointmentCandidates } from '../api/platformTrucking'
 import { listSuppliers, type Supplier } from '@/modules/suppliers'
 import { getOceanBooking, type OceanBookingDocument } from '@/modules/ocean-bookings'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
-import InlineHelp from '@/shared/components/InlineHelp.vue'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 
 const props = defineProps<{ modelValue: SaveTruckAppointmentRequest; resource?: TruckAppointmentResource | null; readonly?: boolean; submitting?: boolean; submitBlocked?: boolean }>()
@@ -200,11 +199,11 @@ watch(() => props.resource?.id, (id, previous) => { if (id && id !== previous) v
         <el-alert v-if="!bookingDocumentReady" title="所选订舱缺少有效的订舱确认文件或提单文件，暂不能创建或保存拖车预约" type="warning" :closable="false" show-icon />
       </div>
       <el-form-item label="预约装柜时间" prop="plannedLoadingAt"><el-date-picker v-model="draft.plannedLoadingAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" placeholder="请选择预约装柜时间" /></el-form-item>
-      <el-form-item label="拖车费" prop="payableAmount"><template #label><span class="field-help-label">拖车费<InlineHelp title="拖车费用说明"><p>人民币；离仓完成后计入应付。</p></InlineHelp></span></template><el-input v-model="draft.payableAmount" inputmode="decimal" aria-label="拖车费"><template #append>元</template></el-input></el-form-item>
+      <el-form-item label="拖车费" prop="payableAmount"><el-input v-model="draft.payableAmount" inputmode="decimal" aria-label="拖车费"><template #append>元</template></el-input></el-form-item>
       <el-form-item class="appointment-grid__wide" label="备注（选填）"><el-input v-model="draft.remark" type="textarea" :rows="2" maxlength="1000" /></el-form-item>
     </div>
     <details class="dispatch-details" :open="dispatchDetailsOpen" @toggle="toggleDispatchDetails">
-      <summary>派车信息<InlineHelp title="派车信息填写说明"><p>选填，司机和车辆确定后可补充。</p></InlineHelp></summary>
+      <summary>派车信息</summary>
       <div class="appointment-grid dispatch-grid">
         <el-form-item label="车队联系人"><el-input v-model="draft.fleetContact" maxlength="64" /></el-form-item>
         <el-form-item label="车队电话" prop="fleetPhone"><el-input v-model="draft.fleetPhone" maxlength="32" /></el-form-item>
@@ -253,7 +252,6 @@ watch(() => props.resource?.id, (id, previous) => { if (id && id !== previous) v
 .selection-summary dd { margin:0; color:var(--el-text-color-regular); overflow-wrap:anywhere; }
 .field-error { width:100%; display:flex; flex-wrap:wrap; gap:var(--admin-space-2); margin-top:var(--admin-space-1); color:var(--workbench-muted); font-size:var(--admin-font-caption); line-height:1.5; }
 .field-error { color:var(--el-color-danger); }
-.field-help-label { display:inline-flex; align-items:center; gap:var(--admin-space-1); }
 .readiness-alerts:empty { display:none; }
 .readiness-alerts :deep(.el-alert) { margin-bottom:var(--admin-space-4); }
 .dispatch-details { border-top:1px solid var(--el-border-color-lighter); }
diff --git a/src/modules/trucking/pages/TruckAppointmentDetailView.test.ts b/src/modules/trucking/pages/TruckAppointmentDetailView.test.ts
index b9974ed9..0cbe5a9a 100644
--- a/src/modules/trucking/pages/TruckAppointmentDetailView.test.ts
+++ b/src/modules/trucking/pages/TruckAppointmentDetailView.test.ts
@@ -5,13 +5,11 @@ import { resolve } from 'node:path'
 const source = readFileSync(resolve(process.cwd(), 'src/modules/trucking/pages/TruckAppointmentDetailView.vue'), 'utf8')
 
 describe('TruckAppointmentDetailView status contract', () => {
-  it('merges identity, status and relation snapshot into a compact overview', () => {
+  it('keeps appointment identity and status in a compact overview', () => {
     expect(source).toContain('class="truck-overview workbench-panel is-compact"')
     expect(source).toContain('class="truck-overview__heading"')
     expect(source).toContain('class="truck-overview__identity"')
     expect(source).toContain('class="truck-overview__status"')
-    expect(source).toContain('class="relation-snapshot"')
-    expect(source).toContain("const relationSnapshot = computed(() => resource.value ?")
     expect(source).not.toContain('class="surface-panel status-panel"')
     expect(source).not.toContain('class="status-bar"')
     expect(source).not.toContain('class="detail-identity"')
@@ -27,7 +25,6 @@ describe('TruckAppointmentDetailView status contract', () => {
   it('uses domestic departure completion instead of manual departure and completion buttons', () => {
     expect(source).not.toContain("LOADING: 'DEPARTED'")
     expect(source).not.toContain("DEPARTED: 'COMPLETED'")
-    expect(source).toContain('订舱全部货柜确认国内离仓后，自动完成拖车并生成应付费用')
   })
 
   it('matches the backend edit lifecycle and avoids a self-transition action', () => {
diff --git a/src/modules/trucking/pages/TruckAppointmentDetailView.vue b/src/modules/trucking/pages/TruckAppointmentDetailView.vue
index 1d6b07a8..4f1f8bc3 100644
--- a/src/modules/trucking/pages/TruckAppointmentDetailView.vue
+++ b/src/modules/trucking/pages/TruckAppointmentDetailView.vue
@@ -7,7 +7,6 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { ArrowLeft } from '@lucide/vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
-import InlineHelp from '@/shared/components/InlineHelp.vue'
 import AdminPage from '@/shared/components/AdminPage.vue'
 import DetailPageLayout from '@/shared/components/DetailPageLayout.vue'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
@@ -23,7 +22,6 @@ const bookingReadiness = ref<OceanBookingDetail | null>(null)
 const relatedError = ref('')
 let activatedOnce = false
 const access = useAccessPreviewStore(); const editing = computed(() => route.query.edit === '1'); const id = computed(() => String(route.params.id)); const canEdit = computed(() => access.can('platform:firstleg:truck-appointment:edit') && ['DRAFT', 'PENDING_DISPATCH', 'RESCHEDULED'].includes(resource.value?.status || '') && editing.value); const canChangeStatus = computed(() => access.can('platform:firstleg:truck-appointment:operate')); const canManageAttachments = computed(() => access.can('platform:firstleg:truck-appointment:edit'))
-const relationSnapshot = computed(() => resource.value ? [resource.value.oceanBookingNo, resource.value.billOfLadingNo, resource.value.warehouseName].filter(Boolean).join(' / ') || '无订舱关联' : '')
 async function loadRelated() {
   if (!resource.value) return
   relatedError.value = ''
@@ -80,12 +78,11 @@ onActivated(() => {
         <section class="truck-overview workbench-panel is-compact" aria-label="拖车预约概览">
           <div class="truck-overview__heading">
             <el-button link class="density-back" type="primary" @click="router.push({ name: 'trucking' })"><ArrowLeft :size="16" />返回列表</el-button>
-            <div class="truck-overview__identity"><h1>{{ resource?.appointmentNo || '拖车预约详情' }}</h1><p>{{ resource ? [resource.oceanBookingNo, resource.billOfLadingNo, resource.orderNo].filter(Boolean).join(' · ') || '订舱信息缺失' : '查看拖车预约详情' }}</p></div>
+            <div class="truck-overview__identity"><h1>{{ resource?.appointmentNo || '拖车预约详情' }}</h1></div>
             <span v-if="resource" class="truck-overview__status">当前状态：<strong>{{ truckAppointmentStatusLabel(resource.status) }}</strong></span>
             <div v-if="resource && canChangeStatus" class="status-actions"><el-button v-for="status in availableTargets" :key="status" size="small" :type="status === 'CANCELLED' ? 'danger' : status === 'EXCEPTION' ? 'warning' : 'primary'" plain :loading="statusSaving" @click="changeStatus(status)">{{ truckAppointmentStatusLabels[status] }}</el-button></div>
           </div>
           <template v-if="resource">
-            <div class="relation-snapshot"><strong>历史关联快照：</strong><span>{{ relationSnapshot }}</span><InlineHelp title="拖车完成规则"><p>订舱全部货柜确认国内离仓后，自动完成拖车并生成应付费用。</p></InlineHelp></div>
             <el-alert v-if="dispatchBlockReason" :title="dispatchBlockReason" type="warning" :closable="false" show-icon />
             <el-alert v-if="relatedError" :title="relatedError" type="warning" :closable="false" show-icon />
             <ApiErrorMeta v-if="error" :details="error" />
@@ -104,10 +101,9 @@ onActivated(() => {
 <style scoped>
 .truck-overview { overflow:hidden; }
 .truck-overview__heading { display:grid; grid-template-columns:auto minmax(260px, 1fr) auto auto; align-items:center; gap:var(--admin-space-5) var(--admin-space-6); padding:var(--admin-space-5) var(--admin-space-5); }
-.truck-overview__identity { min-width:0; }.truck-overview__identity h1 { margin:0; color:var(--workbench-text); font-size:var(--admin-font-title); line-height:1.35; white-space:normal; overflow-wrap:anywhere; }.truck-overview__identity p { margin:2px 0 0; color:var(--workbench-muted); font-size:var(--admin-font-caption); white-space:normal; overflow-wrap:anywhere; }
+.truck-overview__identity { min-width:0; }.truck-overview__identity h1 { margin:0; color:var(--workbench-text); font-size:var(--admin-font-title); line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
 .truck-overview__status { font-size:var(--admin-font-body); white-space:nowrap; }.truck-overview__status strong { margin-left:var(--admin-space-1); font-size:var(--admin-font-section); }
 .status-actions { display:flex; flex-wrap:wrap; gap:var(--admin-space-3); }.status-actions :deep(.el-button) { margin-left:0; }
-.relation-snapshot { margin:0; padding:9px var(--admin-space-5); border-top:1px solid var(--workbench-border); color:var(--workbench-muted); font-size:var(--admin-font-caption); line-height:1.5; }.relation-snapshot strong { margin-right:var(--admin-space-1); color:var(--workbench-text); }
 .truck-detail-page { min-width:0; }.truck-detail-page :deep(.detail-page-layout__content) { display:grid; min-width:0; gap:var(--admin-space-5); }.form-panel {  }.history-section {  }.history-section h3 { margin:0 0 var(--admin-space-5); font-size:var(--admin-font-section); }
 @media (max-width: 640px) { .history-section {  } }
 .truck-history-table th:nth-child(1){width:180px}
diff --git a/src/modules/trucking/pages/TruckAppointmentsView.test.ts b/src/modules/trucking/pages/TruckAppointmentsView.test.ts
index a18ef011..c77863ca 100644
--- a/src/modules/trucking/pages/TruckAppointmentsView.test.ts
+++ b/src/modules/trucking/pages/TruckAppointmentsView.test.ts
@@ -191,7 +191,9 @@ describe('TruckAppointmentsView', () => {
     expect(source).toContain('size="small" :aria-label="appointmentActionLabel(\'编辑\'')
     expect(source).not.toContain("truck-appointment:view')\" link")
     expect(source).toMatch(/class="[^"]*row-actions[^"]*admin-text-actions"/)
-    expect(source).toContain('appearance="integrated" :stripe="false"')
+    expect(source).toContain('appearance="integrated"')
+    expect(source).not.toContain(':stripe="false"')
+    expect(source).not.toContain(':stripe="false"')
     expect(source).toContain('preference-key="trucking-appointments"')
   })
 
diff --git a/src/modules/trucking/pages/TruckAppointmentsView.vue b/src/modules/trucking/pages/TruckAppointmentsView.vue
index 12d4d769..e4bee654 100644
--- a/src/modules/trucking/pages/TruckAppointmentsView.vue
+++ b/src/modules/trucking/pages/TruckAppointmentsView.vue
@@ -67,7 +67,7 @@ function openDetail(row: TruckAppointmentResource, edit = false) { router.push({
     <ListPageLayout aria-label="拖车预约列表">
 
 
-      <section :aria-busy="loading"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="trucking-appointments" aria-label="拖车预约列表" empty-text="暂无符合筛选条件的拖车预约">
+      <section :aria-busy="loading"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="trucking-appointments" aria-label="拖车预约列表" empty-text="暂无符合筛选条件的拖车预约">
         <template #toolbar-start><h1>拖车列表</h1></template>
         <template #filters><QueryToolbar v-model="filters" ariaLabel="拖车预约查询" :fields="fields" preference-key="trucking-query" @search="search" /></template>
         <template #notices><template v-if="loadError"><LoadErrorState title="拖车预约列表暂时无法加载" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template></template>
diff --git a/src/modules/unified-orders/pages/UnifiedOrdersView.vue b/src/modules/unified-orders/pages/UnifiedOrdersView.vue
index c8f123e0..7bde0fcd 100644
--- a/src/modules/unified-orders/pages/UnifiedOrdersView.vue
+++ b/src/modules/unified-orders/pages/UnifiedOrdersView.vue
@@ -2847,7 +2847,7 @@ function orderDialogTitle(action: string, inboundCode?: string | null) {
 
 
     <template #default>
-    <div  id="unified-orders-results" class="orders-status-toolbar" role="tabpanel"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="records" :columns="columns" preference-key="unified-orders-table-v2" :loading="loading" :total="total" :page-sizes="[20, 50, 100]" :row-class-name="unifiedOrderRowClassName" row-key="orderId" border empty-text="暂无符合条件的订单" aria-label="统一订单列表" @selection-change="handleOrderSelectionChange">
+    <div  id="unified-orders-results" class="orders-status-toolbar" role="tabpanel"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError" v-model:page="page" v-model:page-size="pageSize" :data="records" :columns="columns" preference-key="unified-orders-table-v2" :loading="loading" :total="total" :page-sizes="[20, 50, 100]" :row-class-name="unifiedOrderRowClassName" row-key="orderId" border empty-text="暂无符合条件的订单" aria-label="统一订单列表" @selection-change="handleOrderSelectionChange">
         <template #toolbar-start>
       <div ref="statusTabList" class="status-tabs density-status-tabs workbench-list-tabs" role="tablist" aria-label="订单主状态" :aria-busy="statusCountsLoading">
         <button
@@ -3182,7 +3182,7 @@ function orderDialogTitle(action: string, inboundCode?: string | null) {
 .coload-detail-scroll { overflow-x: auto; border: 1px solid var(--workbench-border); border-radius: var(--admin-radius, 4px); }
 .coload-detail-table { width: 100%; border-collapse: collapse; font-size: var(--admin-font-caption, 12px); }
 .coload-detail-table th,.coload-detail-table td { padding: var(--admin-space-3, 8px) var(--admin-space-4, 10px); border-bottom: 1px solid var(--workbench-border); text-align: left; vertical-align: top; }
-.coload-detail-table th { background: var(--workbench-surface-soft); color: var(--workbench-muted); font-weight: 600; }
+.coload-detail-table th { background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); font-weight: 600; }
 .coload-detail-table tbody tr:last-child td { border-bottom: 0; }
 .coload-detail-table td { min-width: 210px; }
 .coload-detail-table td:last-child { min-width: 80px; white-space: nowrap; }
diff --git a/src/modules/warehouse-resources/locations/pages/LocationsView.test.ts b/src/modules/warehouse-resources/locations/pages/LocationsView.test.ts
index 459ae976..baa83acc 100644
--- a/src/modules/warehouse-resources/locations/pages/LocationsView.test.ts
+++ b/src/modules/warehouse-resources/locations/pages/LocationsView.test.ts
@@ -150,7 +150,8 @@ const densitySource = readFileSync(resolve(process.cwd(), 'src/styles/adminDensi
 describe('LocationsView', () => {
   it('uses bordered striped tables and explicit semantic row actions', () => {
     expect(locationsSource).toContain('border')
-    expect(locationsSource).toContain('stripe')
+    expect(locationsSource).toContain('<DataTable')
+    expect(locationsSource).not.toContain(':stripe="false"')
     expect(locationsSource).toMatch(/size="small"\s+class="density-action"/)
     expect(locationsSource).toContain(':data-tone="(row as PlatformLocationResource).status === \'AVAILABLE\' ? \'danger\' : \'success\'"')
     expect(locationsSource).toContain('class="density-action" data-tone="danger"')
diff --git a/src/modules/warehouse-resources/locations/pages/LocationsView.vue b/src/modules/warehouse-resources/locations/pages/LocationsView.vue
index 8e781304..431ba7fd 100644
--- a/src/modules/warehouse-resources/locations/pages/LocationsView.vue
+++ b/src/modules/warehouse-resources/locations/pages/LocationsView.vue
@@ -487,7 +487,7 @@ onMounted(() => {
 
 
 
-      <section class="workbench-table is-page-surface" aria-label="库位列表区域"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section class="workbench-table is-page-surface" aria-label="库位列表区域"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/modules/warehouse-resources/pallets/pages/PalletsView.test.ts b/src/modules/warehouse-resources/pallets/pages/PalletsView.test.ts
index e5b00d44..4ce72cf0 100644
--- a/src/modules/warehouse-resources/pallets/pages/PalletsView.test.ts
+++ b/src/modules/warehouse-resources/pallets/pages/PalletsView.test.ts
@@ -120,7 +120,8 @@ const densitySource = readFileSync(resolve(process.cwd(), 'src/styles/adminDensi
 describe('PalletsView', () => {
   it('uses bordered striped tables and explicit semantic row actions', () => {
     expect(palletsSource).toContain('border')
-    expect(palletsSource).toContain('stripe')
+    expect(palletsSource).toContain('<DataTable')
+    expect(palletsSource).not.toContain(':stripe="false"')
     expect(palletsSource).toContain('class="density-action" size="small" title="编辑托盘"')
     expect(palletsSource).toContain('class="density-action" data-tone="danger"')
     expect(palletsSource).not.toContain('<Eye :size="15" />')
diff --git a/src/modules/warehouse-resources/pallets/pages/PalletsView.vue b/src/modules/warehouse-resources/pallets/pages/PalletsView.vue
index 4c3d92b5..71504370 100644
--- a/src/modules/warehouse-resources/pallets/pages/PalletsView.vue
+++ b/src/modules/warehouse-resources/pallets/pages/PalletsView.vue
@@ -351,7 +351,7 @@ onMounted(() => {
 
 
 
-      <section class="workbench-table is-page-surface" aria-label="托盘列表区域"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section class="workbench-table is-page-surface" aria-label="托盘列表区域"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/modules/warehouses/pages/WarehousesView.test.ts b/src/modules/warehouses/pages/WarehousesView.test.ts
index bb67a904..b170715c 100644
--- a/src/modules/warehouses/pages/WarehousesView.test.ts
+++ b/src/modules/warehouses/pages/WarehousesView.test.ts
@@ -223,7 +223,8 @@ afterEach(() => ElMessageBox.close())
 describe('WarehousesView', () => {
   it('uses bordered striped tables and semantic operation buttons', () => {
     expect(warehousesSource).toContain('border')
-    expect(warehousesSource).toContain('stripe')
+    expect(warehousesSource).toContain('<DataTable')
+    expect(warehousesSource).not.toContain(':stripe="false"')
     expect(warehousesSource).toContain('data-tone="neutral" class="density-action"')
     expect(warehousesSource).toMatch(/:data-tone=/)
     expect(warehousesSource).toContain('>编辑</el-button>')
diff --git a/src/modules/warehouses/pages/WarehousesView.vue b/src/modules/warehouses/pages/WarehousesView.vue
index 0398a037..53f742ce 100644
--- a/src/modules/warehouses/pages/WarehousesView.vue
+++ b/src/modules/warehouses/pages/WarehousesView.vue
@@ -710,7 +710,7 @@ onMounted(() => void loadWarehouses())
 
 
 
-      <section class="workbench-table is-page-surface" aria-live="polite"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section class="workbench-table is-page-surface" aria-live="polite"><DataTable appearance="integrated" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
diff --git a/src/shared/components/DataTable.vue b/src/shared/components/DataTable.vue
index d554ab7b..5f499ce9 100644
--- a/src/shared/components/DataTable.vue
+++ b/src/shared/components/DataTable.vue
@@ -424,15 +424,23 @@ function setPage(value: number) {
 
 <style scoped>
 .data-table { min-width: 0; }
+.data-table > .data-table__filters {
+  min-width: 0;
+  margin-bottom: var(--cc-list-query-gap, 16px);
+  border: 1px solid var(--list-card-border, var(--cc-border));
+  border-radius: var(--cc-list-query-radius, 5px);
+  background: var(--list-card-muted-bg, #f7f9fc);
+}
 .data-table__preference-hint { margin: 0 0 10px; color: var(--cc-muted); font-size: 12px; line-height: 1.5; }
 .data-table :deep(.el-table) { font-size: var(--cc-list-table-font-size); }
-.data-table :deep(.el-table th.el-table__cell) { font-size: var(--cc-list-table-font-size); font-weight: var(--cc-list-table-header-font-weight); }
+.data-table :deep(.el-table th.el-table__cell) { background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); font-size: var(--cc-list-table-font-size); font-weight: var(--cc-list-table-header-font-weight); }
 .data-table :deep(.el-table .el-button) { font-size: var(--cc-list-action-font-size); }
 .data-table :deep(.el-table__empty-text) { font-size: var(--cc-list-table-font-size); }
 .data-table__toolbar { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: var(--admin-space-5, 12px); padding: var(--admin-space-2, 6px) var(--admin-space-5, 12px); border-bottom: 1px solid var(--cc-border); }
 .data-table__toolbar.is-compact { justify-content: flex-end; }
 .data-table__toolbar-start { min-width: 0; flex: 1; }
 .data-table__toolbar-start :deep(h2) { margin: 0; color: var(--cc-text); font-size: 16px; line-height: 1.4; }
+.data-table > .data-table__toolbar:has(+ .data-table__filters) { border-bottom: 0; }
 .data-table__toolbar-start :deep(p) { margin: 4px 0 0; color: var(--cc-muted); font-size: 12px; line-height: 1.5; }
 .data-table__toolbar-actions { display: flex; flex: 0 0 auto; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
 .data-table__business-actions, .data-table__utility-actions, .data-table__toolbar-end { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
@@ -472,7 +480,7 @@ function setPage(value: number) {
 .data-table > .data-table__toolbar > .data-table__toolbar-actions > :is(.data-table__business-actions, .data-table__utility-actions) > :deep(:where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > .el-button),
 .data-table > .data-table__toolbar > .data-table__toolbar-actions > :is(.data-table__business-actions, .data-table__utility-actions) > :deep(:where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > .el-button),
 .data-table > .data-table__toolbar > .data-table__toolbar-actions > :is(.data-table__business-actions, .data-table__utility-actions) > :deep(:where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > .el-button) { max-width: 100%; min-height: 40px; } .data-table__pagination { align-items: flex-start; flex-direction: column; } .data-table__pagination-left, .data-table__pagination-controls, .data-table__page-buttons { width: 100%; } .data-table__pagination-controls { justify-content: flex-start; } .data-table__page-buttons { flex-wrap: wrap; } .data-table__page-button { width: 44px; min-width: 44px; height: 44px; } .data-table__page-ellipsis { height: 44px; } }
-/* Opt-in list surface: header, filters and results share one continuous card. */
+/* The list surface contains a separate rounded filter block above the results. */
 .data-table--integrated {
   --list-card-border: #e8edf5;
   --list-card-muted-bg: #f7f9fc;
@@ -526,11 +534,6 @@ function setPage(value: number) {
 .data-table--integrated > .data-table__toolbar > .data-table__toolbar-actions > .data-table__business-actions > :deep(:where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > .el-button--primary:hover:not(:disabled)),
 .data-table--integrated > .data-table__toolbar > .data-table__toolbar-actions > .data-table__business-actions > :deep(:where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > :where(div, span):not(:where(.el-overlay, .el-dialog, .el-drawer, .el-popper, .data-table)) > .el-button--primary:hover:not(:disabled)),
 .data-table--integrated .data-table__page-button[aria-current="page"]:hover:not(:disabled) { filter: brightness(1.06); }
-.data-table--integrated > .data-table__filters {
-  min-width: 0;
-  background: var(--list-card-muted-bg);
-  border-bottom: 1px solid var(--list-card-border);
-}
 .data-table--integrated .data-table__filters :deep(.query-toolbar) {
   margin: 0;
   padding: 16px 20px;
@@ -556,12 +559,11 @@ function setPage(value: number) {
 }
 .data-table--integrated > :deep(.el-table) {
   --el-table-border-color: var(--list-card-border);
-  --el-table-header-bg-color: var(--list-card-muted-bg);
+  --el-table-header-bg-color: var(--cc-list-table-header-bg);
   --el-table-row-hover-bg-color: #f5f8ff;
   --admin-row-height: 44px;
   color: #526078;
 }
-.data-table--integrated :deep(.el-table th.el-table__cell) { color: #526078; }
 .data-table.data-table--integrated > .data-table__pagination {
   min-height: 64px;
   box-sizing: border-box;
diff --git a/src/shared/components/QueryToolbar.vue b/src/shared/components/QueryToolbar.vue
index 4145b589..fca1fd71 100644
--- a/src/shared/components/QueryToolbar.vue
+++ b/src/shared/components/QueryToolbar.vue
@@ -252,7 +252,7 @@ defineExpose({ search, reset })
 </template>
 
 <style scoped>
-.query-toolbar { box-sizing: border-box; display: flex; width: 100%; min-width: 0; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; gap: 10px; overflow-x: clip; padding: 16px; border: 1px solid var(--cc-border); background: #fff; }
+.query-toolbar { box-sizing: border-box; display: flex; width: 100%; min-width: 0; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; gap: 10px; overflow-x: clip; padding: 16px; border: 1px solid var(--cc-border); border-radius: var(--cc-list-query-radius, 5px); background: #fff; }
 .query-toolbar__filters { display: flex; width: 100%; min-width: 0; flex: 1 1 100%; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; gap: 12px 16px; }
 .query-toolbar__field { display: grid; width: var(--query-field-width); max-width: 100%; min-width: 0; flex: 0 0 var(--query-field-width); gap: 6px; }
 .query-toolbar__control { display: grid; width: var(--query-field-width); max-width: 100%; min-width: 0; flex: 0 0 var(--query-field-width); gap: 6px; }
diff --git a/src/styles/adminDensity.css b/src/styles/adminDensity.css
index cdf5805a..5db3435e 100644
--- a/src/styles/adminDensity.css
+++ b/src/styles/adminDensity.css
@@ -10,11 +10,15 @@
   --cc-list-query-font-size: var(--admin-font-body);
   font-size: var(--admin-font-body, 13px);
 }
-.admin-density .surface-panel, .admin-density .query-toolbar {
+.admin-density .surface-panel {
   border-radius: var(--admin-radius, 4px); box-shadow: none;
 }
+.admin-density .query-toolbar {
+  border-radius: var(--cc-list-query-radius, 5px); box-shadow: none;
+}
 .admin-density .el-table, .admin-density-dialog .el-table {
-  --el-table-header-bg-color: var(--admin-label-bg);
+  --el-table-header-bg-color: var(--cc-list-table-header-bg);
+  --el-table-header-text-color: var(--cc-list-table-header-text);
   --el-table-border-color: var(--admin-table-border);
   --el-table-row-hover-bg-color: var(--admin-row-hover);
   font-size: var(--admin-font-body, 13px);
@@ -22,7 +26,7 @@
 .admin-density .el-table .el-table__cell, .admin-density .data-table .el-table .el-table__cell, .admin-density-dialog .el-table .el-table__cell { height: var(--admin-row-height, 36px); padding: var(--admin-space-1, 4px) 0; }
 .admin-density .el-table .cell, .admin-density-dialog .el-table .cell { line-height: 22px; }
 .admin-density .el-table .el-button--small, .admin-density-dialog .el-table .el-button--small { height: var(--admin-action-height, 28px); padding: var(--admin-space-1, 4px) var(--admin-space-3, 8px); }
-.admin-density .el-table__body tr.el-table__row--striped td.el-table__cell { background: var(--admin-row-stripe); }
+.admin-density .el-table__body tr.el-table__row--striped:not(:where(:hover, .hover-row, .current-row)) > td.el-table__cell:not(:where(.hover-cell)) { background: var(--admin-row-stripe); }
 .admin-density .data-table .data-table__pagination { min-height: 48px; padding: var(--admin-space-3, 8px) var(--admin-space-5, 12px); }
 .admin-density .el-empty { padding: var(--admin-space-5, 12px) 0; }
 .admin-density .el-empty__image { display: none; }
@@ -30,6 +34,10 @@
 .admin-density .el-empty__description p { font-size: var(--admin-font-body, 13px); }
 .admin-density-dialog .el-form-item__label { line-height: 22px; }
 .admin-density-dialog .el-form--inline .el-form-item__label { align-items: center; }
+:is(.admin-density, .admin-density-dialog, .admin-density-drawer) .el-table th.el-table__cell {
+  background: var(--cc-list-table-header-bg);
+  color: var(--cc-list-table-header-text);
+}
 .admin-density-dialog .el-descriptions__label.el-descriptions__cell { font-size: var(--admin-font-caption, 12px); background: var(--admin-label-bg); }
 .admin-density-dialog .el-descriptions__content.el-descriptions__cell { font-size: var(--admin-font-body, 13px); overflow-wrap: anywhere; }
 .admin-density-dialog.el-dialog.is-fullscreen { width: 100%; max-width: 100%; height: 100vh; max-height: 100vh; margin: 0; border-radius: 0; }
@@ -260,7 +268,7 @@
 /* Existing native data tables keep their business column widths and sticky cells. */
 :is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table { width: 100%; border-collapse: collapse; font-size: var(--admin-font-body); }
 :is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table :is(th, td) { height: var(--admin-row-height); padding: var(--admin-space-1) var(--admin-space-3); border: 1px solid var(--admin-table-border); text-align: left; vertical-align: middle; overflow-wrap: anywhere; }
-:is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table th { background: var(--admin-label-bg); color: var(--cc-muted); font-weight: 600; }
+:is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table th { background: var(--cc-list-table-header-bg); color: var(--cc-list-table-header-text); font-weight: 600; }
 :is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table td { background: var(--admin-surface); }
 :is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table tbody tr:nth-child(even) td { background: var(--admin-row-stripe); }
 :is(.admin-density, .admin-density-dialog, .admin-density-drawer:where(.admin-density-drawer--detail, .admin-density-drawer--editor)) .density-table tbody tr:hover td { background: var(--admin-row-hover); }
diff --git a/src/styles/adminDensity.test.ts b/src/styles/adminDensity.test.ts
index ac0ad7ef..49bfbc2d 100644
--- a/src/styles/adminDensity.test.ts
+++ b/src/styles/adminDensity.test.ts
@@ -217,6 +217,40 @@ const cssRoot = (css: string) => {
 }
 
 describe('approved Admin density ownership', () => {
+  it('separates shared list filters with the same 5px radius across density themes', () => {
+    const declarations = (source: string, selector: string) => {
+      const values: Record<string, string> = {}
+      cssRoot(source).walkRules(rule => {
+        if (rule.selector === selector) rule.walkDecls(decl => { values[decl.prop] = decl.value })
+      })
+      return values
+    }
+    const foundation = declarations(read('styles/foundation.css'), ':root')
+    expect(foundation['--cc-list-query-radius']).toBe('5px')
+    expect(foundation['--cc-list-query-gap']).toBe('16px')
+    expect(foundation['--cc-list-table-header-bg']).toBe('#edf4ff')
+    expect(foundation['--cc-list-table-header-text']).toBe('#284b78')
+    expect(declarations(shared, ':is(.admin-density, .admin-density-dialog, .admin-density-drawer) .el-table th.el-table__cell')).toEqual({
+      background: 'var(--cc-list-table-header-bg)',
+      color: 'var(--cc-list-table-header-text)',
+    })
+    const table = parse(read('shared/components/DataTable.vue')).descriptor.styles.map(style => style.content).join('\n')
+    expect(declarations(table, '.data-table > .data-table__filters')).toMatchObject({
+      'margin-bottom': 'var(--cc-list-query-gap, 16px)',
+      'border-radius': 'var(--cc-list-query-radius, 5px)',
+      border: '1px solid var(--list-card-border, var(--cc-border))',
+    })
+    const headerSelector = '.data-table > .data-table__toolbar:has(+ .data-table__filters)'
+    expect(declarations(table, headerSelector)['border-bottom']).toBe('0')
+    const fixture = document.createElement('div')
+    fixture.innerHTML = '<div class="data-table"><div id="with-filters" class="data-table__toolbar"></div><div class="data-table__filters"></div></div><div class="data-table"><div id="without-filters" class="data-table__toolbar"></div><div class="el-table"></div></div>'
+    expect(fixture.querySelector('#with-filters')!.matches(headerSelector)).toBe(true)
+    expect(fixture.querySelector('#without-filters')!.matches(headerSelector)).toBe(false)
+    expect(declarations(shared, '.admin-density .query-toolbar')['border-radius']).toBe('var(--cc-list-query-radius, 5px)')
+    expect(declarations(shared, '.admin-density .surface-panel')['border-radius']).toBe('var(--admin-radius, 4px)')
+    const query = parse(read('shared/components/QueryToolbar.vue')).descriptor.styles.map(style => style.content).join('\n')
+    expect(declarations(query, '.query-toolbar')['border-radius']).toBe('var(--cc-list-query-radius, 5px)')
+  })
   it('keeps sailing cutoff controls compact and delegates editor borders to the shared opt-in', () => {
     const view = parse(read('modules/sailing-calendar/pages/SailingCalendarView.vue')).descriptor
     const rules = new Map<string, Record<string, string>>()
@@ -1024,7 +1058,23 @@ describe('approved Admin density ownership', () => {
       rule.walkDecls(decl => { declarations[decl.prop] = decl.value })
       rules.set(rule.selector, declarations)
     })
-    expect(rules.get('.admin-density .el-table__body tr.el-table__row--striped td.el-table__cell')?.background).toBe('var(--admin-row-stripe)')
+    const stripeSelector = '.admin-density .el-table__body tr.el-table__row--striped:not(:where(:hover, .hover-row, .current-row)) > td.el-table__cell:not(:where(.hover-cell))'
+    expect(rules.get(stripeSelector)?.background).toBe('var(--admin-row-stripe)')
+    const stripeFixture = document.createElement('div')
+    stripeFixture.innerHTML = '<div class="admin-density"><table class="el-table__body"><tbody><tr class="el-table__row--striped"><td class="el-table__cell"></td></tr></tbody></table></div>'
+    const row = stripeFixture.querySelector('tr')!
+    const cell = stripeFixture.querySelector('td')!
+    expect(cell.matches(stripeSelector)).toBe(true)
+    for (const state of ['hover-row', 'current-row']) {
+      row.classList.add(state)
+      expect(cell.matches(stripeSelector)).toBe(false)
+      row.classList.remove(state)
+    }
+    cell.classList.add('hover-cell')
+    expect(cell.matches(stripeSelector)).toBe(false)
+    cell.classList.remove('hover-cell')
+    cell.innerHTML = '<table class="el-table__body"><tbody><tr><td class="el-table__cell"></td></tr></tbody></table>'
+    expect(cell.querySelector('td')!.matches(stripeSelector)).toBe(false)
     expect(rules.get('.admin-density-dialog .el-descriptions__label.el-descriptions__cell')?.background).toBe('var(--admin-label-bg)')
     expect(rules.get('.admin-density-dialog .el-form--inline .el-form-item__label')?.['align-items']).toBe('center')
     expect(rules.get('.admin-density-dialog.el-dialog.admin-density-workspace > .el-dialog__body')?.flex).toBe('1 1 auto')
@@ -1215,12 +1265,14 @@ describe('approved Admin density ownership', () => {
     expect(detail).not.toContain('.fee-form-grid')
     expect(read('modules/overseas-warehouse/components/WarehouseTransferReviewDialog.vue')).toContain('data-tone="source"')
   })
-  it('keeps new dispatch settings and resources on shared continuous sections with body scrolling', () => {
+  it('keeps dispatch planning on shared sections and cargo selection in the three-column board', () => {
     const source = read('modules/overseas-warehouse/components/SmartDispatchDialog.vue')
+    const board = read('modules/overseas-warehouse/components/SmartDispatchCargoBoard.vue')
     const fields = read('modules/overseas-warehouse/components/DispatchResourceFields.vue')
     expect(source).toContain('fullscreenable')
     expect(source).toContain('density-table density-table--editable dispatch-create-table')
-    expect(source).toContain('<DispatchResourceFields continuous')
+    expect(source).not.toContain('<DispatchResourceFields')
+    expect(source).toContain('<SmartDispatchCargoBoard')
     expect(source).toContain('label-position="left" label-width="130px"')
     expect(source).toContain('class="density-dialog-section dispatch-setup"')
     expect(source).toContain('class="density-dialog-section dispatch-draft-toolbar"')
@@ -1228,9 +1280,12 @@ describe('approved Admin density ownership', () => {
     expect(source).not.toContain('data-tone="work"')
     expect(source).not.toContain('data-tone="summary"')
     expect(source).not.toContain('data-tone="source"')
-    expect(source).toContain('class="cargo-workspace"')
-    expect(source).toContain('<LineClampText')
-    expect(source).toContain('class="dispatch-source-group"')
+    expect(board).toContain('class="dispatch-cargo-board"')
+    expect(board).toContain('class="density-table cargo-board-table"')
+    expect(board).toContain('aria-label="待排订单"')
+    expect(board).toContain('aria-label="托盘明细"')
+    expect(board).toContain('aria-label="车辆装载"')
+    expect(board).toContain('class="cargo-board-group-details"')
     expect(source).not.toContain('height="420"')
     expect(source).not.toContain('class="create-grid"')
     expect(fields).toContain('continuous?: boolean')
@@ -1240,6 +1295,7 @@ describe('approved Admin density ownership', () => {
   })
   it('keeps dispatch workflow, delivery arrangements and owned evidence on shared compact sections', () => {
     const workflow = read('modules/overseas-warehouse/components/DispatchWorkflowDialog.vue')
+    const cargo = read('modules/overseas-warehouse/components/SmartDispatchExistingCargo.vue')
     const arrangement = read('modules/overseas-warehouse/components/DispatchArrangeFields.vue')
     const evidence = read('modules/overseas-warehouse/components/DispatchEvidenceFiles.vue')
     expect(workflow).toContain(':fullscreenable="width !== \'560px\'"')
@@ -1247,7 +1303,10 @@ describe('approved Admin density ownership', () => {
     expect(workflow).toContain('density-table density-table--editable workflow-editor-table')
     expect(workflow).toContain('label-position="left" label-width="130px"')
     expect(workflow).toContain(':confirm-loading="busy || uploadingEvidence"')
-    expect(workflow).toContain('<LineClampText')
+    expect(workflow).not.toContain('aria-label="候选货物分页"')
+    expect(cargo).toContain('class="existing-cargo density-dialog-sections"')
+    expect(cargo).toContain('<SmartDispatchCargoBoard')
+    expect(cargo).toContain('aria-label="当前排车货物"')
     for (const tone of ['source', 'work']) {
       expect(workflow).toContain(`data-tone="${tone}"`)
       expect(arrangement).toContain(`data-tone="${tone}"`)
diff --git a/src/styles/adminWorkbench.css b/src/styles/adminWorkbench.css
index 0dc134ec..a6912aff 100644
--- a/src/styles/adminWorkbench.css
+++ b/src/styles/adminWorkbench.css
@@ -365,12 +365,12 @@
 /* DataTable retains ownership of toolbar size, controls and query layout. */
 .admin-workbench .query-toolbar.workbench-query {
   border-color: var(--workbench-border);
-  border-radius: var(--workbench-radius);
+  border-radius: var(--cc-list-query-radius, 5px);
   background: var(--workbench-surface);
   box-shadow: var(--workbench-shadow);
 }
 
-/* Integrated filters share the table surface; never nest another query card. */
+/* DataTable owns the rounded filter block; its inner toolbar stays transparent. */
 .admin-workbench .data-table--integrated > .data-table__filters .query-toolbar.workbench-query {
   border-radius: 0;
   background: transparent;
@@ -433,7 +433,7 @@
     --el-component-size: var(--admin-control-height, 32px);
     min-height: var(--workbench-list-toolbar-height);
     box-sizing: border-box;
-    padding: var(--workbench-list-toolbar-padding) var(--workbench-list-inset);
+    padding: var(--workbench-list-toolbar-padding) 0;
     gap: 8px 12px;
     flex-wrap: wrap;
   }
@@ -473,7 +473,15 @@
     gap: 8px 12px;
   }
 
-  /* The toolbar supplies the inset; moved tabs must not add a second frame. */
+  .admin-workbench :is(.workbench-table, .workbench-toolbar).is-page-surface > .data-table > .data-table__pagination {
+    min-height: var(--workbench-list-pagination-height);
+    box-sizing: border-box;
+    padding: var(--workbench-list-pagination-padding) var(--workbench-list-inset);
+    gap: 8px 12px;
+    flex-wrap: wrap;
+  }
+
+  /* Toolbar content aligns with the page edge; moved tabs add no extra frame. */
   .admin-workbench .data-table__toolbar-start .workbench-list-tabs {
     min-width: 0;
     margin: 0;
@@ -509,8 +517,8 @@
 .admin-workbench .workbench-table > .data-table > .el-table,
 .admin-workbench .workbench-table > .el-table {
   --el-table-border-color: var(--workbench-border);
-  --el-table-header-bg-color: var(--workbench-surface-soft);
-  --el-table-header-text-color: var(--workbench-muted);
+  --el-table-header-bg-color: var(--cc-list-table-header-bg);
+  --el-table-header-text-color: var(--cc-list-table-header-text);
   --el-table-row-hover-bg-color: var(--workbench-accent-soft);
   --el-table-current-row-bg-color: var(--workbench-accent-soft);
   --el-table-text-color: var(--workbench-text);
@@ -518,7 +526,7 @@
 }
 
 .admin-workbench .workbench-table .el-table th.el-table__cell {
-  color: var(--workbench-muted);
+  color: var(--cc-list-table-header-text);
 }
 
 .admin-workbench .el-button.density-action:not([data-tone]),
diff --git a/src/styles/adminWorkbench.test.ts b/src/styles/adminWorkbench.test.ts
index fdd51e13..4fab40d6 100644
--- a/src/styles/adminWorkbench.test.ts
+++ b/src/styles/adminWorkbench.test.ts
@@ -134,7 +134,7 @@ describe('Admin workbench opt-in styles', () => {
     const standalone = declarationsFor(get('#standalone'))
     const integrated = declarationsFor(get('#integrated'))
     expect(standalone.get('border-color')).toBe('var(--workbench-border)')
-    expect(standalone.get('border-radius')).toBe('var(--workbench-radius)')
+    expect(standalone.get('border-radius')).toBe('var(--cc-list-query-radius, 5px)')
     expect(standalone.get('box-shadow')).toBe('var(--workbench-shadow)')
     expect(integrated.get('background')).toBe('transparent')
     expect(integrated.get('border-radius')).toBe('0')
@@ -242,6 +242,7 @@ describe('Admin workbench opt-in styles', () => {
         </div>
         <div class="data-table__filters"><div id="${id}-query" class="query-toolbar"><div class="query-toolbar__filters"></div></div></div>
         <div id="${id}-body" class="el-table"></div>
+        <footer id="${id}-pagination" class="data-table__pagination"></footer>
       </div>`
     const get = fixture(`
       <main class="admin-page admin-density admin-workbench">
@@ -253,19 +254,48 @@ describe('Admin workbench opt-in styles', () => {
     const header = declarationsFor(get('#main-header'))
     const query = declarationsFor(get('#main-query'))
     expect(header.get('min-height')).toBe('var(--workbench-list-toolbar-height)')
-    expect(header.get('padding')).toBe('var(--workbench-list-toolbar-padding) var(--workbench-list-inset)')
+    expect(header.get('padding')).toBe('var(--workbench-list-toolbar-padding) 0')
     expect(query.get('padding')).toBe('var(--workbench-list-query-padding) var(--workbench-list-inset)')
     expect(header.get('flex-wrap')).toBe('wrap')
     expect(header.has('height')).toBe(false)
     expect(declarationsFor(get('#main-actions')).get('max-width')).toBe('100%')
+    const pagination = declarationsFor(get('#main-pagination'))
+    expect(pagination.get('min-height')).toBe('var(--workbench-list-pagination-height)')
+    expect(pagination.get('padding')).toBe('var(--workbench-list-pagination-padding) var(--workbench-list-inset)')
+    expect(pagination.get('box-sizing')).toBe('border-box')
+    expect(pagination.get('flex-wrap')).toBe('wrap')
+    expect(pagination.has('height')).toBe(false)
     expect(declarationsFor(get('#main-tabs')).get('padding')).toBe('0')
     expect(declarationsFor(get('#main-tabs')).get('background')).toBe('transparent')
-    for (const selector of ['#nested-header', '#outside-header', '#nested-query', '#outside-query', '#main-body']) {
+    for (const selector of ['#main-tabs', '#nested-tabs', '#outside-tabs', '#main-actions', '#main-query']) {
+      expect(declarationsFor(get(selector)).has('margin-inline-start')).toBe(false)
+    }
+    for (const selector of ['#nested-header', '#outside-header', '#nested-query', '#outside-query', '#nested-pagination', '#outside-pagination', '#main-body']) {
       expect(declarationsFor(get(selector)).has('padding')).toBe(false)
       expect(declarationsFor(get(selector)).has('height')).toBe(false)
     }
   })
 
+  it('keeps status tabs and adjacent toolbar content free of negative inset compensation', () => {
+    const get = fixture(`
+      <main class="admin-workbench"><div class="workbench-table is-page-surface"><div class="data-table">
+        <div class="data-table__toolbar"><div class="data-table__toolbar-start">
+          <button id="return" class="el-button">返回预约工作</button>
+          <nav id="status" class="workbench-list-tabs density-status-tabs"><button>装车前</button></nav>
+          <span id="summary" class="workbench-badge">数量</span>
+          <div id="radio" class="workbench-list-tabs"><input type="radio" /></div>
+          <div id="pills" class="workbench-list-tabs workbench-tabs"><button>库存周转</button></div>
+          <div class="data-table"><div class="data-table__toolbar"><div class="data-table__toolbar-start">
+            <nav id="inner" class="workbench-list-tabs density-status-tabs"><button>子表</button></nav>
+          </div></div></div>
+        </div></div>
+      </div></div></main>
+    `)
+    for (const id of ['status', 'return', 'summary', 'radio', 'pills', 'inner']) {
+      expect(declarationsFor(get(`#${id}`)).has('margin-inline-start')).toBe(false)
+    }
+  })
+
   it('aligns wrapped native tables and dialog actions without repainting semantic actions', () => {
     const get = fixture(`
       <section class="admin-workbench is-dialog admin-density-dialog">
@@ -277,7 +307,8 @@ describe('Admin workbench opt-in styles', () => {
       <div class="workbench-table"><div id="outside" class="el-table"></div></div>
     `)
     expect(declarationsFor(get('#native'))).toEqual(declarationsFor(get('#shared')))
-    expect(declarationsFor(get('#native')).get('--el-table-header-bg-color')).toBe('var(--workbench-surface-soft)')
+    expect(declarationsFor(get('#native')).get('--el-table-header-bg-color')).toBe('var(--cc-list-table-header-bg)')
+    expect(declarationsFor(get('#native')).get('--el-table-header-text-color')).toBe('var(--cc-list-table-header-text)')
     expect(declarationsFor(get('#primary')).get('--action-color')).toBe('var(--workbench-primary)')
     expect(declarationsFor(get('#danger')).get('--action-color')).toBeUndefined()
     expect(declarationsFor(get('#outside')).size).toBe(0)
diff --git a/src/styles/adminWorkbenchTokens.css b/src/styles/adminWorkbenchTokens.css
index b9d51836..c5c0111e 100644
--- a/src/styles/adminWorkbenchTokens.css
+++ b/src/styles/adminWorkbenchTokens.css
@@ -19,6 +19,8 @@
   --workbench-list-toolbar-height: 48px;
   --workbench-list-toolbar-padding: 6px;
   --workbench-list-query-padding: 8px;
+  --workbench-list-pagination-height: 48px;
+  --workbench-list-pagination-padding: 6px;
   --workbench-page-space: 24px;
   --workbench-section-gap: 16px;
   --workbench-grid-gap: 18px;
diff --git a/src/styles/foundation.css b/src/styles/foundation.css
index eb3e0177..fa1eac35 100644
--- a/src/styles/foundation.css
+++ b/src/styles/foundation.css
@@ -46,8 +46,12 @@
   --cc-list-page-title-font-size: 20px;
   --cc-list-page-description-font-size: 12px;
   --cc-list-query-font-size: 14px;
+  --cc-list-query-radius: 5px;
+  --cc-list-query-gap: 16px;
   --cc-list-table-font-size: 12px;
   --cc-list-table-header-font-weight: 600;
+  --cc-list-table-header-bg: #edf4ff;
+  --cc-list-table-header-text: #284b78;
   --cc-list-primary-font-size: 12px;
   --cc-list-secondary-font-size: 12px;
   --cc-list-status-font-size: 11px;