echarts

项目简介：基于vue3框架的一个电商PC端项目 职责描述：主要负责首页、商品搜索页、商品详情页、购物车、个人中心页的静态搭建，以及相关的交互功能，如：商品搜索、排序功能，添加、删除购物车商品功能，收货地址管理等功能。 项目技术点： 1、使用swiper 5 封装首页轮播图公共组件，在首页等多个组件中复用； 2、封装TypeNav分类导航组件，并且通过监视route对象的path属性，控制分类导航组件在不同页面中的显示效果； 3、引用lodash包，调用throttle节流函数，解决鼠标快速移入分类标签时的，标签高亮的卡顿问题； 4、使用事件委托编程技巧，对分类导航标签的点击事件进行优化，减少不必要的内存消耗； 5、二次封装vue-router编程式导航的push、replace方法，解决前端路由跳转时，跳转路径冗余导致的控制台报错问题； 6、使用import函数实现路由组件懒加载，提升项目首次渲染效率； 7、使用element-plus组件库的image组件，通过标签属性lazy，实现图片懒加载； 8、首页跳转到商品搜索页时，使用query路径传参方式，将搜索关键字传递到search组

成都地铁官方APP，是一款用于日常扫码，刷脸乘坐地铁的APP，使用MVVM + Lifecycle + LiveData作为项目的主要框架模式 集成了云闪付、支付宝、微信，龙支付等多种支付方式

项目简介：基于vue2框架的一个进销存系统后台管理PC端项目。 职责描述：主要负责账户基础资料管理模块，采购、销售、入库等业务模块功能开发，公共组件、方法封装。 项目技术点： 1、根据用户账号权限，实现路由级、功能级的权限控制； 2、使用vuex存储库，缓存公共状态数据，例如类别列表等； 3、添加商品属性时，结合nextTick实现属性信息编辑和显示模式的切换； 4、使用computed，计算添加商品时可选的属性分类，引导用户完成商品属性添加； 5、用户登录时，使用localStorage以及vuex存储用户token信息； 6、使用watch监视table选项的变化，实现table的row联动计算功能等； 7、使用validator自定义表单校验规则，拦截用户在未正确填写信息场景下的提交请求； 8、使用keep-alive组件缓存用户注册表单数据，防止用户意外切换页面时，已填写的数据丢失，提升用户体验； 9、二次封装axios请求库，设置请求超时时间，添加请求动画，统一处理响应错误等； 10、使用echarts实现首页可视化等；

项目功能：①对豆瓣某个动画评论数据进行定期爬取 ②将所得数据进行整理入库 ③将得到数据进行前端可视化展示 我的工作： ① 基于 Node 中的 Https 模块和 cheerio 解析豆瓣评论静态页面 ② 使用 Https 模块和 RestfulAPI 风格，不依赖后端框架，原生JS实现带分离路由的后端服务器 ③ 依赖 MongoDB、Mongoose、MongoDB Compass 完整生态，实现爬虫结果持续化存储 ④ 借助 Echart Vue Element，进一步整理数据，构建完整 Web 服务，实现数据分析可视化

分为2个项目分为，前台展示以及后台配置系统 查看当前的系统使用情况； 以及系统相关联的配置后台 其中企业机构项目为原老的项目的技术升级项目； 在底层应用智能电表采集到具体电力数据，统一入库 在前端展示； 前端配合后端的具体算法进行 电力情况的具体分析；

记录并规范整个业务流程和数据，提供灵活的内部协作及多场景应用，通过业务报表统计服务相关的各类绩效数据，集数据记录、业务进度跟踪、数据分析于一体。 所使用的技术:web 使用的是 vue2，移动端使用的是 uni-app+vue3，通过云打包发布安卓和 ios 版本

