52 lines
3.0 KiB
Markdown
52 lines
3.0 KiB
Markdown
# 标准资源详情页布局优化操作日志
|
||
|
||
操作时间：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 和树形资源页面保持原状。
|