医患＋

医疗健康专业细分服务案例ID：150602

夏日里的一把阳光

5 年经验· 上海XX信息科技

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目：本项目是一个针对医院的his （营销管理系统）主要分为，医患沟通，预约咨询，视频培训，在线自定义作图，微官网 4大模块

技术选型：vue2.x vue router vuex vuecli less vantui elementui jquery

项目描述：
负责医患沟通电脑前端开发，管理后台开发，微官网开发，在线作图工具开发！

难点：
1.医患沟通首页如何做到选定主题加载不同主题！
2.如何维护登录状态
3.如何做到自定义话的了拖动的作图工具

解决方案：
1.首先后台定义了首页不同主题，有一个状态字段，定义了一个根据不同转态加载不同配置文件的js 文件，因为没有采用vue 所以没用组件去写！
2.在登陆后利用store 的commit 来全局存储登录转态，同时把登录转态存储到cookie 在取的时候直接从store 中取出数据即可！在响应拦截如果登录过期则删除维护的状态，重新登陆！
3.首先把作图工具分层，背景图，文字，图层这三块，利用vue 的ref 获取每个组件拖动的时候的坐标去维护这个坐标，使用坐标来计算图片的大小！利用svg 的坐标计算每一个字的坐标排列组合！整个画图工具就是一个对象数组的配置文件！在保存的时候循环数组！利用canvas 生成图片！保存即可！