Files
ccdi/docs/reports/implementation/2026-04-23-credit-info-remove-page-title-implementation.md

1.9 KiB

征信记录维护页面去掉顶部标题实施记录

1. 变更目标

去掉征信记录维护页面最上方单独显示的标题“征信维护”,保留页面其余查询区、按钮区和列表逻辑不变。

说明:

  • 因当前工作区中该文件同时叠加了尚未提交的“搜索区四列栅格”调整,本次按用户确认口径一并提交该文件中的两类前端改动

2. 实际修改

修改文件:

  • ruoyi-ui/src/views/ccdiCreditInfo/index.vue

本次改动内容:

  • 保留并一并提交当前文件中已完成的搜索区四列栅格调整
  • 删除模板中的 <div class="page-title">征信维护</div>
  • 删除仅供该标题使用的 .page-title 样式

未改动内容:

  • 查询区字段与布局
  • 搜索 / 重置 / 批量上传征信HTML 按钮
  • 列表、分页、上传弹窗、详情弹窗逻辑

3. 构建验证

执行命令:

source ~/.nvm/nvm.sh && cd ruoyi-ui && nvm use >/dev/null && npm run build:prod

结果:

  • 构建成功
  • 无新增模板语法错误
  • 仅保留项目原有打包体积告警

4. 真实页面验证

启动服务:

sh bin/restart_java_backend.sh start
source ~/.nvm/nvm.sh && cd ruoyi-ui && nvm use >/dev/null && npm_config_port=1025 npm run dev

验证页面:

  • http://localhost:1025/maintain/creditInfo

验证方式:

  • 通过真实登录页进入系统
  • 使用 Playwright 打开征信记录维护页面
  • 检查页面中是否仍存在 .page-title

验证结果:

  • 页面顶部单独标题已移除
  • document.querySelector(".page-title") 返回 false
  • 征信页查询区仍保持四列栅格实现中的双字段布局,不影响当前搜索区显示
  • 页面查询区直接出现在顶部,按钮与列表显示正常

5. 进程清理

验证结束后关闭:

  • 前端开发服务 npm run dev
  • 后端服务,使用 sh bin/restart_java_backend.sh stop
  • Playwright 浏览器会话