调整征信记录维护页面搜索区并去掉顶部标题
This commit is contained in:
@@ -0,0 +1,75 @@
|
||||
# 征信记录维护页面去掉顶部标题实施记录
|
||||
|
||||
## 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 浏览器会话
|
||||
Reference in New Issue
Block a user