企业级智能运维管理系统(PC 端)
项目背景
该系统面向大型制造业企业,旨在整合设备监控、工单管理、数据可视化等核心功能,替代传统线下运维流程,提升运维效率。项目团队共 8 人(前端 3 人、后端 4 人、测试 1 人),我担任核心前端开发,负责核心模块开发与工程化落地,项目周期 6 个月。
技术栈
Vue3 + Vite + Pinia + Element Plus + ECharts + Axios + Git + Nginx
核心职责
参与需求评审与前端架构设计,基于 Vue3 组合式 API 封装通用组件(如表格分页、表单校验、数据筛选组件),沉淀组件库,减少重复开发,组件复用率达 70%;
负责设备监控模块开发,通过 ECharts 实现设备运行状态实时可视化(折线图、饼图、告警热力图),结合 WebSocket 实现数据秒级刷新,保障运维人员实时掌握设备状态;
优化接口请求逻辑,封装 Axios 拦截器实现请求防抖、响应统一处理及异常兜底,降低接口报错率至 1% 以内;
配合后端完成接口联调,编写接口文档与单元测试(Jest),保障代码覆盖率达 85%;
负责项目构建与部署,通过 Vite 配置按需加载、资源压缩,将首屏加载时间从 3.2s 优化至 1.5s,同时配置 Nginx 实现反向代理与跨域处理,完成测试环境与生产环境部署。