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

操作时间：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 和树形资源页面保持原状。