102 lines
4.4 KiB
Markdown
102 lines
4.4 KiB
Markdown
# 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` 页面仍存在现有数据库字符集排序规则冲突报错，该问题不属于本轮样式改动
|