# 2026-04-29 正式化样式调整总说明

## 目标边界

- 本轮所有改动都基于当前本地最新代码进行。
- 仅调整页面与弹窗外壳样式，不改变原有内容、字段、按钮语义、交互流程和功能逻辑。
- 不参考 `2026-04-29-dev-ui-style-mixed-stash.patch` 中的结构性和功能性变动。

## 本轮纳入的页面

### 1. 项目分析详情弹窗

- 文件：
  - `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
  - `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
- 调整方向：
  - 详情页外壳正式化、去卡片化
  - 标题区更平直，人物档案区更规整
  - 页签和主区承载更克制
- 不变内容：
  - 异常明细、资产分析、征信摘要等业务内容结构不变
  - 数据请求、分页、按钮逻辑不变

### 2. 员工信息维护页

- 文件：
  - `ruoyi-ui/src/views/ccdiBaseStaff/index.vue`
- 调整方向：
  - 筛选区收进统一白色区域
  - 工具条按钮外观更正式，圆角收小
  - 表格与分页统一收进正式信息面板
  - 表格更紧凑、阅读更集中
  - 编辑/详情弹窗外壳更像正式信息面板
- 不变内容：
  - 查询字段、按钮顺序、导入入口、资产信息与党员信息功能不变

### 3. 招聘信息管理页

- 文件：
  - `ruoyi-ui/src/views/ccdiStaffRecruitment/index.vue`
- 调整方向：
  - 筛选区、工具条、表格区统一正式化
  - 按钮、输入框、下拉框视觉更稳重
  - 表格行高与表头高度适当收紧
  - 弹窗外壳更克制
- 不变内容：
  - 招聘类型、历史工作经历、导入入口、按钮位置和业务流程不变

### 4. 批量推进的信息维护页面

- 文件：
  - `ruoyi-ui/src/views/ccdiAccountInfo/index.vue`
  - `ruoyi-ui/src/views/ccdiCreditInfo/index.vue`
  - `ruoyi-ui/src/views/ccdiCustEnterpriseRelation/index.vue`
  - `ruoyi-ui/src/views/ccdiCustFmyRelation/index.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/index.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/components/SearchForm.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/components/DataTable.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/components/DetailDialog.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/components/EditDialog.vue`
  - `ruoyi-ui/src/views/ccdiIntermediary/components/ImportDialog.vue`
  - `ruoyi-ui/src/views/ccdiPurchaseTransaction/index.vue`
  - `ruoyi-ui/src/views/ccdiStaffEnterpriseRelation/index.vue`
  - `ruoyi-ui/src/views/ccdiStaffFmyRelation/index.vue`
  - `ruoyi-ui/src/views/ccdiStaffTransfer/index.vue`
- 调整方向：
  - 查询区、工具条、列表区统一成正式化白色信息面板
  - 输入框、下拉框、日期控件边框与圆角统一收敛
  - 表格与分页通过 `formal-table-shell` 统一承载
  - 中介库的搜索、列表、详情、编辑、导入弹窗统一到相同视觉语言
  - 各列表维护页的弹窗边界与留白更克制
- 不变内容：
  - 按钮顺序、字段结构、导入流程、失败记录入口、详情内容和业务逻辑不变

## 统一视觉原则

- 筛选区更规整：统一白色面板承载，结构清晰
- 按钮更正式：圆角约 4px，弱化轻飘感
- 表单控件更稳重：圆角更小，边框更统一
- 表格更紧凑：降低表头和行内容留白，一屏展示更多信息
- 列表阅读性更好：尽量左对齐，减少长字段换行和大片空白
- 视觉装饰收敛：移除不必要的阴影、渐变、悬浮感
- 卡片感减弱：边界、留白、圆角更克制，保留原有内容结构

## 验证说明

- 项目分析详情弹窗已完成真实页面验证
- 员工信息维护页已完成源码与单测级校验
- 招聘信息管理页和批量推进页面已通过真实业务路由验证：
  - `http://localhost/maintain/staffRecruitment`
  - `http://localhost/maintain/accountInfo`
  - `http://localhost/maintain/creditInfo`
  - `http://localhost/maintain/intermediary`
  - `http://localhost/maintain/purchaseTransaction`
  - `http://localhost/maintain/staffTransfer`
  - `http://localhost/maintain/staffEnterpriseRelation`
  - `http://localhost/maintain/staffFmyRelation`
  - `http://localhost/maintain/custEnterpriseRelation`
  - `http://localhost/maintain/custFmyRelation`
- 浏览器验证过程中发现并修复了 `ccdiPurchaseTransaction/index.vue` 的样式编译错误
- `staffRecruitment` 页面仍存在现有数据库字符集排序规则冲突报错，该问题不属于本轮样式改动