项目简介：独立搭建并迭代基于 Umi4 + Ant Design Pro 的企业级后台管理系统，采用 React Hooks + TypeScript 开发，依托Umi路由、权限、工程化体系，实现多角色权限管控、用户管理、流程审批、大数据可视化等核心业务。有效解决传统后台权限混乱、组件复用低、大数据渲染卡顿、全面提升系统运维效率与业务落地能力。
技术栈：Umi4、React Hooks、TypeScript、Ant Design Pro、Redux、Axios、React Query、ES6+、Mock
核心职责与技术亮点
1. 安全登录架构设计：基于Umi路由守卫与axios拦截器搭建企业级登录体系，实现登录态持久化、Token过期自动刷新、异地互踢、权限拦截。通过TS全局类型约束，完成密码加密、验证码校验、登录日志统计，区分多角色登录权限，保障系统访问安全可控。
2. 多用户管理模块开发：实现系统用户全生命周期管理，支持用户新增、编辑、禁用、批量导入导出、密码重置、部门与角色绑定。结合全局状态同步用户状态，联动权限系统自动同步角色权限，搭配多条件搜索、分页筛选功能
3. 自定义流程审批功能：开发可配置式多级流程审批模块，适配报销、请假、报备等通用业务场景。支持流程节点配置、多级审批、驳回重提、撤销申请、审批记录溯源，通过表单状态监听动态控制按钮权限与页面渲染，解决异步审批卡顿、状态延迟问题，实现业务流程线上标准化。
4. 复杂表单联动开发：封装高阶业务表单，实现字段级联联动、动态显隐、增减表单项、数据回显、跨字段关联等复杂交互。自定义通用表单校验规则，结合Hooks精准监听字段变化，解决表单联动错乱、渲染异常问题，提升复杂业务表单的数据准确性与填写效率。
5. 大数据表格性能优化：针对大数据渲染场景做深度性能优化，采用虚拟列表、懒加载、防抖搜索、数据缓存等方案，解决大数量卡顿、白屏问题。实现表格排序、筛选、列拖拽、单元格自定义渲染、批量操作、数据导出等功能，保障海量数据高效展示与操作。
6. 核心组件二次封装：基于AntD原生组件统一封装企业级通用组件，提升项目复用性与规范性：封装通用表格，整合分页、筛选、权限按钮、导出、空状态处理；封装全局弹窗，统一新增/编辑/查看场景样式与加载逻辑；封装通用业务表单，内置控件、校验、联动规则，大幅降低重复编码量。