vue

该项目包括主要包括数据采集和数据展示,智能调度 其中包括视频监控,设备管理,安全管控,生产管理,智能调度等一些核心模块,将园区的各种监控监测设备统一管理统一监控,我在项目中主要负责进度的同意汇报,需求的分析和整理分解,还有所有厂家的设备对接(对接方式包括tcp/udp,rs232,http),后台报表的数据整合和各种图表报表的接口开发(暂时没有作品图片,可以联系详聊)

1.项目介绍： 智贝通是一款专为医院设计的智能化客服聊天机器人。通过集成五大核心板块——主界面、时长统计、报表管理、登录日志、设置，实现了高效、智能的客户服务体验 2.项目技术栈： vue 2全家桶+element-ui+axios+webSocket+electron 3.项目职责： 1.版本迭代与优化：负责2个小版本和1个大版本的更新迭代，包括功能增强和 bug 修复 2.数据搜索优化：运用递归函数对树形结构目录数据进行优化，提升搜索查询效率 3.拖拽与排序：集成 sortTableJS与 Element 组件，实现多区域配置选项的拖拽和排序功能 4.微信功能实现：采用 wechat-emoji-parser和 vue-clipboard 2等技术，实现微信微表情和复制粘贴功能 5.流量来源页开发：编写 iframe.js ，兼容移动端，为360、神马等搜索引擎提供流量来源页，抓取来源 URL 、购买词等数据 6.主界面重构：对主界面进行全面重构，优化 webSocket 协议文档，迁移并完善现有功能，如客服聊天、帮聊，同事消息订阅等 7.文件导出功能：利用 Blob和

1. 平台端系统构建 公司自研发的一套Sass系统，基于若依-cloud搭建，主要用于管理三方上游商家并能够定制泛化集团内容的产品(主要包括房抵贷，有钱花以及兴业贷等产品)，在此基础上创建商户租户接入外部的商家。 2. 商户端：主要提供服务用于泛华集团自有产品以及外部商户使用，提供客户经理以及客服模块对H5端或者是电销渠道客户进 行营销 3. 移动端: 主要包含H5端以及手机端(基于uniapp实现的跨平台应用)，有客户经理端以及客户端两个版本，主要是为了方便客 户经理能够直接在移动端管理自己的客户，实时查看当前的团的客户跟进记录便于客户经理的一个平台

按照规定运用客户给的规则，完成对应人力评分功能，运用vue2+element-ui，打包用vite，数据图形可视化用echars，实现了对公司人员技术评价客观打分。

主要功能: 1、音视频实时通讯 2、课件上传、同步展示翻页，Mp3、MP4同步播放等 3、实时聊天，上传下载图片，扫描二维码上传图片，canvas白板画笔同步，多白板学生答题 4、本地扬声器、麦克风、视频检测、桌面共享 5、多界面布局、多皮肤配置，及其他教学工具等。 技术要点: 1、使用react结合webpack搭建页面，使用mobx管理状态，尺寸使用rem实现响应式布局。 2、使用react-router实现路由跳转。 3、基于webrtc实现基于网页的实时音视频通讯及视频流的订阅发布。 4、主要基于websocket实现课堂中的交互功能和逻辑。 5、使用ajax实现web请求与后端交互数据。 6、使用localStorage、sessionStorage、IndexedDB等H5本地存储技术完成某些功能 7、使用canvas实现画板，模拟教学场景。 职责: 负责主要功能的开发，协调团队成员的功能分配，进度控制，解决问题，持续优化。

一、项目功能模块与功能实现 本项目是为就职的一家科技公司开发的企业门户网站，以满足公司产品展示、信息发布、信息化建设等方面的需求。项目主要分为以下几个功能模块： 1.首页：提供公司概览、产品介绍、成功案例、新闻动态等内容，简要展示公司业务和动态。 2.产品与服务：详细介绍公司的产品和服务内容，包括产品简介、应用案例等。 3.新闻公告：展示公司的动态新闻和通知公告； 4.后台管理系统：提供内容发布、用户管理、数据统计等后台操作功能，方便企业管理员对网站进行维护和管理。 5.移动端适配及SEO：确保网站在不同尺寸的设备上均能良好展示，提供移动端友好的用户体验。并通过Nuxt.js服务端渲染提升SEO优化。 二、个人任务与技术实现 在项目中，我主要负责全栈开发，承揽了前端和后端开发任务，前端使用了Vue快速搭建框架，配合Nuxt做SEO，后台用Java结合Spring Boot框架进行开发。数据库使用MySQL，Redis作为缓存，网站上线的域名和SSL证书一条龙均由我负责。 实现了以下几个关键成果： 1.设计并实现用户认证和权限管理，前后端分离，内网发布，外网隔离，确保了网站的安全性和用户

项目分为2端，PC端和移动端 PC 端主:要是负责后台管理，权限控制，会员管理，分销利润设置，报表统计 移动端采用公众号：用户购买下单，充值，分享码分享，订单管理，分润利润统计。

通过对接硬件扫描设备、打印设备，对存在的实物进行管理，app端运用原生微信小程序开发，后端采用微服务框架，前端运用vue3+element-plus+echars。

