优化前端页面布局细节

docs/reports/implementation/2026-07-13-account-info-layout-align.md

@@ -0,0 +1,21 @@
+# 账号库管理页面布局对齐实施记录
+
+## 修改内容
+
+- 移除账号库管理页额外的 `.board` 卡片容器。
+- 移除账号库管理页额外的灰色页面背景、圆角、边框和卡片内边距。
+- 保留查询区、按钮区、表格、分页和弹窗表单的原有业务逻辑。
+
+## 影响范围
+
+- 前端页面：`ruoyi-ui/src/views/ccdiAccountInfo/index.vue`
+- 未修改接口、查询参数、表格字段、导入逻辑、权限配置和后端代码。
+
+## 验证情况
+
+- 已执行 `node tests/unit/account-info-layout-polish.test.js`，账号库列顺序和外层卡片移除断言通过。
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；因本机 Node 14.21.3 缺少 npm，未使用 `.nvmrc` 指向版本。
+- 已通过真实前端页面 `http://127.0.0.1:8088/ccdiAccountInfo` 验证：
+  - 列表表头为“所属人类型、员工姓名、关系类型、证件号、账户姓名、账户号码、账户类型、账户范围”。
+  - 页面不再存在 `.account-page` 和 `.board` 外层卡片容器。
+  - 查询区标签均为单行显示，页面无横向溢出。

docs/reports/implementation/2026-07-13-enterprise-credit-code-query-layout.md

@@ -0,0 +1,27 @@
+# 实体统一社会信用代码查询区布局实施记录
+
+## 修改内容
+
+- 实体库管理查询区统一使用 136px 标签宽度，并设置查询区标签不换行。
+- 实体库管理查询区保持每个字段 6 栅格，使上下两行输入框左边界和宽度对齐。
+- 信贷客户实体关联查询区统一使用 136px 标签宽度，并设置查询区标签不换行。
+- 信贷客户实体关联查询区保持每个字段 6 栅格，使同一行输入框左边界和宽度对齐。
+
+## 影响范围
+
+- `ruoyi-ui/src/views/ccdiEnterpriseBaseInfo/index.vue`
+- `ruoyi-ui/src/views/ccdiCustEnterpriseRelation/index.vue`
+- 本次仅调整查询区展示布局，不修改查询参数、接口、表格字段、导入逻辑和后端代码。
+
+## 验证情况
+
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；本机 `.nvmrc` 指向的 Node 14.21.3 缺少 npm，未使用该不完整环境。
+- 已通过真实页面 `http://127.0.0.1:8088/maintain/enterpriseBaseInfo` 验证：
+  - “统一社会信用代码”标签单行显示，标签高度 32px。
+  - 查询区上下两行输入框按列对齐，当前 1280px 视口下各列输入框左边界为 396/650/904/1158px。
+  - 页面无横向溢出。
+- 已通过真实页面 `http://127.0.0.1:8088/maintain/custEnterpriseRelation` 验证：
+  - “统一社会信用代码”标签单行显示，标签高度 32px。
+  - 查询区输入框按列对齐，当前 1280px 视口下各列输入框左边界为 396/650/904/1158px。
+  - 页面无横向溢出。
+- 浏览器控制台错误数为 0。

docs/reports/implementation/2026-07-13-frontend-layout-polish.md

