精益大修管理
项目架构:Vue.js + vuex+ vue-router、Element UI、Webpack5
项目描述:为兰州石化“四年一修”大型检修项目开发Web管理后台,旨在解决传统检修中信息孤岛、管理效率低等问题。
职责描述:根据需求文档,对多个核心模块任务进行开发与后期维护
技术亮点:
1.封装可复用的业务组件(如表格、表单),并通过 WebSocket 实现检修进度与消息的实时推送,提升管理效率;
2. 用户分配相关权限,利用 addRoutes 动态路由解决用户权限问题;
3.开发检修计划、工作包编制、质量安全验收等核心模块,将以往零散的资料与流程整合为一条“数字链”;4. 使用长列表的动态优化渲染解决数据 5k+出现节点渲染卡顿问题,节省浏览器性能;
5.优化 webpack 配置,解决系统⾸屏加载过慢的问题。
数据中心基础设施管理系统
项目架构:使用 Vue 框架+elementUI 框架进行开发
项目描述:DCIM是一套面向数据中心运维场景的综合性管理平台,聚焦数据中心基础设施全生命周期管理。通过整合设备资产信息、运维流程与过程数据,实现设备监控、资产管理、容量管理、工单运维、告警管理等核心功能,帮助运维团队提升响应速度与效率。
职责描述:
1. 根据原型和 UI 图进行前端页面开发、接口联调;
2. 对已有功能模块的日常维护,以及问题的处理
技术亮点:
1.对组件性能进行优化,使用虚拟化技术(如虚拟列表和虚拟滚动等)来优化大数据量的渲染,使用异步 加载和懒加载来提高组件的加载速度等
2. 对图表组件二次封装,实现数据和样式配置低耦合,通过调用图表组件传参展示数据的变化以及详情;