该项目是一个集成了企业端、运维端以及用户端的完整系统，智能垃圾投放柜是公司自主研发的一款垃圾分类投放的硬件设备，软件部研发软件产品管理与使用智能垃圾投放柜，包括后台管理系统、运营系统、数据可视化、C端*小程序、B端运维小程序。 a）后台管理系统 该项目使用了vue2+echarts+axios+vuex+ webpack，为公司智能垃圾投放柜的后台管理系统，包括后台管理系统基础配置，如动态懒加载路由权限、角色管理、数据字典配置、运营商管理等；对垃圾分类*小程序配置、提现比例配置；集成公司其他设备配置，如售货机、重力柜等设备； 个人职责： 参与部分页面设计和模块开发； 封装公共组件；优化系统，迭代开发； 动态权限设置，包括角色权限、页面权限、按钮权限； 利用 Vuex 进行数据管理；使用 cookie 存储token信息，实现免登录状态； 使用高德地图显示清运车辆行驶路径，管理设备地址； 使用webpack进行代码转换以及代码优化，打包优化； 使用echarts完成数据图表的显示； b）智能垃圾分类小程序（德仪智慧园区） 智能垃圾投放柜C端产品，实现垃圾分类设备定位、大件回收、积分兑换商城、积分提现*、积分支付售货机商品等功能 个人职责： 搭建*小程序框架，使用uniapp框架进行开发； 封装地图组件、uniapp数据请求；封装底部导航栏，动态设置底部导航栏； 实现上拉分页请求功能； 使用了图片懒加载技术, 防止页面加载过慢, 导致页面加载不完美； 使用了localStorage缓存数据在本地，部分数据使用全局缓存； 引入高德地图，修改个人收货地址； 实现设备定位、大件预约回收、积分兑换商城、积分提现*、积分支付售货机商品、推广系统等功能 c）智能垃圾分类数据可视化 https://sdh.manage.autogcm.com/map/ 2022.2-2022.3 个人职责： 根据需求搭建前端项目结构； 使用echarts完成数据图表的显示，封装echarts函数，优化系统； 实现地图动态交互效果； 适配多种大屏尺寸； 与后端工程师配合，使用ajax完成数据交互展示； d）智能垃圾分类运营系统 该项目使用vue2+echarts+axios+vuex+ webpack，项目是对公司设备的管理与维护，包括设备报警、修改设备配置以及其他相关信息，查看设备的实时监控。 个人职责： 参与部分页面设计和模块开发； 封装公共组件；优化系统，迭代开发； 接入海康威视视频监控，实时动态显示监控视频以及回放功能； 使用webpack进行代码转换以及代码优化，打包优化； 使用echarts完成数据图表的显示； e）智能垃圾设备运维小程序 该项目使用uniapp+uview，是对公司设备的管理与维护，包括设备升级、商品上架补货功能，可视化查看设备的数据情况。 个人职责： 搭建*小程序项目框架结构，使用uniapp框架+uview ui框架进行开发； 封装echarts组件，在*小程序中展示交易数据； 实现上拉分页请求功能；实现上传图片、上传文件的功能； 使用了localStorage缓存数据在本地；退出登录回显账户密码； 绑定公众号，实现商品缺货、垃圾满溢等提醒功能

基于vue3+ts+element-ui+echarts搭建的后台管理系统，集成修改PC端用户信息、PC端权限管理、后台权限设置、动态路由、表格封装、富文本、资源权限，上传以及下载等基础功能。实现前端导出表格数据、筛选列表数据、富文本内容等功能。 个人职责： 1、由个人主要完成页面功能模块开发； 2、根据原型制作模块页面展示以及交互功能；与后端对接联调数据； 3、封装公用组件，提高代码复用率，如表格列表、表格导出等进行组件封装； 4、使用pinia进行项目的状态管理，解决持久化存储，管理会话状态信息； 5、使用了import实现路由的懒加载；按需加载UI库,减小项目体积,提高页面加载速度；

1.使用了vue3.0+vite实现动态异步组件懒加载，根据业务发展提高页面加载速度，提升用户体验； 2.PDF文件服务端渲染，提高seo优化； 3.按需引入ant-design实现数据可视化，减少项目体积，提高性能 4.订单列表、报告下载页面使用分页功能，增加用户体验 5.使用getLocal+token实现免登录，使用路由守卫实现未登录时的跳转拦截 6.使用pinia进行数据管理 个人职责： 1、根据产品原型完成首页页面布局及交互功能，并对接后端数据； 2、制作企业简介模块，完成布局以及对应逻辑交互功能； 3、企业详细信息遮罩层内容制作、数据字典页面； 4、完成个人中心模块，实现路由无刷新页面跳转；