Momos 工业数字化管理平台产品系统Vibe Coding

我要开发同款
哩哩啦啦li2026年08月25日
4阅读

技术信息

语言技术
CSSJavaScriptReact
系统类型
WebH5Android应用
行业分类
项目任务物流仓储

作品详情

行业场景

该项目是一个大型企业级工业管理平台,采用 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 的复杂联动,解决在高频操作

示例图片

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

评论