微信公众号道路救援项目
通过道路救援入口进入首页,选择申请救援或者查看救援进度,申请救援需要选择故障类型来申请救援;申请成功会进入到救援进度页面,该页面主要用来展示救援进度节点和故障车救援车所处的位置;如果救援完成,则需要用户对本次救援进行评价。
微信小程序数据实时快报项目
通过公司小程序入口,进入数据实时快报,首先做的是权限校验,没有权限的需要申请权限并通过后才能看到数据。该功能主要用来向人保的一些领导的展示保费和保单量的实时数据和历史数据,主要用到了小程序组件和组件化页面布局,权限校验,用到了时间选择控件来控制时间的选择,用Echart创建折线图和柱状图来展示数据;并且当天数据用了一分钟一刷新的机制来获取实时数据,同时还用到了数字滚动控件实现实时数据数字滚动的效果。
对外合作管理平台
本项目主要用户群是人保集团公司本级、各级子公司总部、产健寿省级分公司内部人员,员工使用4A工号通过4A平台进入管理平台首页,实现了与4A系统的对接和单点登陆功能,项目主要功能有客户信息管理、项目管理、商机共享、协同拓展、用户权限及审核等,利用vue cli搭建项目,应用element u、flex布局、css3及vue数据绑定等技术实现页面展示;客户信息管理主要用户展示分公司及合作客户信息,同时支持单文件的上传下载和多文件的批量上传和打包下载,还通过tinymce文本编辑器实现文本的编辑;每个功能点通过axios与后台进行交互,交互过程中运用AES进行报文的加解密和通过携带token来控制登陆;通过vue-router来控制页面的跳转,并运用vuex和缓存机制来管理数据,实现组件间数据的传输和管理状态,并实现了消息中心和审核中心消息条数的显示。