智造科技经营驾驶舱(BI Demo)

智造科技经营驾驶舱(BI Demo)

面向离散制造企业管理层的一站式经营决策平台,打通ERP/CRM/SRM/WMS/MES五大系统数据,实现经营到生产的全链路可视、预警、追溯与闭环

Nuxt 3Vue 3ECharts 6Three.jsWebSocketSQLite

项目背景

希望展示复杂企业级数据平台的完整交付能力,构建一个面向制造企业管理层的经营决策驾驶舱Demo,打通ERP、CRM、SRM、WMS、MES五大系统数据孤岛。

挑战

  1. 五大系统数据孤岛,需要统一汇聚并进行实时可视化展示
  2. 从异常指标到根源系统的跨系统追溯链路设计复杂
  3. 3D产线数字孪生的实时状态绑定与交互体验
  4. WebSocket实时推送与多频率模拟数据引擎的稳定性
  5. Demo演示需要可重复、可控的三阶段数据故事线

解决方案

  1. Nuxt 3 SPA + Pinia 集中式状态管理,统一数据流架构
  2. ECharts 6 多样化图表(热力图、瀑布图、风险矩阵、帕累托图、仪表盘)实现多维度数据可视化
  3. Three.js + TresJS 构建5工位U型产线数字孪生,实时状态颜色与动画联动
  4. WebSocket长连接 + 事件驱动模拟引擎,5系统5频率增量推送
  5. SQLite + better-sqlite3,12张表环环相扣,三阶段Demo数据(基线期→冲击期→恢复期)

成果

  1. 4个页面:经营决策看板、供应链控制塔、生产运营驾驶舱、Demo演示引导
  2. 4幕22步演示脚本,覆盖经营总览→供应链冲击→产线诊断→闭环验证的完整故事线
  3. 18个REST API端点 + WebSocket实时推送,模拟真实企业数据流
  4. 3D产线支持鼠标旋转/缩放,点击工位下钻至质检记录和来料批次

技术栈

Nuxt 3Vue 3TypeScriptTailwind CSSECharts 6Three.jsTresJSPiniaSQLiteWebSocketPM2Nginx

项目截图

智造科技经营驾驶舱(BI Demo) 截图 1
智造科技经营驾驶舱(BI Demo) 截图 2
智造科技经营驾驶舱(BI Demo) 截图 3