当下汽车产业加速向新能源、智能化升级，汽车零部件行业交付标准、合规要求与供应链协同难度持续提升。传统人工碎片化管理模式存在数据割裂、库存管控混乱、交付溯源困难、运营效率低下等诸多问题，难以适配行业精细化、数字化发展需求。为此，面向汽车零部件供应商研发APSCM供应链系统，基于PC、小程序、APP等多端，融合（React/Vue/TypeScript），性能优化、跨端方案（H5/小程序/
Electron）及大前端架构设计，实现供应链全流程数字化管控，助力企业降本增效、规范流程、提升供应链核心竞争力。
工厂管理端：系统核心后台，统筹供应链整体业务。集成采购管理、生产排程、仓储管控、订单审核、产品溯源、数据统计等核心能力，支持全程监控物料库存、生产进度及发货状态，规范工厂生产与供货流程，保障全渠道货源稳定高效供给。
经销商管理端：针对渠道分销商设计，聚焦分销运营与渠道管控。支持线上批量订货、物流进度查询、下级门店管理、往来账务结算、产品资质核验，实现铺货、库存、对账全流程线上化，有效规范渠道体系，提升分销周转效率。
门店管理端：适配线下汽配门店日常经营场景，主打终端进销存一体化管理。支持线上补货、零售开单、库存盘点、订单跟进、销售数据统计，简化门店人工操作流程，精准管控终端库存与销售数据，大幅提升门店运营效率。
车主用户端：面向C端车主用户，提供一站式汽配便民服务。支持配件适配查询、在线下单、物流追踪、产品溯源、售后保障及养护预约等功能，打通上下游服务链路，实现配件可查、可溯、可售后，全面提升终端用户消费体验。
技术架构与技术栈：项目采用前后端分离架构、多端分层业务架构。前端以 Vue 模块化框架为核心,小程序功能化，APP功能化，结合element UI 快速搭建后台管理表格、表单及弹窗组件，同时实现局部页面双向数据绑定与动态交互，兼容多浏览器适配，满足ERP系统高密度数据展示、复杂筛选及高频操作的业务需求。
个人职责：全权负责项目四端前端核心开发与优化工作，独立完成工厂、经销商、门店、车主四大端口的页面搭建与业务功能迭代；搭建项目模块化基础架构，封装表格分页、条件筛选、文件上传、弹窗提示等通用公共组件，提升团队开发复用率；对接后端API接口，完成数据渲染、动态表单校验、角色权限控制、数据导出、列表联动等核心功能；持续进行代码重构、兼容性优化及BUG修复，迭代用户交互体验，保障多端业务稳定联动运行。
项目亮点：1、采用多框架融合开发策略，依托Layui高效搭建后台管理模块，结合Vue提升动态页面交互能力，兼顾开发效率与用户体验；2、基于模块化思想拆解业务代码，抽离公共工具方法，有效降低代码冗余，提升项目可维护性与迭代速度；3、实现四端数据互联互通，打通生产、分销、零售、售后全链路数据闭环，彻底解决传统汽配行业信息孤岛问题；4、实现按钮级、页面级动态权限控制，适配工厂、渠道、门店、用户多层级差异化权限场景，满足企业级精细化管控需求。
难点与解决方案：1、多框架混合开发易出现样式重叠、语法冲突、渲染异常，通过划分模块作用域、统一编码规范、区分场景技术选型，有效规避框架冲突问题；2、ERP海量表格数据、多级联动渲染易造成页面卡顿，采用接口分页、数据懒加载、渲染防抖、按需加载字段等性能优化方案，大幅提升页面响应速度；3、四端业务权限层级复杂、角色场景差异大，配合后端实现动态路由与权限动态渲染，根据用户角色自动适配页面功能，实现精准化权限管控。
评论