缺陷督办根据省公司id判断显示内容、如省公司督办后如未反馈将不能督办，反之同理，当点击反馈次数可查看反馈内容，地市公司可反馈。 1. 使用flex 布局、vue2、echarts、element-ui、vuex、地图组件实现 2. 缺陷总览包括有当日、当月、当年、一般、严重、危机消缺状态及数量 3. 使用element-ui实现故障信息tap切换、实现筛选、表格内容、弹窗信息等 4. 根据省公司id和lever判断明细页面是否为督办或者反馈 5. 使用element实现分页，及列表信息、二级明细展示 6. 使用echarts实现缺陷信息数据可视化，包括直流、配电、变电、输电的数据展示 7. 使用封装的组件和地图组件实现打点，及打点信息、线路图示.

通过vue3和echarts实现数据可视化，ECharts是一款基于Javascript的数据可视化图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

● 项目介绍： 智慧出行管理平台是一款用于厂商管理两轮车设备的 SaaS 平台，该项目包括设备地图、车辆设备、终端用户、经销商门店、SIM 卡管理，通过平台可以查看车辆在离线状态、车辆实时位置、车辆运行记录等信息。同时，该平台还有故障告警、销售统计等功能，车辆的销售数据、用户数量、分布区域等实时呈现在可视化大屏上。 ● 项目技术栈： Vue2、webpack、element-ui、Sass、Echarts、Vuex 、百度地图 api ● 我的职责： 从零到一搭建 SaaS 平台，从最初的技术选型一直迭代到2.1.0一直全程参与。在开发过程中曾设计、主导自定义拖拽式数据看板的功能，并迁移到公司各项目中，使之减少了大量的图表开发的工作，并获得了公司颁发的最佳创新奖。

太原地铁官方APP，是一款用于日常扫码，使用MVVM + Lifecycle + LiveData作为项目的主要框架模式 其中集成了支付宝、微信等多种支付方式

项目职责： 1、 使用Ant Design实现各种页面布局； 2、 负责通过echarts，对各地区产业基地分布以及风险等级等数据可视化处理； 3、通过axios发送请求进行数据交互，对生产基地、病虫害监测等页面进行渲染； 4、通过Antd日历中dateFullCellRender方法对日历进行编写自定义样式，根据农作物的生育期情况对日历的单元格进行不同颜色的渲染; 5、通过请求geojson数据渲染到gis地图以 Marker的方式来展示山西省各地区农作物基地种类分布情况； 6、编写ConnectProvider高级组件，接收fetch、params、children三个属性，分别为请求接口的方式和参数还有高级组件中显示的子节点。可以减少代码冗余，提升代码可读性，提升性能

项目简介： 该平台以智慧农业为研究目的，以解决南宁市上林县部分地区的农业生产过程中存在的传统农业基础设施落后的问题为主导方向，对 农业生产过程中的数据进行收集、处理、监控和分析，构建一套集农业生产数据采集、实时设备监控为一体的生产服务平台，对农业 生产过程产生的数据进行可视化的渲染和管理。目前平台已在南宁市上林县木山乡白镜村投入使用。 项目技术： SpringBoot+Vue+MyBatis+SpringSecurity+MySQL+uni-app+element-ui+Redis+Nginx+Docker+Git 负责工作： 全栈工程师

该项目可以记录和查看用户角色的历史数据，并将其历史数据整合成表格或图表的形式显示。 该项目主要使用vue2, element-ui和echarts实现

CarlineBI系统提供奥迪各车型、Carline MIX、量、价格、销售支持、竞品分析、经济性、收入管理、材料成本、选装分析、投资费用各个专题指标可视化分析。展示形式包括但不限于卡片、趋势图、柱形图、折线图、环形图、扇形图、报表、地图、瀑布图等。 主要职责： 1.前期需求沟通、需求设计； 2.用户，角色，菜单，权限配置； 3.利用flexible和Viewport等响应式布局方案兼容多屏幕宽度，并处理Ipad访问的兼容性问题； 4.tableau报表集成、ECharts报表开发、框架架构升级； 5.利用Vxe-table替换ant design的table来提高表格加载速度

