选择产品弹窗增强 Demo

用于报价单管理 / 合同管理中的「选择产品」弹窗。相对现状:在「产品名称」后增加「品牌」「别名」两列(多个值用「、」分隔,宽度不够自动换行);列表上方增加「新增」「编辑」按钮。

① 列表列

顺序:… → 产品名称 → 品牌 → 别名 → 产品分类 → …。单元格允许换行,不用单行截断。

② 工具栏 + 行内操作

列表上方:已选 N 项 → 新增(主色)→ 编辑(勾选恰好 1 条可点)。表格右侧「操作」列也有「编辑」。

③ 产品表单

新增/编辑弹窗字段与交互与「产品管理」页一致(含品牌、别名子卡片)。保存后刷新本列表。

报价单管理 · 背景页(示意)

选择产品

已选 1 项
序号 产品编号 产品名称 品牌 别名 产品分类 规格型号 计量单位 税率(%) 状态 操作
1 PRD-20260081 工业乙醇(无水) 中粮、壳牌、中石油 无水乙醇、工业酒精、乙醇 99.9% 溶剂类 99.9% 吨 13% 上架
2 PRD-20260092 盐酸 金川、鲁西化工、东岳、华鲁恒升、滨化 工业盐酸、合成盐酸、HCl 酸类 31% 吨 13% 上架
3 PRD-20260105 液碱 — 烧碱溶液、氢氧化钠溶液 碱类 32% 吨 13% 上架
4 PRD-20260118 甲醇 兖矿、中海化学 — 醇类 优等品 吨 13% 上架
共 48 条 ‹ 1 2 3 ›
已选产品 (1)
工业乙醇(无水)

新增产品

字段与布局对齐「产品管理」新增/编辑弹窗(Demo 示意,非完整交互)。

品牌
别名
本地预览:用浏览器打开 docs/demos/crm-product-selector-enhance-demo.html 。工具栏「新增 / 编辑」或行内「编辑」均打开与产品管理一致的表单示意层。