运输计划 · 已选合同信息展示模式

场景:新增/编辑弹窗中,供方或需方已选择客户与合同后,下方如何展示「合同 + 合同内产品」。 以下用同一份示例数据,提供 6 种展示模式。请勾选倾向方案,回复模式编号即可落地。

Fresh Mint 示例:供方 · 2 份合同 产品字段:名称/别名/品牌/规格/数量/单位/包装/送货/备注

A单元格内嵌套产品表(当前实现接近)

外层合同行 + 「产品信息」列里再放一张小表。信息全,但单元格拥挤、行高失控。

易显乱 信息完整

供方信息

安庆某某化工有限公司
合同编号 产品信息 合同类型 操作
HT2026080001
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
硫酸工业硫酸—98% 30吨散水送到—
盐酸—山峡31% 20吨吨桶自提注意防腐蚀
销售合同
HT2026080018
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
液碱烧碱—32% 15吨散水送到—
框架合同
适合:合同很少、产品字段少时

B合同卡片(推荐候选)

每份合同一张卡片:顶部合同编号/类型/移除,下方独立产品明细表。层次清晰,半宽供需块里也较稳。

推荐候选 层次清晰 易扫读

供方信息

安庆某某化工有限公司
HT2026080001 销售合同 2 个产品
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
硫酸工业硫酸—98% 30吨散水送到—
盐酸—山峡31% 20吨吨桶自提注意防腐蚀
HT2026080018 框架合同 1 个产品
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
液碱烧碱—32% 15吨散水送到—
适合:默认推荐;合同 1~N 份、产品字段较多

C主表 + 展开行(行中行)

默认只看合同概要;点击展开后显示产品明细表。列表紧凑,适合合同多、平时不看产品细节。

列表紧凑 需二次点击

供方信息

安庆某某化工有限公司
合同编号 产品摘要 合同类型 操作
▾ HT2026080001 硫酸、盐酸 · 共 2 项 销售合同
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
硫酸工业硫酸—98% 30吨散水送到—
盐酸—山峡31% 20吨吨桶自提注意防腐蚀
▸ HT2026080018 液碱 · 共 1 项 框架合同
适合:合同较多,产品明细按需查看

D合同摘要条 + 下方统一产品明细表

上方用 Tag 展示已选合同;下方一张「合同编号 + 产品字段」合并表。扫产品方便,但合同边界弱一些。

产品横向对比好 合同边界弱

供方信息

安庆某某化工有限公司
HT2026080001 · 销售合同 ✕ HT2026080018 · 框架合同 ✕
合同编号 产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
HT2026080001 硫酸工业硫酸—98% 30吨散水送到—
HT2026080001 盐酸—山峡31% 20吨吨桶自提注意防腐蚀
HT2026080018 液碱烧碱—32% 15吨散水送到—
适合:更关心产品清单,而不是按合同分组

E分组清单(轻卡片 + 网格行)

无外层大表;每份合同一条标题栏 + 产品网格行。比 B 更轻,比 A 更整齐。

轻量 半宽友好

供方信息

安庆某某化工有限公司
合同编号 HT2026080001 类型 销售合同
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
产品名称硫酸 别名工业硫酸 品牌— 型号/规格98% 数量30 单位吨 包装规格散水 送货方式送到 备注—
产品名称盐酸 别名— 品牌山峡 型号/规格31% 数量20 单位吨 包装规格吨桶 送货方式自提 备注注意防腐蚀
合同编号 HT2026080018 类型 框架合同
产品名称别名品牌型号/规格 数量单位包装规格送货方式备注
产品名称液碱 别名烧碱 品牌— 型号/规格32% 数量15 单位吨 包装规格散水 送货方式送到 备注—
适合:半宽布局,想弱化「表中表」感

F紧凑文本清单

合同一行标题,产品用短文本多行展示。最省空间,但字段对齐弱、不适合字段很多时核对。

最省空间 不利于核对

供方信息

安庆某某化工有限公司
HT2026080001 销售合同
  1. 硫酸 / 别名工业硫酸 / — / 98% / 30吨 / 散水 / 送到
  2. 盐酸 / — / 山峡 / 31% / 20吨 / 吨桶 / 自提 / 注意防腐蚀
HT2026080018 框架合同
  1. 液碱 / 别名烧碱 / — / 32% / 15吨 / 散水 / 送到
适合:仅需快速确认选了什么,不在弹窗内细核字段