该项目是一个大型企业级工业管理平台,采用 Monorepo 架构管理包括基础底座(Base)、仓库管理(WMS)、生产执行(MOM)、能源管理、IoT 等多个子系统。项目旨在解决工业场景下复杂的业务流转、多级表头数据处理及海量实时数据采集的需求。系统深度集成复杂单据处理逻辑(如请购单、入库单、波次单等),支持高度自定义的物料/收货人选择(LOV)及复杂的权限管控。
点击空白处退出提示
该项目是一个大型企业级工业管理平台,采用 Monorepo 架构管理包括基础底座(Base)、仓库管理(WMS)、生产执行(MOM)、能源管理、IoT 等多个子系统。项目旨在解决工业场景下复杂的业务流转、多级表头数据处理及海量实时数据采集的需求。系统深度集成复杂单据处理逻辑(如请购单、入库单、波次单等),支持高度自定义的物料/收货人选择(LOV)及复杂的权限管控。
该项目是一个大型企业级工业管理平台,采用 Monorepo 架构管理包括基础底座(Base)、仓库管理(WMS)、生产执行(MOM)、能源管理、IoT 等多个子系统。项目旨在解决工业场景下复杂的业务流转、多级表头数据处理及海量实时数据采集的需求。系统深度集成复杂单据处理逻辑(如请购单、入库单、波次单等),支持高度自定义的物料/收货人选择(LOV)及复杂的权限管控。
核心框架:React 18 + TypeScript (Monorepo 架构)
状态管理:Valtio (基于 Proxy 的响应式管理,适用于工业场景高频数据更新)
UI 组件库:Ant Design + Ant Design Pro Components (深度定制 ProTable 与 EditableProTable)
构建工具:Vite + Turborepo (任务编排与构建缓存优化)
依赖管理:pnpm (利用 Catalog 特性统一工作区依赖版本)
样式处理:Styled-components + Sass
工程化工具:ESLint + Prettier + Husky + Commitlint (严格的提交规范与代码质量控制)
其他插件:ECharts (数据可视化)、Ahooks (逻辑封装)、i18next (国际化)
我的工作内容 (Key Contributions)
A. 核心架构优化与工程化维护
Monorepo 任务流优化:维护并优化基于 pnpm 和 Turbo 的多包管理架构,重构编译脚本,将子模块的并行构建效率提升,缩短 CI/CD 及本地开发启动时间。
组件库二次封装:针对业务共性,深度封装了 ProTableAdvanced、LovViewSelect (带业务逻辑的放大镜选择组件)、SelectWithModal 等高复用业务组件。
B. 复杂业务逻辑与数据一致性处理
单据交互模式重构:将原有的“先表头后子表”的拆分提交模式优化为“主从表一体化事务提交”。设计并实现了前端暂存逻辑(addList/updateList/deleteList),确保了复杂单据在批量增删改过程中的数据一致性与原子性。
跨组件数据同步:处理 EditableProTable 中 Form 实例与全局 dataSource 的复杂联动,解决在高频操作



评论