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

## 1. 变更目标

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

说明：

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

## 2. 实际修改

修改文件：

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

本次改动内容：

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

未改动内容：

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

## 3. 构建验证

执行命令：

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

结果：

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

## 4. 真实页面验证

启动服务：

```bash
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 浏览器会话