项目描述 此项目用于管理书籍pdf资源，可以对每页pdf添加书签，整本预览以及下载。 技术内容 1、前端采用Vue框架结合typescript，UI组件库使用ElementUI 2、使用Vuex进行数据管理，vue-router进行路由跳转 3、使用axios请求后台接口，保证网站实时更新。 负责模块 1、登录页：用户填写用户名和密码进行登录，点击记住密码复选框时把用户名和密码保存到 localStorage 以便下次进行登录。 2、团队管理页：添加和编辑数字化每个团队流程的负责人和参与人。 3、数字化管理页：上传pdf文件，使用 vue-pdf组件进行预览每页的pdf。讲每页pdf信息保存在数组中，可以进行排序，替换单页，添加书签和目录。 4、全屏预览：对整本pdf进行预览，分别有缩略图和大图。点击缩略图时页面会自动滚动到大图进行显示，当用户对滚动到大图页面，响应的缩略图会高亮显示。 项目收获 1、学会了在vue中使用typescript，对变量进行类型声明。 2、明白了数据初始化的重要性，以及深拷贝和浅拷贝的区别。

项目描述 该项目主要是通过*公众号来管理地锁。展示客户地锁状态，同时可以控制地锁的上升和下降。 技术内容 1、采用Vue框架，UI组件库使用vant进行移动端开发。 2、使用wxjssdk调用*api。 3、使用axios发送请求，获取后台数据，保证页面的实时更新。 4、使用vue-router进行路由跳转，vux进行数据管理。 负责模块 登录页：用户通过*号发送验证码登录，设置定时器每60s可以重新发送一次验证码 地锁详情页：展示地锁信息以及状态，使用better-scroll组件实现上拉拉加载更多和下拉刷新功能。搜索框通过调用wxjssdk*扫一扫api，扫描二维码获取设备串码信息，根据设备串码搜索到相应的地锁。 车辆停靠记录页：展示停靠车辆的车牌信息，编写车牌号输入框组件，让用户能输入正确的车牌*。 项目收获 学会了在vue中使用wxjssdk来调用*api, 对better-scroll组件的使用更熟悉了。

项目描述 该项目用于管理监管所预约会见的人员信息，预约会见，会见审核，报表管理，系统管理等功能。 技术内容 1、前端采用Vue技术，UI库使用iview 2、采用Vue组件化和CSS模块化设计方案，提高开发效率，代码简洁，复用率高，代码可维护性高。 3、使用vuex管理数据，vue-router路由跳转 4、使用axios发送请求，调用后台数据，保证网站数据实时更新。 负责模块 1、来访预约管理：用于查看历史预约记录以及对来访预约进行审核。历史预约记录通过搜索框输入关键字传入后端，后端通过筛选数据传递给前端渲染页面。 2、统计看板：使用echarts数据可视化工具对每日的访客量进行统计。 3、报表管理：将所有预约的记录进行统计，已列表的形式显示。通过数据懒加载对总数据进行分页查看，最后将所有数据导出成exel表格。 项目收获 1、在开发过程中，千万要注意代码的规范性和可读性。不清楚的地方多写注释，方便定位bug以及后续人员对此系统进行维护。 2、编写可复用组件也很重要，可以大大提高开发效率。