企业级中后台管理系统
项目概述
基于 Ant Design Pro v5 + Umi 3 + React 18 + TypeScript 开发的多业务模块企业级管理后台,覆盖财务管理、包裹服务、应收应付、审计、系统配置等核心业务。系统支持多租户、新旧页面平滑过渡、统一鉴权流程,可服务于中大型企业的运营管理场景。
技术栈
React 18 / TypeScript 4 / Umi 3 / Ant Design 4 / ProComponents / umi-request / moment / lodash
核心功能模块
财务管理:存款、取款、汇率、信用额度、余额管理、交易记录
应收应付 (AR/AP):货运列表、分类账、对账单、发票、批量扣费导入
包裹服务:经纪人、设施、根服务、快递员、地址管理
审计模块:幽灵分类账、AR/AP 汇总、重复检查、利润/成本列表
退款审批:双 Tab 切换(全部/单号查询)+ 批量审批 + 导出
系统配置:租户、站点、用户、角色、HUB 集中管理
技术亮点
菜单权限动态化:后端返回菜单树,前端按白名单自动区分新旧页面
请求层封装:动态 baseUrl、401 鉴权跳转、Blob 响应处理、统一错误拦截
并发请求防护:自研 useTabTableRequest Hook 处理 Tab 切换竞态
鉴权同步改造:与兄弟项目对齐 401 跳转、X-Requested-With 头、/Account/Logout 退出流程
工程化规范:husky + fabric 校验提交信息,lint-staged 自动格式化
我在项目中的角色
前端主程:负责整体架构设计、核心组件开发(Tabs、菜单、表单封装)、API 服务层封装、鉴权流程改造、复杂业务页面(退款审批、AR 分类账、审计列表)开发,以及团队代码规范制定与文档沉淀(含 CLAUDE.md 项目知识库)。