项目描述： 项目为 IT 技术互联网职业在线学习平台，包含海量的视频课程、图文项目，为学校提供学习、竞赛培训等在线服务业务。平台包含用户前台、学习中台、管理后台、*小程序等平台开发，本次项目是在原来 Vue2.0 基础上对前台、中台、后台进行 Vue3.0 、Vite、Pinia 的重构和升级。 项目成就： 1、项目中使用 Vue3.0 Composition API、Vite、Pinia 、Element Plus 新一代的 Vue 生态重构项目，替换 Option API、Vue Cli3、Vuex 等 Vue2.0 组件。 2、通过重构登录项目，掌握 SSO 单点登录相关知识，利用二级域名中的项目可以访问根域的 cookie 实现，实现*、*号登录模式的动态切换，掌握*登录 oauth 相关流程。 3、通过重构主站前台项目，实现视频课、技能测评核心业务模块的前端交互。 4、通过重构学习中台项目，掌握音视频的基本 API 实现按上次记录播放，拖拽、暂停、按频发送播放记录。 5、通过重构管理后台项目，掌握标准化的管理后台布局 UI、高扩展性路由精细化权限设计，能高效完成后台各业务数据的表格查看、表单编辑、删除确认业务逻辑。

项目描述： 珠江水旱灾害防御四预平台汇集流域“雨情、水情、咸情、工情、险情、灾情”等信息和流域预报、调度以及淹没等模型，实现流域“四情”动态监控和水利模型统一管理，并结合“四个链条”，实现了交互式预报、自动预警、多维度预演和比选优化预案。 项目成就： 1、项目中使用Vue3.0 Composition API、Vite、Pinia、Apache ECharts 可视化图表库、Element Plus组件库等进行项目的搭建。 2、通过amfe-flexible、postcss-pxtorem插件和在样式文件中设置变量使得样式文件、style和js中的px都能转换为rem，从而实现了页面的自适应。 3、将Element中的弹窗组件封装成可拉伸、可拖拽及放大缩小的新弹窗组件。 4、通过el-slider组件实现了地图上的淹没播放及库区水面线（图表）的播放展示。 5、实现了综合展示、预演、预案等核心业务模块的前端交互。

项目描述： 通过水土保持场景，为生产建设项目水土保持监管、水土流失监测预警提供支撑，助力水土保持全链条监管。 充分利用智慧水利数据底板提供的基础数据资源，主要包括高分卫星遥感影像、部分区域的无人机遥感影像、DEM构建的三 维模型等。此外，通过智慧水利数据底板，接入跨行业共享的土地利用数据、生态红线、雨情监测与预报等数据资源。 实现深圳市水务局、各区水务局之间数据交换功能，推进数据的共享和综合开发利用，实现水土保持数据共享和互联互通， 增强信息服务能力。 项目成就： 1、项目中使用Vue3.0 Composition API、Vite、Vuex、Apache ECharts 可视化图表库、Element Plus组件库等进行项目的搭建。 2、利用网址携带的token或access_token实现单点登录。 3、使用地图接口和小程序的地图组件实现数据与地图的交互，更直观的展示数据。 4、使用海康WEB播放器和视频播放器两种插件，实现不同播放设备的摄像头监控视频以及多个视频的播放。 5、实现一张图、监管管理、黄泥水溯源、辅助支持等核心业务模块的前端交互。 6、完成标准化的系统管理布局UI设计，高效完成后台各业务数据的表格查看、表单编辑、删除确认业务逻辑。