产品查看弹窗 · 信息展示样式(非表格)
先在 Demo 中对比选型,确认后再改 SystemViewDialog / 产品管理页代码。以下均不含 table 表格模式。
对应组件:ViewKvGrid(4 列,label 在上 value 在下)。规范默认方案,与 SystemViewDialog 原生一致,改造成本最低。
工业级无水乙醇
产品编号:P20260328001
- 标准价(元)
- ¥86.00
- 成本价(元)
- ¥52.50
- 库存数量
- 128 瓶
- 状态
- 在售
- 产品分类
- 化工原料 / 有机溶剂
- 规格型号
- AR 500ml
- 条码
- 6901234567890
- 库存预警值
- 20
- 销售次数
- 36
- 税率
- 13%
- 是否易制毒
- 是
- 是否易制爆
- 否
- 创建时间
- 2026-03-28 14:32:10
- 产品描述
- 适用于实验室分析、工业清洗;阴凉干燥储存,远离火源。
- 备注
- 2026 Q1 采购批次,供应商资质已核验。
产品图片
特点:每行「标签左 · 值右」,无竖线表格感,纵向阅读清晰;长文本自然换行。需新增 ViewKvRows 或在 dense 模式加 layout="rows"。
工业级无水乙醇
产品编号:P20260328001
标准价(元)¥86.00
成本价(元)¥52.50
库存数量128 瓶
状态在售
产品分类化工原料 / 有机溶剂
规格型号AR 500ml
条码6901234567890
库存预警值20
销售次数36
税率13%
是否易制毒是
是否易制爆否
创建时间2026-03-28 14:32:10
产品描述适用于实验室分析、工业清洗;阴凉干燥储存,远离火源。
备注2026 Q1 采购批次,供应商资质已核验。
产品图片
特点:价/库存/状态先「核心条」高亮,其余字段双列栅格;信息聚拢、层次清楚。可复用现有 highlights + ViewKvGrid 两列。
工业级无水乙醇
产品编号:P20260328001
- 产品分类
- 化工原料 / 有机溶剂
- 规格型号
- AR 500ml
- 条码
- 6901234567890
- 库存预警值
- 20
- 销售次数
- 36
- 税率
- 13%
- 是否易制毒
- 是
- 是否易制爆
- 否
- 创建时间
- 2026-03-28 14:32:10
- 产品描述
- 适用于实验室分析、工业清洗;阴凉干燥储存。
- 备注
- 2026 Q1 采购批次。
产品图片
特点:按「价格 / 库存 / 其他 / 说明」分组,组内用「标签 值 · 标签 值」内联,最省纵向空间。适合字段多但希望一屏看完。
工业级无水乙醇
产品编号:P20260328001
价格与状态
标准价¥86.00·
成本价¥52.50·
状态在售
库存
库存数量128 瓶·
预警值20·
销售次数36
基本信息
分类化工原料 / 有机溶剂·
规格AR 500ml·
条码6901234567890·
税率13%·
易制毒是·
易制爆否·
创建2026-03-28 14:32
说明
产品描述适用于实验室分析、工业清洗;阴凉干燥储存。
备注2026 Q1 采购批次。
产品图片