后台管理系统

企业服务行业细分软件案例ID：244353

聂

5 年经验· 深圳飞航易购有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

企业级中后台管理系统
项目概述
基于 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 项目知识库）。