运输计划 · 合同完善 界面 Demo

仅展示「缺合同」的运输计划。判定规则:供需双方若非内置公司 (安庆市山峡化工有限公司 / 安徽云栋化工有限公司),该侧至少需关联 1 份合同; 内置公司该侧合同可免。本页只做关联已有合同,不支持新增/编辑合同。

Fresh Mint · web-admin 参考模式:P02 复杂列表 + 关联弹窗 可点击交互 Demo 菜单建议:运输计划模块下

业务目标

  • 创建计划时合同改为非必填,事后用本页快速补齐
  • 列表默认只显示缺口:缺供方 / 缺需方 / 两侧都缺
  • 行内操作「补充合同」→ 打开选择器关联 CRM 已有合同
  • 补齐后自动从本列表消失(或刷新后消失)

本 Demo 两种交互

  • 方案 A(推荐):列表 +「补充合同」弹窗,两侧分区关联
  • 方案 B:列表行展开,直接在行内补两侧合同
  • 下方可切换方案,并点击按钮体验弹窗

推荐:与现有「危化品证上传」「运输计划」列表一致;弹窗内可专注选合同, 不打断表格滚动;便于后续加菜单角标(待完善数量)。

运输计划合同完善

待完善 3 条
仅展示仍缺合同的运输计划 · 内置公司侧已自动豁免
计划编号 计划日期 供方 需方 合同缺口 跟进状态 操作
YP20260820001 2026-08-20
合肥某某商贸有限公司 供方合同:未关联
安庆市山峡化工有限公司 内置 · 合同可免
缺供方合同
已安排
YP20260819088 2026-08-19
安庆市山峡化工有限公司 内置 · 合同可免
芜湖某某材料有限公司 需方合同:未关联
缺需方合同
待安排
YP20260818042 2026-08-18
马鞍山某某化工有限公司 供方合同:未关联
铜陵某某实业有限公司 需方合同:未关联
两侧均缺
运输中
共 3 条 · 每页 20 条 · 1 / 1

备选:适合一次补几条、不想频繁开弹窗的场景;表格变高,窄屏体验略差。

运输计划合同完善

待完善 2 条(示例)
点击「展开补充」在行内关联合同
计划编号 计划日期 供方 需方 合同缺口 操作
YP20260820001 2026-08-20 合肥某某商贸有限公司 安庆市山峡化工有限公司 缺供方合同
YP20260818042 2026-08-18 马鞍山某某化工有限公司 铜陵某某实业有限公司 两侧均缺

缺口判定(与内置名单一致)

  • 名称 ∈ {山峡, 云栋} → 该侧不要求合同
  • 否则 → 该侧 contracts.length ≥ 1
  • 任一侧不满足 → 进入本列表

本页能力边界

  • ✅ 筛选、列表、关联已有合同、保存
  • ✅ 跳转查看运输计划(只读)
  • ❌ 不在此页新增 / 编辑 / 审批合同

待你确认(下一步提问)

  • 是否含已作废计划?归档计划?
  • 菜单角标是否显示待完善数量?
  • 关联时是否允许多份合同?
已保存合同关联(Demo)