技术栈：vue2 全家桶(vue/cli+vue-router+vuex+axios)+elementUI+javaScript+rongyun 该项目是用于工地监控可视化以及人员数据的可视化大屏。其中包括指挥中心，人员管理，设备管理，车辆管理，视频管理，工程进度，质量管理，安全管理这些模块 主要职责： 1.深浅两种样式风格主题开发，可随意切换样式，并使用 Localstorage 缓存样式，供下次登录显示。 2.自定义图表,根据 UI 设计图对 Echarts 图表进行修改和二次封装，只需要传入固定模版的数据即可 渲染成所需要的图表，并可自定义颜色（例如柱状图、折线图等）。 3.基于 rongyun 插件的聊天室开发，基于 rongyun sdk 开发私聊、群聊和视频聊天功能。 4.独立负责大屏适配:小于 2k 屏、2k 屏、4k 屏、16:9、非 16:9 等屏幕的适配。 5.首屏优化，使用 webpack-bundle-analyzer 对包进行分析，并进行了如下的加载优化： 打包时对打包的文件进行压缩；webpack 配置 externals 使库文件采用 CDN 加载。路由懒加载、 组件库按需加载；开启 gzip 压缩 优化效果：首屏从 10s 到 2s

技术栈：vue2 全家桶(vue/cli+vue-router+vuex+axios)+elementUI+javaScript 项目主要用于公司下的各个平台订单数据的管理导入，分析和数据计算。 主要功能模块：首页，导单模块，订单模块，结算系统，报表系统，发票系统，采购系统，基础数据，系统设置 负责导单模块，订单模块，结算系统，采购系统 导单模块：操作其他平台订单数据的导入，管理员使用手动添加的形式来导入或者导出订单 订单模块：负责订单的管理，如订单编号 来自哪个平台是什么品牌下单时间以及收货人信息等等，还用来处理退款订单，记录订单流水并生成订单日志 结算系统：管理账单批次 结算的金额 回款时间 开票金额。当某平台需要做活动时要在结算系统里的活动报备模块进行报备包括商品 活动内容 活动金额 活动时间等。 采购系统：管理员在此模块处理品牌信息 供应商信息 库存情况。 管理员提交采购申请等待上级的审批，审批通过后会根据申请单和供货商信息生成采购订单并发送给供货商。 主要职责： 1.使用 elementUI 组件库和 Echarts 封装公共的需要的效果组件与功能 2.目录结构优化、图片压缩、CDN 加速、CSS 分层、Promise 解决打印流程回调地狱问题 3.使用 mock 进行接口数据模拟，并使用 webpack 的 require.context 自动接入 mock 文件， 避免手动映射文件，提升开发效率 4.使⽤ JWT 替换传统 Session 完成登录，⽅便后期系统拓展 5.开发水印功能给发票数据添加水印，很好地解决公司信息安全问题，也能够很好地进行问题溯源 6.实现虚拟滚动，解决长列表大量数据渲染时导致操作卡顿的问题。优化前 1000+卡顿，优化后 5000 数据能够流畅使用 7.利用 url-loader ，将小图标转换成 base64 格式、避免占用主域并发数

技术栈：Vue3+Typescript+Ant-Design+vueRouter+Vuex+Echarts+Websocket 该项目是为城市环卫管理所涉及到的人、事、物、车进行实时管理的平台。主要是为了合理设计规划环卫管理模式，提升环卫作业质量，降低环卫运营成本。智慧环卫所有服务部署在智慧城市管理云端，对接智慧城市网络，以云服务方式随时为管理者及作业人员提供所需的服务。 项目主要包括以下几个方面的业务：系统管理、智慧公厕、垃圾分类、环卫车辆、环卫人员、人员健康关怀、数据大屏、数据报表、垃圾收集转运设施监管、日常监督检查、终端处置场监管等。 我主要负责系统管理、智慧公厕、垃圾分类、数据大屏、数据报表等模块 系统管理：包含菜单管理、用户管理。用户管理：用户名称账号以及关联的角色和目前的状态。角色管理：超级管理员，普通管理员，普通用户，超级管理员可以删除用户 关联角色等。超级管理员会多出角色管理和权限管理两个模块 智慧公厕：每个公厕都有一个唯一的超级识别码，由超级管理员添加进后台，并将公厕的具体所属区域 定位地点 名称 类型以及监督机构详细录入，还要设置好公厕的开放时间。普通管理员可以操作完善公厕相关信息，如坑位数 是否有母婴室 是否有无障碍厕位等。 垃圾分类：通过扫描二维码，为市民提供垃圾分类相关知识，并提供垃圾分类查询服务，鼓励市民参与到垃圾分类中来。 依据垃圾桶监测系统所收集的信息，计算出垃圾清运的最佳路线和清运时间，大大提高了环卫部门的工作效率。 根据垃圾桶分布、数量情况，对保洁员以及垃圾收运车辆每天作业达标率进行监控与统计分析 数据大屏 报表：包含环卫设施、人员关怀、人员作业、中转站等报表，使用websocket实时推送数据 项目难点： 1.利用 RefreshToken 刷新 TOKEN 双 token 形式解决长时间保留 token 安全问题，减少用户 token 过期重复登录问题，储存失败请求，刷新 token 后直接请求这部分接口（类似断点续传）。 2.大规格文件上传，使用切片方式，实现了秒传，错误重试(3 次重试失败，整个任务中止)，控制并发 的方式实现效果：上传时间由 8~12S 减少为 1~2S，断点续传提高了容错性