统一信息维护正式化外壳样式

This commit is contained in:
wjj
2026-04-29 17:19:45 +08:00
parent 95ac01d7dc
commit 6f2ea5994a
27 changed files with 2037 additions and 338 deletions

View File

@@ -0,0 +1,101 @@
# 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` 页面仍存在现有数据库字符集排序规则冲突报错,该问题不属于本轮样式改动