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

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

操作时间：2026-08-11 00:40:15
操作类型：修改
影响模块：平台总后台标准资源详情页

操作前状态

• 详情页同时显示“列表 / 详情”面包屑、操作大标题和说明文字，信息表达重复。
• 页面网格未限制纵向内容对齐，内容较少时标题区和多张卡片会被剩余视口高度拉伸，产生大块空白。
• 未开通钱包使用大尺寸空状态，占据过多纵向空间。
• 基本信息、钱包和状态管理卡片的标题高度与内容内边距缺少统一约束。

具体操作

• 修改 frontend/platform_admin/src/views/resource/ResourceRecordPage.vue：
  • 删除所有标准详情页重复的操作大标题和说明文字。
  • 保留面包屑、编辑、返回、气站启停和资源业务动作。
  • 移除不再使用的标题计算与说明文字依赖。
• 修改 frontend/platform_admin/src/api/resource-display.ts：删除已无调用方的页面说明文字函数，保留模式名称和错误提示格式化能力。
• 修改 frontend/platform_admin/src/views/resource/ResourceRecordPage.less：
  • 页面网格统一采用顶部自然对齐和 12px 间距。
  • 统一业务操作、状态管理卡片的标题高度和内容内边距。
• 修改 frontend/platform_admin/src/views/resource/ResourceDetailContent.vue：
  • 详情卡片统一为紧凑标题和内容间距。
  • 保留大屏三列、中屏两列、小屏单列的响应式信息布局。
• 修改 frontend/platform_admin/src/views/resource/ResourceWalletSummary.vue：
  • 未开通钱包改为小图标和单行提示。
  • 保留已开通钱包摘要及详情入口。

操作后状态

• 详情页顶部只保留导航和操作，页面层级与新建、编辑页一致。
• 基本信息、钱包、状态管理和业务操作卡片均按内容自然高度紧凑排列。
• 钱包和气站状态能力不变，仅调整展示密度。

验证结果

• 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。
• 已开通钱包账户详情继续显示钱包标识、余额、可提现余额、状态和详情入口。
• 响应式验证：1440px 三列、1000px 两列、700px 单列；浏览器控制台无警告或错误；未执行编辑、启停或保存操作。

风险评估

• 本次只修改平台总后台 5173 的标准详情页布局，不改变接口、数据库、权限、状态流转或表单保存逻辑。
• 聚合子表、账户摘要、钱包详情入口和资源专属业务动作继续使用原组件和事件。
• 气站后台 5175、配送点后台 5176 和树形资源页面保持原状。