40 lines
1.8 KiB
Markdown
40 lines
1.8 KiB
Markdown
|
# 标准资源详情字段布局优化操作日志
|
|||
|
|
|
|||
|
|
操作时间：2026-08-11 01:21:54
|
|||
|
|
操作类型：修改
|
|||
|
|
影响模块：平台总后台标准资源详情页
|
|||
|
|
|
|||
|
|
## 操作前状态
|
|||
|
|
|
|||
|
|
- 详情字段使用固定 `120px` 标签列，短标签和值之间出现明显空白。
|
|||
|
|
- “统一社会信用代码”等长中文标签空间不足，会拆字换行并增加行高。
|
|||
|
|
- 固定标签列在不同字段长度下无法同时兼顾紧凑性和可读性。
|
|||
|
|
|
|||
|
|
## 具体操作
|
|||
|
|
|
|||
|
|
- 修改 `frontend/platform_admin/src/views/resource/ResourceDetailContent.vue`：
|
|||
|
|
- 标签列改为按文字自然宽度计算。
|
|||
|
|
- 标签和值之间统一使用 `12px` 间距。
|
|||
|
|
- 标签禁止换行，值区域继续允许收缩和自动换行。
|
|||
|
|
- 小屏不再恢复固定 `100px` 标签列。
|
|||
|
|
- 更新平台需求和标准资源全页管理项目文档。
|
|||
|
|
|
|||
|
|
## 操作后状态
|
|||
|
|
|
|||
|
|
- 短标签后的多余空白消失，字段值紧邻对应标签。
|
|||
|
|
- 长中文标签保持单行，不再出现单字换行。
|
|||
|
|
- 大屏三列、中屏两列、小屏单列及字段分隔线保持不变。
|
|||
|
|
|
|||
|
|
## 验证结果
|
|||
|
|
|
|||
|
|
- `npm.cmd run type:check`：通过。
|
|||
|
|
- `npm.cmd run build`：通过，Vite 生产构建完成。
|
|||
|
|
- `npm.cmd run resource-pages:check`：通过，详情 46 类、新建 25 类、编辑 23 类。
|
|||
|
|
- `npm.cmd run contract:check`：通过，48 个资源契约一致。
|
|||
|
|
- 浏览器回归：“唯一标识”和“统一社会信用代码”标签与值的实际间距均为 `12px`，长标签保持单行；`700px` 小屏使用单列且无水平溢出，控制台无警告或错误。
|
|||
|
|
|
|||
|
|
## 风险评估
|
|||
|
|
|
|||
|
|
- 本次仅调整详情字段 CSS，不修改字段顺序、格式化、唯一标识复制、接口或权限逻辑。
|
|||
|
|
- 聚合子表、钱包、状态管理、编辑页、新建页及其他管理端保持原状。
|