该项目是一个集成了企业端、运维端以及用户端的完整系统，智能垃圾投放柜是公司自主研发的一款垃圾分类投放的硬件设备，软件部研发软件产品管理与使用智能垃圾投放柜，包括后台管理系统、运营系统、数据可视化、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缓存数据在本地；退出登录回显账户密码；绑定公众号，实现商品缺货、垃圾满溢等提醒功能