调整征信记录维护页面搜索区并去掉顶部标题

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

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

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

@@ -1,26 +1,30 @@
 <template>
   <div class="app-container">
-    <div class="page-title">征信维护</div>
+    <el-form :model="queryParams" ref="queryForm" size="small" v-show="showSearch" label-width="100px" class="query-form">
-
+      <el-row :gutter="16">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+        <el-col :span="6">
-      <el-form-item label="姓名">
+          <el-form-item label="姓名">
-        <el-input
+            <el-input
-          v-model="queryParams.name"
+              v-model="queryParams.name"
-          placeholder="请输入姓名"
+              placeholder="请输入姓名"
-          clearable
+              clearable
-          style="width: 240px"
+              style="width: 100%"
-          @keyup.enter.native="handleQuery"
+              @keyup.enter.native="handleQuery"
-        />
+            />
-      </el-form-item>
+          </el-form-item>
-      <el-form-item label="身份证号">
+        </el-col>
-        <el-input
+        <el-col :span="6">
-          v-model="queryParams.idCard"
+          <el-form-item label="身份证号">
-          placeholder="请输入身份证号"
+            <el-input
-          clearable
+              v-model="queryParams.idCard"
-          style="width: 240px"
+              placeholder="请输入身份证号"
-          @keyup.enter.native="handleQuery"
+              clearable
-        />
+              style="width: 100%"
-      </el-form-item>
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
@@ -331,11 +335,17 @@ export default {
 </script>
 
 <style scoped>
-.page-title {
+.query-form ::v-deep .el-row {
-  margin-bottom: 16px;
+  display: flex;
-  font-size: 18px;
+  flex-wrap: wrap;
-  font-weight: 600;
+}
-  color: #303133;
+
+.query-form ::v-deep .el-col {
+  float: none;
+}
+
+.query-form ::v-deep .el-form-item {
+  margin-right: 0;
 }
 
 .upload-result {