@@ -0,0 +1,58 @@
+# 前端页面布局小优化实施记录
+
+## 修改背景
+
+对近期涉及的前端页面进行风格检查后，发现部分后台表格和筛选区存在列顺序不顺、下拉框宽度偏窄、窄屏挤压和长文本撑开表格的问题。本次只做页面展示层小优化，不调整接口和业务逻辑。
+
+## 修改内容
+
+1. 流水明细查询
+   - 将“交易金额”列移动到“异常标签”列前面。
+   - 将“交易金额”列控制为 120px，“异常标签”列控制为 220px，避免列宽虚高。
+   - 长账号、长摘要和长名称允许在单元格内断行，避免撑开表格。
+   - 单个超长异常标签限制在列内省略展示，避免撑开表格。
+
+2. 风险明细-涉疑交易明细
+   - 将“命中模型”和“预警类型”筛选框统一调整为 240px。
+   - 查询按钮设置最小宽度，避免筛选栏视觉抖动。
+   - 将“交易金额”列移动到“异常标签”列前面，与流水明细查询保持一致。
+   - 将“交易金额”列控制为 120px，“异常标签”列控制为 220px，避免列宽虚高。
+   - 长账号、长摘要和长名称允许在单元格内断行。
+   - 单个超长异常标签限制在列内省略展示。
+
+3. 风险模型
+   - 保留“模型预警统计”“命中模型涉及人员”两个区块标题。
+   - “模型预警统计”说明文案缩短为“点击筛选”，“命中模型涉及人员”标题下不再展示说明文案。
+
+4. 账户库
+   - 列表列顺序调整为“所属人类型”在前，“员工姓名”在后，便于先判断账户归属分类。
+   - 查询区改为响应式列宽：手机一列、平板两列、中等屏三列、大屏四列。
+   - 账户库编辑/详情弹窗改为 92% 自适应宽度，并限制最大宽度 1160px。
+   - 员工姓名、账户姓名、账户号码增加溢出提示，避免长文本撑开表格。
+
+## 影响范围
+
+- 影响项目详情中的“流水明细查询”展示。
+- 影响项目详情中的“风险明细-涉疑交易明细”筛选区和表格文本展示。
+- 影响项目详情中的“风险模型”区块标题展示。
+- 影响账户库列表查询区、表格长文本展示和编辑/详情弹窗宽度。
+- 不改接口、不改后端、不改数据结构。
+
+## 验证情况
+
+- 已补充前端源码结构单测，覆盖流水明细查询/涉疑交易明细金额列顺序、涉疑交易筛选框宽度、账户库列表列顺序和账户库布局优化。
+- 已执行前端结构单测：
+  - `node tests/unit/detail-query-hit-tags-list.test.js`
+  - `node tests/unit/risk-detail-suspicious-transaction-layout.test.js`
+  - `node tests/unit/account-info-layout-polish.test.js`
+- 已执行 `npm run build:prod`，构建通过；存在既有资源体积告警，且当前工作区未跟踪的 `0uS5znL.docx` 会被构建扫描到，不属于本次代码改动。
+- 本次构建使用 Node 22.22.3 + npm 10.9.8；本机 `.nvmrc` 指向的 Node 14.21.3 缺少 npm，未继续使用该不完整环境。
+- 已复查流水明细查询和涉疑交易明细列顺序与列宽：交易金额列位于异常标签列前，金额列宽为 120px，异常标签列宽为 220px；摘要/交易类型列收窄并允许长文本断行，单个超长异常标签在列内省略，避免长文本遮挡后续列。
+- 已启动真实后端和前端开发服务检查页面：
+  - 账户库列表、查询区、详情弹窗可正常渲染。
+  - 账户库列表列头已确认调整为“所属人类型”在“员工姓名”前。
+  - 账户库窄屏查询区无页面级横向溢出。
+  - 项目详情“流水明细查询”中“交易金额”列已在“异常标签”列前。
+  - 项目详情“结果总览-涉疑交易明细”中“交易金额”列已在“异常标签”列前。
+  - 项目详情“流水明细查询”和“结果总览-涉疑交易明细”均已临时注入超长金额、超长异常标签做极限宽度验收；交易金额列保持 120px，异常标签列保持 220px，页面无横向溢出。
+  - “模型预警统计”标题保留并仅显示“点击筛选”，“命中模型涉及人员”标题保留且不再显示“查看明细”。

docs/reports/implementation/2026-07-13-project-quick-entry-template.md

@@ -0,0 +1,26 @@
+# 项目快捷入口模板预填实施记录
+
+## 修改内容
+
+- 将项目首页“创建季度初核”“创建新员工排查”“创建高风险专项”三个快捷入口改为模板化打开新建项目弹窗。
+- 按当前日期自动生成项目名称与项目描述：
+  - 季度初核：生成当年当季度纪检初核项目。
+  - 新员工排查：生成当年当月新员工排查项目。
+  - 高风险专项：生成当年高风险专项排查项目。
+- 高风险专项默认选择“自定义项目规则参数配置”，季度初核与新员工排查默认选择“全局默认模型参数配置”。
+- 调整快捷卡片副标题，明确提示入口会预填对应模板。
+
+## 影响范围
+
+- 前端页面：`ruoyi-ui/src/views/ccdiProject/index.vue`
+- 快捷入口组件：`ruoyi-ui/src/views/ccdiProject/components/QuickEntry.vue`
+- 未新增后端字段、接口、数据库脚本或菜单权限。
+
+## 验证情况
+
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；因本机 Node 14.21.3 缺少 npm，未使用 `.nvmrc` 指向版本。
+- 已通过真实前端页面 `http://127.0.0.1:8088/ccdiProject` 验证：
+  - 项目列表“最近更新时间”表头正常显示。
+  - 快捷入口副标题显示为“预填本季度项目模板”等模板化文案。
+  - 点击“创建季度初核”后弹窗标题为“创建季度初核项目”，项目名称预填为“2026年第三季度纪检初核项目”，项目描述预填为“用于开展2026年第三季度纪检初核排查工作。”。
+  - 验证过程中未提交新增项目。

