运输计划列表 · 布局方案对比

左侧计划主信息合并单元格(勾选、编号、状态、车牌、复制等只出现一次),右侧按行展开装货 → 送货#1 → 送货#2 …, 段内客户、地址、产品、数量各占自己的列。既保留「一个主计划」的整体感,又看清每段明细。

推荐:方案 D(主信息 rowspan + 装送货分行)

方案 A · 现状(当前代码)

  • 一行展示整单:装货客户一列、送货客户摘要一列
  • 产品列多行堆叠,看不出属于哪一段
  • 多段送货时「送货客户」只能是「A / B / C」摘要
  • 实现简单,分页/导出/勾选都按 plan 维度,无需改 API

方案 B · 主从分行

  • 计划头单独占一行,装送货在下方 — 主信息重复感略强
  • 段信息清晰,但与 D 相比多占一行高度

方案 C · 树形可展开

  • 默认只显示计划行,点击展开看装送货段
  • 行高最省,适合计划量特别大的场景
  • 多一段操作(展开)才能看到段信息
  • Element Plus 可用 expand 行;批量操作仍按 plan 勾选

运输计划

已选 1 项
计划主信息(合并单元格) 装货 / 送货段信息(按行展开)
序号 计划编号 跟进状态 计划日期 单据类型 车牌号 复制 段次 客户 地址 / 时间 段内产品 计划数量 地磅
1 PL20250826001 跟进:张三 已安排 2025-08-26 出库单 皖A·12345
装货 安庆市山峡化工有限公司 内部 安庆市 … · 08-26 08:00
硫酸 32%
盐酸 31%
28 吨
12 吨
出库
送货 #1 合肥某某贸易有限公司 合肥市 … · 08-26 14:00
硫酸 32%
28 吨 —
送货 #2 芜湖某某物流有限公司 芜湖市 … · 08-26 17:30
盐酸 31%
12 吨 —
2 PL20250826002 待安排 2025-08-26 入库单 — — 装货 江苏某某供应商 南京市 … · 08-26 09:00
甲醇
20 吨 —
送货 #1 安徽云栋化工有限公司 内部 安庆市 … · 08-26 15:00
甲醇
20 吨 入库
3 PL20250825018 等通知 2025-08-25 直销单 — — 装货 山东某某工厂 济南市 … · 08-25 10:00
双氧水
15 吨 —
送货 #1 南京某某客户 南京市 … · 08-25 16:00
双氧水
15 吨 —
方案 D 结构: 表头分两区 — 左「计划主信息」、右「装货/送货段信息」。 每个计划在左侧占一块合并单元格(高度 = 装货 1 行 + 送货 N 行),右侧逐段展开。 扫列表时先看左块认计划,再看右块认路线与货量,符合调度习惯。
序号 计划编号 跟进状态 计划日期 单据类型 装货客户 送货客户 车牌号 产品名称 计划数量 复制
1 PL20250826001 已安排 2025-08-26 出库单 安庆市山峡化工有限公司 合肥某某贸易 / 芜湖某某物流 皖A·12345
硫酸 28 吨
盐酸 12 吨
28 吨
12 吨
2 PL20250826002 待安排 2025-08-26 入库单 江苏某某供应商 安徽云栋化工有限公司 —
甲醇 20 吨
20 吨 —
3 PL20250825018 等通知 2025-08-25 直销单 山东某某工厂 南京某某客户 —
双氧水 15 吨
15 吨 —
现状痛点(样例 PL20250826001): 两个送货客户挤在「送货客户」一列;两种产品堆在「产品名称」列,无法看出 28 吨硫酸去合肥、12 吨盐酸去芜湖。 多段计划越多,这一行越难扫读。
段次 / 客户 地址 / 时间 段内产品 计划数量 地磅
PL20250826001 已安排 出库单
计划日期 2025-08-26 车牌 皖A·12345 跟进人 张三
装货 安庆市山峡化工有限公司 内部
安徽省安庆市 … · 08-26 08:00
出库 · 已勾地磅
硫酸 32%工业级
盐酸 31%
28 吨
12 吨
出库单
送货 #1 合肥某某贸易有限公司
合肥市蜀山区 … · 08-26 14:00
—
硫酸 32%工业级
28 吨 —
送货 #2 芜湖某某物流有限公司
芜湖市镜湖区 … · 08-26 17:30
—
盐酸 31%
12 吨 —
PL20250826002 待安排 入库单
计划日期 2025-08-26 车牌 未安排
装货 江苏某某供应商
南京市 … · 08-26 09:00
—
甲醇
20 吨 —
送货 #1 安徽云栋化工有限公司 内部
安庆市 … · 08-26 15:00
入库 · 已勾地磅
甲醇
20 吨 入库单
方案 B 优点: 计划头只出现一次(编号/状态/车辆/操作);装货、送货 #1、#2 各占一行,段内产品数量清晰。 勾选仍在计划头,与现有工具栏「已选 N 项 / 安排运输 / 作废」兼容。 列可收敛为:段次·客户、地址·时间、段内产品、数量、地磅/现场标记。
序号 计划编号 跟进状态 计划日期 装货 → 送货摘要 车牌号 产品概要 操作
1 PL20250826001 已安排 2025-08-26 山峡化工 → 合肥贸易 / 芜湖物流(2 段送货) 皖A·12345 硫酸 28t + 盐酸 12t
装货 安庆市山峡化工有限公司 · 硫酸 28t、盐酸 12t · 出库地磅
送货#1 合肥某某贸易有限公司 · 硫酸 28t
送货#2 芜湖某某物流有限公司 · 盐酸 12t
2 PL20250826002 待安排 2025-08-26 江苏供应商 → 安徽云栋(1 段) — 甲醇 20t
装货 江苏某某供应商 · 甲醇 20t
送货#1 安徽云栋化工有限公司 · 甲醇 20t · 入库地磅
方案 C 权衡: 默认折叠时与现状行高接近;展开后信息等价于方案 B,但多一次点击。 适合「列表以扫计划号/状态为主,偶尔下钻看段」的场景。
共 128 条计划 · 第 1 / 7 页 分页仍按计划计数,不按段行计数