2024-01-17 -至今深圳法本信息技术有限公司WEB前端工程师

项目名称: 独山子电气运行平台 项目描述： 本系统是一个独山子石化的设备指标数据基础支撑能力建设项目，旨在建立一个设备指标数据的全量采集、统一管理和开放共享平台，并通过设备指标管理考核模块、设备评估分析模块和运维服务提升设备管理、考核和运维的能力，最终实现对设备指标数据的全面管理和综合展示。 技术栈： react + react-router-dom + redux + umi + antd + echarts + less 个人职责: 1.负责电气管理及综合评价体系平台首页开发，包含电网地理连接图、我的代办、通知公告、电气提示、缺陷整改率、直属单位预防性试验完成率等模块，实现通知信息持续轮播、完成率，line+bar结合的折线柱状图、gauge油表图展示等功能。 2.基础管理－设备台账模块开发，实现目录设备类别和配电室类别，联动动态列表表格数据的设备基础信息的展示。导入弹窗全系统统一封装，实现导入、导出、模版下载、导入列表展示等功能。使用react-to-print实现打印机功能。 3.专业管理－临时任务，根据不同用户角色和权限，控制列表中的导入、导出、编辑、删除、办理、重新办理

2023-03-16 -2023-11-30信华信技术有限公司WEB前端工程师

项目名称: 中国区业务运营中心 项目描述： 根据二级业务运营中心的需求调研整理，用于实现二级运营中心项目在线化实施管理、做到过程数字化、可视化、可监控整个项目生命周期，并在中国区业务运营中心平台承载。 技术栈： vue3 + pinia + vue-router + axios + sass + vite 个人职责: 1.负责首页项目清单的整体布局，包括项目总量、用户数、全部项目、我的项目、项目详情的功能展示，其中，运营看板的数据以 echarts 的漏斗图与折线柱状图结合展示。 2.知识中心页面，主要通过 iframe 嵌套第三方平台形式展示，通过地址传参形式实现两个平台的功能交互。 3.数据管理页面开发，包括数据管理列表、新增编辑数据管理、数据管理详情展示功能，其中以导入附件，展示信息列表中，需要实现对列表中，每个单元格根据后台返回的检验规则集获取对应的检验规则对填入的数据进行检验，如果错误，则按单元格形式提示接口返回的错误信息展示。 4.通过 postcss-pxtorem 插件，实现手机端屏幕适配。 5.通过 axios 发送数据请求到后台，后台经过数据的处理，返回结果

2022-10-10 -2023-03-15信华信技术有限公司WEB前端工程师

项目名称: 五心服务 项目描述： 中国区交付与服务为构筑有温度的五心服务，让服务温度客户有感知，提升客户新业务发展能力，在高层对标，服务显性化出来，让客户感受到真诚，在每次对标中，凸显五心服务价值，建立五心服务品牌形象，行成良好的传播口碑。 技术栈： vue2 + pinia + vue-router + axios + sass + echarts + vite 个人职责: 1.负责首页客户点赞数地图数据呈现及小人物小故事展示，通过 echarts的 map 地图，实现数据打点并且通过 effectScatter 实现打点伴随波纹效果。 2.实现服务故事及素材，嵌套谛听平台效果，主要依于 iframe 嵌套第三方平台实现，以及两个平台之间的交互与传参。 3.五心看板页面开发，此页面主要以列表与图表2种切换方式，展示代表处不同区域下的数据，图表以 echarts 中柱状图为主，其中实现自定义配置所展示的数据动态重绘多个指标的柱状图表，并且实现了点击柱状图不同的 legend ，从高到低动态排序功能。 4.通过 sortablejs 实现数据可拖拽功能。 5.通过 postcss-p

2021-08-10 -2022-10-09信华信技术有限公司WEB前端工程师

项目名称: DOC 指挥中屏 项目描述： DOC 指挥中屏项目主要解决中国区运营商区域交付中心对于中国区项目交付过程管理中数据呈现问题，通过数据运营做到项目交付到端可视，数据可分析，从而达到早发现、早处理，提升交付效率，降低问题发生数量的目的，包含首页、节点详情数据列表、切换试图界面。 技术栈： vue2 + vuex + vue-router + axios + less + aui + echarts + g6 + webpack 个人职责: 1.负责首页异常总览、异常分场景、异常子场景、筛选工具栏的开发任务，通过 echarts的 gauge 仪表盘展示异常下未处理和总量数据，筛选工具栏通过原生 js onmousemove和 onmouseup 实现可拖拽功能。 2.负责节点详情列表数据展示页面，页面主要分成条件筛选组与列表展示和自定义列表筛选功能，筛选框组主要分为单选、多选、模糊搜索、日期选择、工号搜索等下拉选择框，其中会与首页下钻赋值条件查询及联动等功能，列表通过 aui 框架实现，其中配合用户权限的不同，展示不同的操作按钮及数据展示等功能。 3.通过g6绘制

2019-05-14 -2021-08-09信华信技术有限公司WEB前端工程师

项目名称: DOC 作战地图 项目描述： DOC 作战地图移动端项目为提升代表处项目成员作战效率，实现察打一体，实时查询项目交付进度、经营、供应等数据特开发此机器人工具和提单工具，实现首页、项目列表、供应、经营、一键求助、小妮机器人、工单池等十七个一级模块功能。 技术栈： vue2 + vuex + vue-router + axios + less + element + echarts + webpack 个人职责: 1.负责首页多项目整体展示，如：展示项目下已到货、供应、经营具体数值的环形图表和文案，并且通过 better-scroll 插件，达到手划操作进行项目切换，已达到快速查看不同项目下到货、供应、经营数据的展示效果。 2.负责提工单界面功能，在此界面可以选择平台作业、交付保障、经营管理下不同的场景金额进行提单催更 DOC 专员处理，当进行提单操作时，会在一定时间内自动保存草稿以免数据丢失。 3.负责小妮机器人人机交互，可通过手输信息或者通过说话语音录入转文字，2种方式，实现对询问的信息，查询出对应结果功能，机器人语音转换底层由第三方 AI 团队提供，交互***

2010-09-01 - 2014-07-01武汉工程大学邮电与信息工程学院自动化本科