项目描述: 该项目是智慧校园中物联网管理系统，是对学校物联网设备进行管理的后台系统模块，经过后续迭代，成为了整个大系统所有硬件设备的综合管理系统，其中有数据概括、物联设备管理、智能终端设备、第三方设备、设备位置管理五大模块。 物联设备管理中包含对除第三方设备以外所有设备的物联网网关及其子设备的基础管理功能 智能终端设备模块中包含了班牌/宿舍牌/场所牌/人脸终端等对设备终端的控制管理及设备信息等功能 数据概括是对除第三方设备以外所有的设备的综合信息统计页面及设备子页面，包含大量可视化图标 第三方设备是合并重构之前学校摄像头管理系统的增删查改相关功能 在此项目中要独立负责公司五年计划中的整个物联网系统所有相关的开发维护及迭代工作 涉及技术模块: Vue3.0 Ts axios antDesign-Vue2.0 echarts app-info-parser vue-clipboard3 mqtt 等

包含多用户多角色的后台管理系统，涉及用户管理，子项目管理，系统权限分配，各类查询统计页面，各类高级列表页，复杂表单，内容预览等等后台管理复杂需求。

业务运营平台实现中台业务服务和应用APP使用情况统计分析、内购计费场景算费以及多方费用结算分摊，为“边使用、边付费”的运营模式提供数据支撑。通过对应用APP 及外部应用能力使用的情况进行数据分归纳分析，形成直观、可视、便捷的数据分析及展示能力，供业务运营人员对应用APP的评估考核。从而提升应用APP使用质量。

该项目采用了数据可视化技术，旨在为城市治理提供数据支持。该应用程序分为多个模块，包括平安智慧小区、人员动态感知、智能交通、公共安全、舆情监测、综合版大屏等大数据分析页面及数据交互。作为开发人员之一，我负责了平安智慧小区、人员动态感知、智能交通、公共安全、舆情监测、综合版大屏等模块的开发工作。 通过使用数据可视化技术，我们成功地实现了对城市治理的数据分析和可视化展示，为政府和公众提供了更加直观和清晰的数据支持。平安智慧小区模块通过数据分析和可视化，帮助物业管理人员实现小区信息管理和智能化监管。人员动态感知模块通过数据分析和可视化，实现对城市人员流动情况的监控和分析。智能交通模块通过数据分析和可视化，实现对城市交通情况的监控和优化。公共安全模块通过数据分析和可视化，实现对城市公共安全情况的监控和预警。舆情监测模块通过数据分析和可视化，实现对城市舆情的监控和分析。综合版大屏模块将各模块的数据综合展示，为政府和公众提供全面的数据支持和决策参考。 我们的目标是通过数据可视化技术，提升城市治理的效率和透明度，为城市发展提供有力的数据支持。

项目分为三个子系统：数据采集与管理、数据统计与分析、数据可视化。包括对接IOT数据平台、接口网关、数据库对接、数据文件导入导出、台账定义维护、台账数据维护、统计图表插件管理、领导驾驶舱(大屏数据展示)等功能模块。我负责需求设计、交互设计、数据结构设计。难点是集成大体量的BIM模型进行在线展示，对3D模型进行轻量化处理。

项目简介： 平台主要是由帮扶人（县级各单位派驻，一人帮扶一户或多户）每月入户调研收支情况时记录使用，由县乡村振兴局统一管理和每月出具相关监测报告时使用。 1. 移动端上入户打卡帮扶的形式，简化了帮扶流程，有利于对帮扶人员进行工作记录量化考核。 2. 跟踪和评估每个贫困户的收支情况，当收入水平低于或高于某个阈值，有利于当地乡镇及县级政府采取行动进行相关工作的安排。 3. 对帮扶人的工作核查，有利于实时监督工作情况，减少不必要的线下奔走，缩短了帮扶工作的周期。 4. 数字可视化收集、汇聚贫困户的基本信息，进一步实现信息透明化。 项目技术： SpringCloud-Alibaba+Vue+MyBatis+SpringSecurity+MySQL+uni-app+element-ui+Redis+Nginx+Docker+Git 负责工作: 全栈工程师