合同产品 vs 段产品 · 去重设计 Demo

当前装货/送货窄栏内同时出现合同卡片产品表(CRM 合同明细,只读)和段内装货/送货产品表(可编辑计划数量), 字段高度重叠,用户难以区分「合同约束」与「本段实际操作量」。

问题:同一 pane 内两张产品表 计划级产品信息仍保留全宽 10 列 段内只保留一张「可操作产品表」

层级 ① 计划产品信息(全宽)

计划总量 · 可编辑 添加产品、别名品牌、计划数量
↑ 权威来源

层级 ② 合同产品(段内卡片)

合同约束 · 只读 选合同后展开 CRM 合同明细表
与 ③ 字段重复

层级 ③ 段产品(装货/送货)

本段分装 · 可编辑 同步计划产品、改段内计划数量
与 ② 字段重复

现状问题:选合同后卡片内展开完整产品表(8~9 列),下方又有「装货产品」紧凑表,窄栏内纵向很长且信息重复。

编辑运输计划 · 现状

计划层 产品信息(全宽,略)

产品计划数量包装送货方式
97% 精制硫酸30槽罐一票制

装卸货信息

装货信息

合同层 合同卡片 · 带产品表

HT2026-001 · 采购合同 · 2 个产品
产品别名品牌规格数量单位包装送货
硫酸工业硫酸不限CP50吨槽罐一票制
装货产品

段层 装货产品 · 紧凑表(又与上面重复)

#产品计划数量包装送货方式
1 97% 精制硫酸工业硫酸 · 不限 · CP · 吨
送货信息(同理重复)

送货段同样:合同产品表 + 送货产品表 …

为何混乱

  • 两张表列字段几乎相同
  • 用户不知道改哪张
  • 窄栏 + 合同表横向滚动

保留价值

  • 合同表提供「合同约束数量」参照
  • 需保留入口查看合同原文

推荐:段内不再展开合同产品表,合同区改为摘要 Chip(合同号 + 类型 + N 个产品 +「查看」弹窗)。 本 pane 内只保留一张「装货/送货产品」表作为唯一可操作清单。计划层「产品信息」仍是总量权威来源。

编辑运输计划 · 方案 A

计划层 产品信息 — 总量权威、添加/编辑产品

产品别名品牌计划数量包装送货方式
97% 精制硫酸 毒工业硫酸不限30槽罐一票制

装卸货信息

装货信息

合同层 仅摘要,不展开产品表

HT2026-001 采购 · 2 产品

合同明细在「查看合同」弹窗中阅读,不占段内纵向空间

装货产品 · 本段唯一产品表
段层:编辑本段计划数量 / 包装 / 送货方式 / 备注
#产品计划数量包装送货方式
1 97% 精制硫酸 毒工业硫酸 · 不限 · CP · 吨
送货信息 · #1 客户甲
HT2026-002 销售 · 1 产品
送货产品
#产品计划数量包装送货方式
197% 精制硫酸槽罐一票制

优点

  • 段内只有一张产品表,认知清晰
  • 合同仍可选、可查看、可移除
  • 实现:PlPlanContractMultiSelect 增加 compact 模式隐藏 card body

注意

  • 对照合同数量需点「查看合同」
  • 内部客户免合同时 chips 区隐藏

合同卡片保留,但默认折叠只显示合同号摘要;用户需要对照时再「展开合同产品」。 段产品表始终可见。比现状省高度,但仍有两张表。

方案 B · 合同默认折叠
装货信息
HT2026-001 · 采购 · 2 产品 ▼ 展开合同产品
产品合同数量单位
硫酸50吨
装货产品(主表)
#产品计划数量包装
1硫酸槽罐
送货

同上

优点

  • 改动小,保留合同 inline 对照能力
  • 默认界面更干净

缺点

  • 展开后仍重复
  • 折叠状态用户可能找不到合同量

取消合同卡片产品表;在段产品表增加「合同数量」只读列(选合同后自动匹配产品行带入)。 一张表同时看到约束与操作量。适合强约束「段数量 ≤ 合同余量」场景。

方案 C · 合同量并入段表
装货信息
装货产品(含合同参照)
# 产品 合同数量 本段数量 包装
1 97% 精制硫酸工业硫酸 · CP · 吨 50

合同数量列只读;多合同合并时取汇总或分合同 Tab

送货

同上

优点

  • 一表看清约束 vs 操作量
  • 便于做超量校验提示

缺点

  • 窄栏多一列,仍可能挤
  • 多合同多产品匹配逻辑复杂

推荐信息架构(方案 A)

层级区域展示什么是否产品表
计划 产品信息(全宽) 计划总量、添加产品、别名品牌编辑 完整 10 列
合同 段内合同区 Chip:合同号 + 类型 + 产品数 + 查看/移除 不展示
段 装货/送货产品 本段分装数量、包装、送货方式(从计划同步) 紧凑 5 列