diff --git a/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md b/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md index 1f4ebeaf..36a99b7f 100644 --- a/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md +++ b/src/modules/overseas-warehouse/PROTOTYPE_MATRIX.md @@ -11,6 +11,7 @@ | 页面 | 操作 | 依据 | 当前实现与结论 | 验收 | |---|---|---|---|---| | 排车列表 | 阶段切换与审核页签 | 本轮用户截图 Image #1 与“只有装车前”显示审核的明确要求 | 原先各阶段均显示审核页签;调整为仅装车前显示调度审核、理货员审核,其他阶段仅车辆信息,离开装车前自动回到车辆信息;沿用现有页签布局和车次详情跳转 | 阶段切换与审核跳转自动回归;1920×1080、100% 缩放待人工截图确认 | +| 排车列表 | 编号与行操作可读性 | 2026-10-10 本轮 TEST 1920×1080 截图,DS-WH-20261009-642242 被170px列截断,操作列380px存在明显余白;沿当前高密度规范 | 保持操作列左固定与原三个直接动作及更多菜单;操作列260px,排车号220px,车次230px;长编号、姓名及关联订单可换行 | 当前修改待发布后同视口复验,不改变操作承载方式或业务资格 | 排车装车后车辆信息分区增加路线地图列,使用公开`TransportRouteDialog`。原型、字段来源和多目的仓选择见[运输路线地图](../overseas-master-data/PROTOTYPE_MATRIX.md#运输路线地图)。其他阶段不新增路线列,不逐行请求地图。 diff --git a/src/modules/overseas-warehouse/layoutAcceptance.test.ts b/src/modules/overseas-warehouse/layoutAcceptance.test.ts index 4a73dbbb..2f86a735 100644 --- a/src/modules/overseas-warehouse/layoutAcceptance.test.ts +++ b/src/modules/overseas-warehouse/layoutAcceptance.test.ts @@ -10,7 +10,8 @@ describe('overseas warehouse 1920px layout acceptance', () => { const widths: Record = { 'LastMileOrdersView.vue': 330, 'InboundOrdersView.vue': 300, - 'DispatchesView.vue': 380, + // Three compact RowActions plus the overflow menu; long business numbers use the saved space. + 'DispatchesView.vue': 260, 'OutboundsView.vue': 180, 'DeliveryOrdersView.vue': 300, 'RelabelOrdersView.vue': 180, diff --git a/src/modules/overseas-warehouse/pages/DispatchesView.vue b/src/modules/overseas-warehouse/pages/DispatchesView.vue index 223e75ab..17e93832 100644 --- a/src/modules/overseas-warehouse/pages/DispatchesView.vue +++ b/src/modules/overseas-warehouse/pages/DispatchesView.vue @@ -212,13 +212,13 @@ const fields = computed(() => [ ]) const columns: DataTableColumn[] = [ - { key: 'actions', label: '操作', width: 380, fixed: 'left', slotName: 'actions' }, - { key: 'dispatchNo', prop: 'dispatchNo', label: '排车单号', minWidth: 170, fixed: 'left' }, - { key: 'workflow', label: '关联车次', minWidth: 210, slotName: 'workflow' }, + { key: 'actions', label: '操作', width: 260, fixed: 'left', slotName: 'actions' }, + { key: 'dispatchNo', prop: 'dispatchNo', label: '排车单号', minWidth: 220, fixed: 'left', singleLine: false }, + { key: 'workflow', label: '关联车次', minWidth: 230, slotName: 'workflow', singleLine: false }, { key: 'dispatchReview', label: '调度审核', minWidth: 180, slotName: 'dispatchReview', singleLine: false }, { key: 'loadingReview', label: '理货审核(整车)', minWidth: 180, slotName: 'loadingReview', singleLine: false }, - { key: 'vehiclePlate', prop: 'vehiclePlate', label: '车牌号', minWidth: 130 }, - { key: 'driverName', prop: 'driverName', label: '司机', minWidth: 120 }, + { key: 'vehiclePlate', prop: 'vehiclePlate', label: '车牌号', minWidth: 150, singleLine: false }, + { key: 'driverName', prop: 'driverName', label: '司机', minWidth: 150, singleLine: false }, { key: 'driverPhone', prop: 'driverPhone', label: '联系电话', minWidth: 140 }, { key: 'carrierName', @@ -226,7 +226,7 @@ const columns: DataTableColumn[] = [ label: '托车公司名称', minWidth: 160, }, - { key: 'orderNos', prop: 'orderNos', label: '关联订单', minWidth: 220 }, + { key: 'orderNos', prop: 'orderNos', label: '关联订单', minWidth: 260, singleLine: false }, { key: 'route', prop: 'route', label: '路线', minWidth: 180 }, { key: 'overseasWarehouse',