产品查看弹窗 · 信息展示样式(非表格)

先在 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

标准价
¥86.00
成本价
¥52.50
库存
128 瓶
状态
在售
产品分类
化工原料 / 有机溶剂
规格型号
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 采购批次。

产品图片