面向 B 端企业的物流综合管理系统,涵盖 TMS 运输管理、OMS 订单管理、BPM 审批流程、支付管理等多业务模块,支持多租户隔离,满足不同客户独立权限配置需求。
点击空白处退出提示
面向 B 端企业的物流综合管理系统,涵盖 TMS 运输管理、OMS 订单管理、BPM 审批流程、支付管理等多业务模块,支持多租户隔离,满足不同客户独立权限配置需求。
使用Vue 3.4 + Vite 5 + TypeScript 5 + Element Plus + Pinia + Vue Router4 + UnoCSS + Axios + ECharts + BPMN.js + Wujie(微前端)+ Vue i18n技术栈,实现了以下板块
TMS 运输管理
OMS 订单管理
BPM 审批流程
支付管理等多业务模块
支持多租户隔离
1、负责前端权限体系设计与实现:路由守卫 + 后端动态菜单 → router.addRoute()动态注册 + 自定义 v-hasPermi 指令(DOM 直接移除防样式绕过),实现菜单级、路由级、按钮级三层 RBAC权限控制,支持多租户独立权限隔离
2、封装 Axios 双拦截器 HTTP 基础设施层:实现双 Token 无感刷新(全局锁 isRefreshToken + 请求队列解决并发竞态)、多租户 tenantid 请求头零侵入注入、统一错误处理及文件上传、下载能力
3、封装 Schema 驱动的 Form + useForm / Table + useTable 通用方案,业务组件通过配置数组驱动渲染,将标准 CRUD 页面开发时间从 2 天缩短至半天,代码量减少约 60%
4、引入 Wujie 微前端框架,将 BPM 流程系统作为独立子应用接入,利用 WebComponent + iframe 双容器实现样式天然隔离,主子应用通过 EventBus 通信,互不影响
5、负责 ECharts 数据看板开发,封装 useEcharts hook 实现图表响应式自适应和暗黑模式主题自动切换;配置 Vite 构建优化(版本 Hash 缓存破坏、条件 sourcemap、terser 清理调试信息)



评论