工业级设备监控管理系统,实现机房/基站等场景下2000+设备实时状态监测、告警推送及可视化大屏展示
1.登录模块 - 实现用户登录功能
2.任务采集模块 - 实现用户可以查看当前采集任务列表,新增,编辑,删除采集任务功能
3.告警配置模块 - 实现用户可以产看当前设备的告警配置列表,新增,编辑,删除告警配置功能
4.联动管理模块 - 实现用户可以查看当前设备达到一定阈值产生设备间联动的效果,能查看当前设备的联动管理列表,新增,编辑,删除联动配置的功能
5.设备管理模块 - 实现用户可以查看当前设备列表,新增,编辑,删除设备的功能
6.系统配置模块 - 实现用户能工管理系统中的一些配置 包括人员,测试等
7.大屏监控模块 - 用来实时观测当前设备状态与环境状态等数据
技术栈:Vue3 + TypeScript + Vite + ECharts + WebSocket
工作内容:
基于 Vue3 + TS 搭建系统核心架构,封装设备状态卡片、拓扑图等15+业务组件
开发实时监控看板,集成 WebSocket 实现设备异常秒级告警(<500ms 延迟)
设计大屏可视化方案,使用 ECharts 实现设备分布热力图与运行状态3D建模
开发设备管理模块,通过 Axios 拦截器优化批量指令下发效率,接口耗时降低40%
实现多维度权限控制方案,支持角色动态分配设备操作权限颗粒度
优化大屏内存泄漏问题,通过销毁策略与缓存控制提升长时间运行稳定性