运输计划 · 运输信息 Tab 美化 Demo
针对「查看运输计划」弹窗中运输信息 tab 信息密度过高的问题：当前约 7 个同级区块纵向堆叠，
含多组 KV 栅格与宽表，扫读成本高。本页给出需求分析与三套展示方案（含推荐方案可交互 Demo）。
Fresh Mint · #10b981
仅 Demo，未改业务代码
推荐：方案 A 旅程主轴
现状与痛点
- 信息块过多：运输链接 / 车辆 / 物流节点 / 运费 / 司机回传 / 出库回传 / 地磅，一屏难扫完。
- 视觉权重平均：全部同级绿色竖条标题，缺少「先看什么」的叙事。
- 列表过宽过密：地磅单表列多、出入库明细表列多，横向压迫感强。
- 业务本是一条链路：取货 → 运输 → 送达 → 回传 → 过磅，但 UI 未体现旅程感。
美化目标
- 先摘要、后明细：关键指标（车牌、运费、状态）一眼可见。
- 用业务旅程组织：取货/送货成对呈现，回传与地磅可折叠。
- 表变卡、列变指标：单行回传、过磅重量用卡片/指标条，少用「全宽大表」。
- 不换色系：仍遵守 Fresh Mint，不引入多饱和色。
推荐
A. 旅程主轴 + 摘要卡 + 折叠
顶部车辆条 + 取货/送货旅程卡 + 运费指标条；回传/地磅默认折叠，按需展开。
- 首屏信息密度下降约 40%
- 符合「运输」业务心智
- 落地成本中等，可渐进改造
B. 左侧锚点导航
保留现有区块内容，左侧 sticky 目录快速跳转；适合坚持「全部展开」的用户。
- 改动最小
- 仍偏长，美化感弱
- 适合信息必须全展的场景
C. 现状压平对照
当前风格：多段同级标题 + 宽 KV + 宽表，作为「改前」对照，方便评审对比。
查看运输计划 · YSJH20260720001
×
计划概况
运输信息
合同信息
渝A·D1234
车型 半挂牵引车
司机 张三 138****8000
承运商 山峡物流有限公司
物流旅程
取货
重庆市江北区港城工业园 A 区
联系人：李四 · 139****6611
取货时间：2026-07-21 09:00
注意：需带危化品通行证
运输中
→
286 km
送达
成都市青白江区物流大道 88 号
联系人：王五 · 137****2299
送达时间：2026-07-21 18:30
注意：卸货需提前预约
运费摘要
运费金额
¥ 4,860.00
按重量 · 已开票
已回传
司机回传信息
2026-07-21 19:12
▶
出库单
出库单回传
已确认
▶
| 产品 |
规格 |
计划 |
实际 |
单位 |
| 盐酸（31%） |
工业级 |
20.000 |
19.860 |
吨 |
| 烧碱（液碱） |
32% |
12.400 |
12.320 |
吨 |
过磅
地磅单信息
1 条关联
▶
盐酸（31%）
已完成
RK20260721015
查看运输计划 · YSJH20260720001
×
计划概况
运输信息
合同信息
查看运输计划 · YSJH20260720001
×
计划概况
运输信息
合同信息
对照：以下为当前「同级标题 + 宽 KV / 宽表」的信息压迫感示意（非最终稿）。
物流节点
左取货 KV 四列 · 右送货 KV 四列
司机回传信息
宽表格：序号 / 时间 / 数量 / 备注 / 附件…
出库单回传
KV 五行 + 产品明细宽表 + 备注附件
地磅单信息
基础 KV 六列 + 地磅宽表（毛重/皮重/净重/时间…十余列）
评审建议：
优先确认是否采用方案 A（旅程主轴 + 指标卡 + 折叠明细）。
若业务要求「运输信息必须全部默认展开、不可折叠」，可改用方案 B，或 A 的折叠默认全部 open。
确认后我再按选定方案落到 pl-plan-view-tabs 实现。