platforms/docs/操作日志_标准资源详情字段布局优化_20260811.md

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

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