运输计划列表 · 合并单元格 Demo

一个运输计划若含 1 个装货 + 2 个送货,表格占 3 行。 左侧「计划主信息」列使用 rowspan=3 合并为一块;右侧装货、送货#1、送货#2 各占一行。 列划分与线上一致:计划区(编号/状态/日期/类型/车牌/复制)+ 段区(段次/客户/地址时间/产品/计划数量/地磅)。

计划主信息(合并单元格) 装货段(1 行) 送货段(每段 1 行)

运输计划

已选 1 项(按计划勾选,非按段)
计划主信息 · 合并单元格(rowspan = 装货 1 行 + 送货 N 行) 装货 / 送货 · 每段一行
序号 计划编号 跟进状态 计划日期 单据类型 车牌号 复制 段次 客户 地址 / 时间 段内产品 计划数量 地磅
1 rowspan=3 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 rowspan=2 PL20250826002 待安排 2025-08-26 入库单 — — 装货 江苏某某供应商
南京市江宁区 …
08-26 09:00
甲醇 20 吨 —
送货 #1 安徽云栋化工有限公司内部
安庆市 …
08-26 15:00
甲醇 20 吨 入库
3rowspan=2 PL20250825018 等通知 2025-08-25 直销单 — — 装货 山东某某工厂
济南市 …
08-25 10:00
双氧水 15 吨 —
送货 #1 南京某某客户
南京市 …
08-25 16:00
双氧水 15 吨 —
读表方式(以 PL20250826001 为例):
① 左侧合并块 = 一条运输计划(勾选、编号、状态、车牌、复制只出现 1 次)。
② 右侧第 1 行 = 装货段(山峡,硫酸+盐酸,地磅出库)。
③ 右侧第 2 行 = 送货#1(合肥,硫酸 28 吨)。
④ 右侧第 3 行 = 送货#2(芜湖,盐酸 12 吨)。
⑤ 实现:flattenPlanListRows + el-table :span-method,rowspan = 1 + deliveries.length;勾选/分页按计划。
⑥ 已落地页:web-admin/src/views/pl/plan/index.vue(列设置 key pl-plan-list-columns-v4)。
共 128 条计划 · 第 1 / 7 页 分页按计划计数,不按段行