76 lines
1.9 KiB
Markdown
76 lines
1.9 KiB
Markdown
|
# 征信记录维护页面去掉顶部标题实施记录
|
||
|
|
|
||
|
|
## 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 浏览器会话
|