返回案例列表
Web 开发
数据可视化大屏
为澜图供应链打造的数据可视化大屏，实时展示仓储、订单、运输与销售指标。
Vue 3TypeScriptEChartsD3.jsWebSocketPinia
项目概述
这是为澜图供应链科技有限公司构建的运营指挥大屏，聚合仓储、运输、订单、销售等多套系统数据，在一块大屏上呈现实时经营态势，服务于总部运营中心和区域调度团队。
客户原有数据分散在 WMS、TMS、ERP 和 BI 报表中，口径不统一、刷新不及时。我们通过统一数据中台接口、实时消息推送和自适应大屏布局，构建了一套可以在会议室和指挥中心稳定运行的可视化系统。
核心功能
实时指标总览
订单、出库、运输时效、销售额等核心指标秒级刷新
区域态势地图
按城市和仓网展示发货热力、线路状态和异常分布
多维分析钻取
支持按区域、仓库、业务线查看趋势变化与明细
预警联动中心
超时订单、库存异常、履约风险统一高亮提醒
技术亮点
WebSocket 实时推送
通过消息通道推送关键运营事件，保持大屏数据低延迟更新
大屏自适应布局
基于 16:9 与超宽屏双方案适配会议室电视与指挥中心拼接屏
地图叠加渲染
融合仓网点位、线路轨迹和热力层，提升复杂数据的可读性
多数据源融合
统一接入 ERP、WMS、TMS 和 BI 数据接口，保证指标口径一致
项目信息
客户
澜图供应链科技有限公司
行业
供应链物流
项目周期
2.5个月
团队规模
4人
项目成果
15s
数据刷新周期
70%
报表整理耗时降低
24项
核心指标统一展示
技术栈
Vue 3TypeScriptEChartsD3.jsWebSocketPinia
