汇友科技物流平台(B 端管理系统)产品系统

我要开发同款
深圳前端Lucky2026年06月09日
16阅读

技术信息

语言技术
VueTypeScriptElementUIwebpack
系统类型
Web
行业分类
物流仓储工业互联网

作品详情

行业场景

面向 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 清理调试信息)

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论