1. 负责系统首页，园区管理，楼宇管理等静态页面的高度还原 2. 负责房源管理，部门管理，角色管理等模块的增删改查功能 3. 负责可视化的图表展示 4. 负责登录页面的布局和功能的实现 以及用户信息的存储 5. 负责项目请求数据优化利用第三方插件库 lodash，提高开发者效率，并提高用户体验 技术实现： 1. 使用 router 配置路由，并使用 addRoutes 动态添加路由表（菜单权限），递归组件封装来完成侧边栏动态渲染 2. 通过调取后台接口，并传递所需的数据，来达到页面的增删改查功能，以及数据的渲染 3. 使用 echarts 对首页页面可视化数据进行渲染并利用 window.onresize 来做到自适应布局 4. 利用 pinia 模块化来对登录时的状态和个人信息进行保存，并封装本地存储来对数据进行持久化保存 5. 使用 vue 的自定义指令结合后台返回的按钮权限数据实现按钮权限的控制 6. 通过 lodash 来实现搜索的防抖，防止数据反复请求，提高了性能

运用了vue3+element-plus,数据可视化用echars组件，小程序端开发运用了uniapp，实现了对乡村数字化治理、网格化治理。

企业CRM 管理系统 1.公司组织结构的管理 2.出入库管理 3.客户关系管理，记录跟进的客户 4.权限等级的管控 5.角色功能分类管理

1.此项目主要为一个房车基地的会员服务信息项目，主要提供信息； 2.主要使用VUE开发，负责30%的前端页面的搭建工作。

该项目为智慧乡村app移动端，分为居民端，工作人员端 使用到的技术： 1. uniapp，以及uniapp相关的api 2. 使用到了uniapp 插件市场里的 腾讯云视频通话 3. 上传下载文件，以及手机内的交互（获取相册，获取拍照权限等）

项目模块包含了日常管理，系统管理，通知公告，台账管理等模块 其中的功能涉及到了 1. 列表的增删改查 2. echarts 图标绘制 3. axios 封装统一接口请求 4.表格内容导入导出等 5.上传文件，下载文件 6.富文本编辑等

1.项目分为个人中心，购物车，个人产品，组织产品，票据，发布报价等几个模块。 2.用户可以根据自己的购买需求创建产品，产品可以发布为社区的或者是供应商类型的，也可以推送到组织，组织成员可以共享产品，创建的产品可以添加到购物车，单个购物车可以添加多个产品，最后以购物车为单位发布招标，供应商可以上传报价或者通过im跟买家及时沟通。购物车也可以分享给别的组织，有只读分享和权限分享。用户创建组织或者发布产品需要超级管理员确认，有用户做这些操作时，管理员会收到邮件并及时处理，单点登录是用keyClock实现的，用户密码也是保存到keyClock中，数据库只保存加密后的用户信息。

1.此项目主要为一个房车基地的会员服务信息项目，主要提供信息； 2.主要使用VUE开发，负责30%的前端页面的搭建工作。

搭建自己的一点点、奈雪、喜茶点餐系统。 系统基于总部+多门店的连锁模式，拥有门店独立管理后台，支持总部定价和门店定价。LBS定位点餐，可堂食可外卖。

技术栈： ES6、ECharts、Vue.js、Element-plus、scss、Axios、Vuex、Node.js、WebPack E 负责内容： 1. 设计并实现可视化的图表展示，包括折线图、柱状图、饼图等。 2. 实现数据的实时更新和展示，确保数据的准确性和及时性。 3. 构建整个项目的前端框架，采用Vue.js和Element UI等技术栈。 4. 与后端工程师对接，完成数据交互及前后端联调。 技术实现： 1. 通过与 UI 沟通，使用 Echarts 实现数据可视化以及图表的搭建 可以快速展示大量数据。 2. 使用Vue脚手架vue-cli创建项目, 使用Git对项目进行版本控制 3. 使用npm下载需要对应的插件 4. 使用vue-router配置项目中的路由以及实现页面的跳转和传参 5. 使用 axios 异步请求后台接口，完成前后端数据交互和数据渲染 6. 使用proxy属性对接口进行代理,完成项目的跨域请求 7. 将项目中可复用的模块进行封装成组件，可在不同页面相同功能中调用，提高了 代码的灵活性和开发效率

项目是使用 uniapp 开发的微信小程序，里面有商城下单，购物车，邀请海报，以及直播功能。 1，通过 websocket 建立实时通讯，在直播间中实现用户发言，切换当前展示商品的功能。 2，与后端对接阿里云的视频直播，在小程序中拉流，获取直播画面，实现直播功能。 3，使用 Vue.js 框架和 Vuex 状态管理库，搭建了购物车功能模块。 4，使用 uniapp 组件生成邀请海报，将小程序码绑定参数放在上面，用户可通过扫码进入小程序指定页面，并且可与分享者绑定上下级关系。

该项目为大屏预览项目，可惜方便查看可视化的后台数据，实时监测图标 使用到了 1. echarts图标（绘制折线图，饼图，柱状图等）