样本运输 · 缴费明细 — 好与美观专项

针对销售专员 / 地区经理协议单中最复杂的两块： 样本及运输（多样本勾选、运费批次、ETA）与 缴费明细（趸交/分期、应缴批次、转账凭证）。 字段与现网一致，重点优化信息层级、批量操作与分期扫读。

对齐 ProtocolSampleTransportPanel 对齐 ProtocolSamplePaymentPanel（V2） Token #0a9f6d
样本：一眼状态类型 / 价格 / 运费 / ETA 分区展示，未配运费醒目提醒
样本：好勾好配勾选态强化 + 已选条；操作统一小实心按钮
缴费：分期可读时间线折叠，默认看期次金额，展开再录转账
缴费：缴清进度顶部合计 + 已缴/欠缴进度条，减少翻找

样本及运输 · 推荐

好用优先

样样本及运输

勾选样本后可批量配置 / 取消运费

样本2
优惠价合计¥11.6万
待配运费1
已选 1 个样本 去配置运费 ›
✓
YB20261015001 已采集
🩸 脐带血 特殊 · HBV
优惠价 ¥68,000
存储年限 20 年
预计到达 2026-10-18 14:00
顺丰速运 · ¥120（本批共用）
YB20261015002 检测中
🧬 脐带间充质
优惠价 ¥48,000
存储年限 15 年
预计到达 未填写
未配置运费 — 勾选后点「配置运费」

空空状态参考

无样本时引导添加，避免冰冷 Empty

📦

还没有样本，添加后可配置运输与缴费

添加/编辑样本 · 底部弹层

交互

编辑样本

保存后编码不可随意变更

样本类型 *
脐带血 ›
样本编码
保存后自动生成
原价格
¥72,000
优惠价 *
68000
存储年限
20
样本状态
已采集 ›
预计到达时间
2026-10-18 14:00 ›
特殊样本
开启后须填写特殊说明
特殊说明
HBV 携带，入库加急
文件：mobile-ui/zkxw-mobile-oa-protocol-sample-pay-beautify-demo.html · 总表单 Demo 见 zkxw-mobile-oa-protocol-form-beautify-demo.html。 确认本专项后，优先改 ProtocolSampleTransportPanel.vue / ProtocolSamplePaymentPanel.vue 的结构与 scoped 样式（不改业务规则）。