# 标准资源详情字段布局优化操作日志

操作时间：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，不修改字段顺序、格式化、唯一标识复制、接口或权限逻辑。
- 聚合子表、钱包、状态管理、编辑页、新建页及其他管理端保持原状。