背景:客户有自己的产业园,货物运输都是通过第三方打车软件呼叫运输车辆,希望打造一套自己的物流系统,司机、物流商只允许从自己的系统中接单和派单,希望服务自己的产品运输同时能够承接外部运输订单。
核心功能:
1、司机、物流商提交入驻、身份资质审核、车辆审核。
2、订单创建、运费估算、接单、派单、运输状态、轨迹跟踪等。
3、运价规则配置,支持各种不同车辆、商品、商品包装、配送距离、是否装卸货等各种组合。
4、运营平台端需要支持车辆参数配置、运价配置、路线配置。
5、客服系统接入,客户端接入客服方便发起订单咨询,运营平台接入客服回复。
技术栈:Turborepo + Vite + Vue + Pinia + TypeScript + Element Plus。
从0到1搭建了海吉星运营端和物流商平台,独立完成了技术选型到基础架构落地。
实现了系统的多种登录方式,包括账号密码,短信验证码,微信扫码。
开发其中90%页面,包含核心业务:运价规则配置、订单创建、运输轨迹、数据大屏、Udesk客服接入。
作为子系统通过iframe嵌入第三方,实现了子系统和主系统之间的通信,解决了登录态如何传递,如何限制子系统脱离主系统单独被访问等问题。
系统权限设计,包含菜单管理、用户管理、角色管理、权限管理,细粒度控制功能按钮展示与隐藏,支持自定义指令和方法调用两种判断方式。
提取了短信验证码、富文本编辑器、文件导入、复制按钮、通用表格等10+个通用组件,封装了密码校验、粘贴上传、权限控制等5个通用hook。
FCP 0.8s、LCP 1.3s、TBL 10ms、CLS 0.03,Lighthouse得分96分。