
智造科技经营驾驶舱(BI Demo)
面向离散制造企业管理层的一站式经营决策平台,打通ERP/CRM/SRM/WMS/MES五大系统数据,实现经营到生产的全链路可视、预警、追溯与闭环
Nuxt 3Vue 3ECharts 6Three.jsWebSocketSQLite
项目背景
希望展示复杂企业级数据平台的完整交付能力,构建一个面向制造企业管理层的经营决策驾驶舱Demo,打通ERP、CRM、SRM、WMS、MES五大系统数据孤岛。
挑战
- 五大系统数据孤岛,需要统一汇聚并进行实时可视化展示
- 从异常指标到根源系统的跨系统追溯链路设计复杂
- 3D产线数字孪生的实时状态绑定与交互体验
- WebSocket实时推送与多频率模拟数据引擎的稳定性
- Demo演示需要可重复、可控的三阶段数据故事线
解决方案
- Nuxt 3 SPA + Pinia 集中式状态管理,统一数据流架构
- ECharts 6 多样化图表(热力图、瀑布图、风险矩阵、帕累托图、仪表盘)实现多维度数据可视化
- Three.js + TresJS 构建5工位U型产线数字孪生,实时状态颜色与动画联动
- WebSocket长连接 + 事件驱动模拟引擎,5系统5频率增量推送
- SQLite + better-sqlite3,12张表环环相扣,三阶段Demo数据(基线期→冲击期→恢复期)
成果
- 4个页面:经营决策看板、供应链控制塔、生产运营驾驶舱、Demo演示引导
- 4幕22步演示脚本,覆盖经营总览→供应链冲击→产线诊断→闭环验证的完整故事线
- 18个REST API端点 + WebSocket实时推送,模拟真实企业数据流
- 3D产线支持鼠标旋转/缩放,点击工位下钻至质检记录和来料批次
技术栈
Nuxt 3Vue 3TypeScriptTailwind CSSECharts 6Three.jsTresJSPiniaSQLiteWebSocketPM2Nginx
项目截图


