4.4 KiB
4.4 KiB
2026-04-29 正式化样式调整总说明
目标边界
- 本轮所有改动都基于当前本地最新代码进行。
- 仅调整页面与弹窗外壳样式，不改变原有内容、字段、按钮语义、交互流程和功能逻辑。
- 不参考
2026-04-29-dev-ui-style-mixed-stash.patch中的结构性和功能性变动。
本轮纳入的页面
1. 项目分析详情弹窗
- 文件：
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vueruoyi-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.vueruoyi-ui/src/views/ccdiCreditInfo/index.vueruoyi-ui/src/views/ccdiCustEnterpriseRelation/index.vueruoyi-ui/src/views/ccdiCustFmyRelation/index.vueruoyi-ui/src/views/ccdiIntermediary/index.vueruoyi-ui/src/views/ccdiIntermediary/components/SearchForm.vueruoyi-ui/src/views/ccdiIntermediary/components/DataTable.vueruoyi-ui/src/views/ccdiIntermediary/components/DetailDialog.vueruoyi-ui/src/views/ccdiIntermediary/components/EditDialog.vueruoyi-ui/src/views/ccdiIntermediary/components/ImportDialog.vueruoyi-ui/src/views/ccdiPurchaseTransaction/index.vueruoyi-ui/src/views/ccdiStaffEnterpriseRelation/index.vueruoyi-ui/src/views/ccdiStaffFmyRelation/index.vueruoyi-ui/src/views/ccdiStaffTransfer/index.vue
- 调整方向：
- 查询区、工具条、列表区统一成正式化白色信息面板
- 输入框、下拉框、日期控件边框与圆角统一收敛
- 表格与分页通过
formal-table-shell统一承载 - 中介库的搜索、列表、详情、编辑、导入弹窗统一到相同视觉语言
- 各列表维护页的弹窗边界与留白更克制
- 不变内容：
- 按钮顺序、字段结构、导入流程、失败记录入口、详情内容和业务逻辑不变
统一视觉原则
- 筛选区更规整：统一白色面板承载，结构清晰
- 按钮更正式：圆角约 4px，弱化轻飘感
- 表单控件更稳重：圆角更小，边框更统一
- 表格更紧凑：降低表头和行内容留白，一屏展示更多信息
- 列表阅读性更好：尽量左对齐，减少长字段换行和大片空白
- 视觉装饰收敛：移除不必要的阴影、渐变、悬浮感
- 卡片感减弱：边界、留白、圆角更克制，保留原有内容结构
验证说明
- 项目分析详情弹窗已完成真实页面验证
- 员工信息维护页已完成源码与单测级校验
- 招聘信息管理页和批量推进页面已通过真实业务路由验证：
http://localhost/maintain/staffRecruitmenthttp://localhost/maintain/accountInfohttp://localhost/maintain/creditInfohttp://localhost/maintain/intermediaryhttp://localhost/maintain/purchaseTransactionhttp://localhost/maintain/staffTransferhttp://localhost/maintain/staffEnterpriseRelationhttp://localhost/maintain/staffFmyRelationhttp://localhost/maintain/custEnterpriseRelationhttp://localhost/maintain/custFmyRelation
- 浏览器验证过程中发现并修复了
ccdiPurchaseTransaction/index.vue的样式编译错误 staffRecruitment页面仍存在现有数据库字符集排序规则冲突报错，该问题不属于本轮样式改动