昵称登录后显示

无人驾驶平台 2023.06 – 2023.10
项目内容：
本项目为轨道机车的自动驾驶系统主要由 任务路径规划 和 车况实时显示 两部分构成。而车况显示部分先是做 3D 显示，后续追加了 2D 显示。但团队根本没有 3D 经验，也就导致问题频出，最终效果不尽人意。上级领导表示本来就没打算做 3D ，遂只保留了 2D 的车况显示。
技术栈：
以 ruoyi-vue3 为基础构建。Vite、Vue3、Vue Router、Pinia、Echarts、ElementPlus、Cesium.js
我的职责：
我与另一位前端共同负责前端开发。我主要负责后台管理部分以及 2D 车辆地图相关功能开发。同事主要负责 3D 部分。在追加 2D 期间，因为只是作为锦上添花，没有后端对接 2D 部分，只能借助已有的 3D 接口进行各种数据转化来实现功能。由于坐标偏差等问题，3D 被废弃，同事便协助我进行 2D 的开发。根据需求进行开发迭代。
我的贡献：
1. 根据 同事写的 cesium demo 所用技术栈，结合后端使用 ruoyi 的需求，使用 ruoyi-vue3 搭建项目，将同事的 demo 以路由组件的形式合并到项目中来，统一项目共同开发。
2. 基于 svg 完成了 2D 车辆地图所需的各种功能，如缩放拖拽，镜头锁定，路径显示，车辆图像渲染等。

智慧矿山融合平台 2022.11 - 2023.06
项目内容：
本项目是为内蒙矿山搭建的智能平台，主要包含 AI 大数据平台、后台管理和数据大屏。包括AI 智能监控，风险预警、人事管理、设备管理、能耗管理、知识库文章管理等功能。
技术栈：
Vite、Vue3、Vue Router、Vuex、Echarts、echarts-gl、ElementPlus。
我的职责：
本项目前端由我独立负责。完成了模拟设备仪表的数码表盘组件的开发，避免直接使用字体带来的定位问题。网上查阅使 echarts 的图例等宽对齐排布的方法，以符合 UI 设计。树形结构数据重新设置数据项位置时，过滤掉自身及其子位置，避免选择造成逻辑 bug。
我的贡献：
1. 从零开始完整搭建整个前端项目。
2. 根据 UI 设计，使用 echarts 的曲面图实现 3D 饼图的效果；改造 echarts 的柱状图实现了能量柱效果的组件，其高度和颜色可设置变化。
3. 在做知识库文章列表时，实现了多行文本省略功能。
4. 在做树形选择调整子树位置功能时，发现存在逻辑漏洞（后端只存储了父子对关系且不做校验），我做了必要筛选修复了此漏洞。

研发辅助系统 2022.02 - 2022.06
项目内容：
本项目为金卡智能研发辅助系统，计划成为技术研究院内部门户网站。主要功能模块包含：产品安全证书管理系统、权限管理、用户管理、协议查询翻译工具。
技术栈：
项目基于 vue-manage-system 框架开发。Element-Plus、axios、Vuex、Vue-Router、vue-echarts。
我的职责：
主要负责 证书管理系统的设计与开发；异常电压波形查看工具的开发；开发公共组件，如分步表单、附件上传/下载等；编写项目文档。实现操作不同管理页跳转并自动查询；
我的贡献：
1. 将项目升级到 Vue3 使用 ElementPlus 来解决切换网页后再次进入下拉项弹窗会被呼出的问题解决。使用 vuex 重写了标签页组件，以实现 vue2 到 vue3 的迁移。更新 vue-router v4 采用新的添加路由的方法。更新异步加载组件的方法，保证项目迁移 vue3 后正常运行。
2. 编写数据驱动页面，表格查询项、表头、操作可根据配置自动生成。编写分步表单组件，不同步骤间实现根据逻辑进行跳转，js 调用 element 源码中的方法触发控件校验，根据需求进行操作限定，输入提示的开发；实现表格内编辑功能，使表格行可增减；解决多选下拉，在切换步骤时，已选项溢出bug。
3. 标签页间跳转通过query传递信息并自动触发查询更新。

售后辅助系统 2021.08 - 2022.06
项目内容：
本项目为金卡智能计量表产品售后维修支持与管理系统，由终端设备（手持机）、安卓app和web管理后台组成。web项目主要功能模块包含：操作人员账户管理，维护人员操作权限管理、权限方案管理、操作日志查阅、档案文档资料管理、首页信息统计看板。
技术栈：
项目基于 vue-element-admin 框架开发。axios、Element-UI、Vuex、Vue-Router、vue-echarts、DataV。
我的职责：
我完善了文档并注明了项目的注意事项；负责设计了维护人员操作权限管理结构并完成了前端开发，后续优化操作体验的改进；主要负责 操作人员账户管理、维护人员操作权限管理、权限方案管理、首页信息统计看板等的开发，以及嵌入到安卓 app 端 webview 的 h5 页面开发。
我的贡献：
1. 参照了angular的提交规范，设计了适用项目的提交规范，使开发任务过程清晰可查。
2. 根据选项切换穿梭框的内容，此时原分类下的已选内容，在新的分类切换后不会被清除并可正常显示，这虽然看起来不太合理，但出于历史遗留原因，早期的产品存在这种跨分类的选择，以作兼容。
3. 针对庞大的权限树，开发了表单内容复制粘贴功能。但后端只提供了单个权限的设置接口，为了减少请求次数，在提交前做了差异分析，只提交变化项。
4. 清晰的操作文档和测试说明，提高了测试效率。以往测试需要反复向开发沟通确认各项细节。