项目概况：是为供应商或品牌方量身定制的与机构客户建立双向沟通渠道的sass系统，对消费者提供机构认证查询，设备认证查询，医师认证查询。项目说明：项目分为前后台，前台借助nuxt.js实现基于node.js的ssr渲染，使用pm2托管项目；后台则使用spa单页面开发项目链接：https://zp.caimei365.com/12/ross https://zp.caimei365.com/4/ph https://zp.caimei365.com/5/app https://zp.caimei365.com/15/hyt主要技术：nuxt.js，vue2.x全家桶，element-ui组件库，vant组件库，moment.js，clipboard.js，qrcode.js，jssdk.js等三方库负责板块：项目前后端分离，项目后台功能模块有账号管理，会员管理，审核管理，新手帮助，授权牌物流，系统设置，机构认证，人员认证，云资料库，挑战赛，意见反馈，会员中心。所有模块均从零到一独立开发完成，并负责后续功能的迭代开发。工作和成就：● 所有页面均采用组件化开发，将组件分为公共组件，业务组件方便维护● 封装了机构授权牌模板编辑组件，支持二维码拖拽布局；封装了权限按钮，可根据不同权限弹窗提示不同内容● 封装了云资料库开发时封装阿里云oss上传组件支持大文件断点上传及断点续传功能，支持选择文件夹上传● 封装了地图组件，调用高德地图api实现了根据用户输入的地址定位->用户选取精准定位的功能● 封装多个指令，如v-permission权限，v-clipboard复制到剪切板，v-debounce防抖，vwaterMarker水印等● 封装storage工具函数，对本地存储数据进行加密及过期时间设置，自动获取页面prefix（用于区分不同的供应商）对存储的数据进行区分● 封装axios封装和api接口的统一管理，UI库的按需加载，路由懒加载● 通过开发路由拦截中间件，区分展示不同的供应商模板（前台项目）● 引入高德地图api获取当前位置坐标并传给后台获取附近机构信息（误差50米范围内）；调用高德地图，百度地图，腾讯地图URI API实现导航（前台项目）● 移动端引入微信公众平台jssdk.js，封装$wxReady方法方便使用微信公众平台提供的api，如页面分享，图片预览，图片保存（前台项目）