厚宇生产管理系统前端(企业内部生产与质量追溯平台)
项目为彭州新绿色药业的子公司厚宇中药委托项目,生产追溯系统包含23个模块,其中21个业务模块和2个系统设置模块,配套H5扫码追溯页面,显示产品信息。
在项目中的工作:
1. 负责权限路由与主框架搭建、包装管理模块的端到端实现、请求与错误处理统一封装、GIS地图组件与上传组件的封装、表单联动与体验优化,推动模块顺利上线与维护。
3. 项目类型:B端管理系统(SPA),涵盖生产、检验、包装、打印、库存、销售及系统配置等模块
4. 技术框架:Vue 2.6 + TypeScript + Vuex + Vue Router + Ant Design Vue 1.x
5. 地图与可视化:Leaflet + Tianditu WMTS 地图底图, ECharts 数据展示
6. 构建与工程化:@vue/cli-service(Vue CLI 5), prerender-spa-plugin 预渲染, axios 请求封装
7. 业务场景:生产全流程管理,包括原料入库、生产过程、检验检测、包装、分包审核、打印发货、库存管理及销售管理。
8. 系统配置:企业信息、员工与权限、供应商/客户、工艺与标准、仓库与单位、产品大类装量等。
9. 权限驱动导航:基于用户权限动态生成工作台与系统设置菜单,控制页面访问与操作按钮显示。
10. 状态与缓存:localStorage 存储用户信息与权限。
11. 请求与拦截器:全局 baseURL、超时与错误提示统一处理。
12. 预渲染与部署:使用@dreysolano/prerender-spa-plugin提升加载与SEO。
13. 核心功能:工作台模块支持原料入库、生产管理、检验检测、包装管理、分包审核、打印、库存、销售及追溯查询等。14. 系统设置模块支持企业信息、员工管理、权限配置、供应商/客户、执行标准、检测机构、工艺工序、单位管理、仓库管理及产品大类装量等。
15. 包装管理模块支持列表查询、分页与筛选,支持按产品类型Tab切换。
16. GIS地图组件支持天地图WMTS底图加载,点击地图落点生成Marker,支持城市/热点搜索与防抖,失败自动轮换密钥。