docs/reports/implementation/2026-07-13-staff-enterprise-relation-query-layout.md

@@ -0,0 +1,21 @@
+# 员工亲属实体关联查询区布局优化实施记录
+
+## 修改内容
+
+- 将员工亲属实体关联页查询区的“统一社会信用代码”字段调整为局部宽标签，不扩大整页所有查询项标签宽度。
+- 保持查询区两行均为 8/8/8 三列对齐，只缩短“统一社会信用代码”输入框宽度，避免长标签挤压或换行。
+- 为查询表单标签增加不换行约束，避免长标签撑高搜索区行高。
+
+## 影响范围
+
+- 前端页面：`ruoyi-ui/src/views/ccdiStaffEnterpriseRelation/index.vue`
+- 未修改查询参数、接口、表格字段、导入逻辑、权限配置和后端代码。
+
+## 验证情况
+
+- 已执行前端结构检查，确认员工调动记录和图谱模块没有纳入本次改动。
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；因本机 Node 14.21.3 缺少 npm，未使用 `.nvmrc` 指向版本。
+- 已通过真实前端页面 `http://127.0.0.1:8088/maintain/staffEnterpriseRelation` 验证：
+  - 两行查询项均保持三列对齐，列起点一致。
+  - “统一社会信用代码”标签单行显示，标签宽度 136px，输入框宽度约 187px。
+  - 页面无横向溢出。

docs/reports/implementation/2026-07-13-staff-family-relation-query-layout.md

@@ -0,0 +1,21 @@
+# 员工亲属关系查询区布局优化实施记录
+
+## 修改内容
+
+- 将员工亲属关系维护页查询表单标签宽度调整为 128px，避免“关系人身份证号”等长标签换行。
+- 为查询表单标签增加不换行约束，避免单个字段撑高整行。
+- 为员工身份证号、关系人身份证号列表列增加固定展示宽度并开启溢出提示。
+
+## 影响范围
+
+- 前端页面：`ruoyi-ui/src/views/ccdiStaffFmyRelation/index.vue`
+- 未修改查询参数、接口、数据库脚本、导入逻辑和权限配置。
+
+## 验证情况
+
+- 已执行前端结构检查，确认员工调动记录和图谱模块没有纳入本次改动。
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；因本机 Node 14.21.3 缺少 npm，未使用 `.nvmrc` 指向版本。
+- 已通过真实前端页面 `http://127.0.0.1:8088/maintain/staffFmyRelation` 验证：
+  - “关系人身份证号”标签单行显示，标签高度 32px。
+  - 第一行查询项顶部坐标一致，第二行“状态”未被前一行撑出异常空隙。
+  - 身份证号相关表格列未造成页面级横向溢出。

docs/reports/implementation/2026-07-13-user-loan-query-layout.md

@@ -0,0 +1,26 @@
+# 用户管理与新增贷款查询布局调整实施记录
+
+## 修改内容
+
+- 新增贷款查询页将首个“柜员号”查询项的局部标签宽度调整为 72px，使输入框整体向前靠拢；不影响“审核人柜员号”等长标签字段。
+- 系统管理-用户管理列表将“用户编号”列改为“编号”，并固定宽度为 80px。
+- 用户管理新增/修改弹窗去掉页面上的“用户性别”“岗位”“备注”表单项。
+- 用户管理新增/修改弹窗保留“状态”和“角色”，不调整接口、权限和提交方法。
+
+## 影响范围
+
+- `ruoyi-ui/src/views/ccdiProject/components/detail/IncreaseLendingSection.vue`
+- `ruoyi-ui/src/views/system/user/index.vue`
+- 本次仅修改前端展示层，不修改后端接口、数据库结构和权限配置。
+
+## 验证情况
+
+- 已使用 Node 22.22.3 + npm 10.9.8 执行 `npm run build:prod`，构建通过；本机 `.nvmrc` 指向的 Node 14.21.3 缺少 npm，未使用该不完整环境。
+- 已通过真实页面 `http://127.0.0.1:8088/system/user` 验证：
+  - 用户列表第一列显示为“编号”，宽度为 80px。
+  - 新增用户弹窗不再显示“用户性别”“岗位”“备注”，保留“状态”“角色”。
+  - 修改用户弹窗不再显示“用户性别”“岗位”“备注”，保留“状态”“角色”。
+- 已通过真实页面 `http://127.0.0.1:8088/ccdiProject/detail/42?tab=special` 验证：
+  - 新增贷款查询“柜员号”标签宽度为 72px，输入框较原 104px 标签宽度向前靠拢。
+  - 页面无横向溢出。
+- 浏览器控制台错误数为 0。