运费信息
一行逻辑对应一笔运费批次；左侧「运输方式 / 运费 / 关联数」合并单元格。 右侧按实际关联展示细胞存储与科研捐赠样本（一次专线车可混装）。
| 运输方式 | 运费(元) | 关联数 | 来源 | 协议单号 | 样本编码 | 样本类型 | 创建时间 | 操作 | |
|---|---|---|---|---|---|---|---|---|---|
| 专线车 | ¥800.00 | 3 | 细胞存储 | CP20261008001 | ZK-UC-20261008-01 | 脐带血 | 2026-10-08 09:12:00 | ||
| 科研捐赠 | RD20261008012 | RD-PL-20261008-03 | 胎盘 | ||||||
| 细胞存储 | CP20261008007 | ZK-UC-20261008-07 | 脐带血 | ||||||
| 顺丰快递 | ¥120.00 | 1 | 细胞存储 | CP20261007022 | ZK-UC-20261007-22 | 脐带血 | 2026-10-07 16:40:11 | ||
| 同城闪送 | ¥260.00 | 2 | 科研捐赠 | RD20261006003 | RD-CB-20261006-01 | 脐带 | 2026-10-06 11:05:33 | ||
| 科研捐赠 | RD20261006003 | RD-CB-20261006-02 | 脐带 | ||||||
| 专线车 | ¥500.00 | 0 | — 暂无关联样本 — | 2026-10-05 18:20:00 | |||||
共 4 笔运费 · 6 条样本明细
1 / 1
Demo 说明：
浅色竖条标题对齐 Fresh Mint；批次 A 展示「专线车一次拉 3 个样本（含细胞存储 + 科研捐赠）」的合并单元格效果。
正式实现走 Vue + Element Plus，文件路径：
docs/demos/2026-10-08-sample-freight-menu-demo.html