签约修改整合

api/temp-api.js

@@ -0,0 +1,45 @@
(function(exports) {
    var tempAPI = {
    	//获取居民信息
		getPatient: function(data) {
			return httpRequest.post("doctor/patient_label_info/patient",{data:data})
		},
		//获取家庭医生签约信息
		patientLabel: function(data) {
			return httpRequest.get("doctor/patient_label_info/patient_label",{data:data})
		},
		//获取医生团队信息
		getDoctorTeam: function(uid){
			return httpRequest.get('doctor/admin-teams/team/'+uid+'/teams')
		},
		//获取患者服务类型
		getSigndict: function(data) {
			return httpRequest.get("doctor/sign/getSigndict",{data:data})
		},
		//获取健康状况/疾病类型/团队标签等
		allLabels: function(data) {
			return httpRequest.get("doctor/patient_label/all_labels",{data:data})
		},
		//保存标签修改信息
		updateSignServerByCode: function(data) {
			return httpRequest.post("doctor/sign/updateSignServerByCode",{data:data})
		},
		//貌似是更新居民标签-》第五条对应信息
		patientLabelUpdate: function(data) {
			return httpRequest.post("doctor/patient_label_info/patient_label_update",{data:data})
		},
		//添加患者标签
		getLabelsByType: function(data) {
			return httpRequest.post("doctor/patient_label/labels_by_type",{data:data})
		},
//		添加团队标签
		addTeamLabel: function(data) {
			return httpRequest.post("doctor/patient_label/add/teams",{data:data})
		},
		
		
		
    }
    exports.tempAPI = tempAPI;
})(window)

app/sign/css/userInfo.css

@@ -0,0 +1,76 @@
.flex-box{
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-pack: center;
			      -ms-flex-pack: center;
			          justify-content: center;
			  -webkit-box-align: center;
			      -ms-flex-align: center;
			          align-userInfos: center;
			}
			.flex-box-item{
			  -webkit-box-flex: 1;
			      -ms-flex: 1;
			          flex: 1;
			}
			/*绑定设备*/
.icon{width: 21px;height: 21px;vertical-align:middle;display: inline-block;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.icon-wx{background-image: url(../images/weixing_icon.png);}
.icon-wx-gray{background-image: url(../images/weixing_zihui_icon.png);}
.icon-xueyaji{background-image: url(../images/icon_xueyaji2.png);}
.icon-xueyaji-gray{background-image: url(../images/icon_xueyaji_zhihui.png);}
.icon-xuetangyi{background-image: url(../images/icon_xuetangyi.png);}
.icon-xuetangyi-gray{background-image: url(../images/icon_xuetangyi_zhihui.png);}
/*高糖*/
.mb-icon-round{width: 50px;height: 21px;border-radius: 10px;text-align: center;line-height: 21px;font-size: 15px;display: inline-block;}
.mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
.mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
.mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}
[v-cloak]{display: none;}
/*滚动条样式*/
.label-list::-webkit-scrollbar {
    width:2px;
    height:2px;
}
.label-list::-webkit-scrollbar-button    {
	display: none;
    background-color:#FF7677;
}
.label-list::-webkit-scrollbar-track     {
    background:#dcdcdc;
}
.label-list::-webkit-scrollbar-thumb{
	background:#999999;
    border-radius:4px;
}
.label-list::-webkit-scrollbar-corner {
    background:#82AFFF;
}
.label-list::-webkit-scrollbar-resizer  {
    background:#FF0BEE;
}
.f14{font-size: 14px;}
.mt80{margin-top: 80px;}
.c-container{width: 700px;margin: 0 auto;}
.w-250{width: 250px;}
.w-80{width: 80px;}
.w-110{width: 110px;}
.c-container>.w-250{height: 570px;border-right: 1px solid #d7dde7;margin-right: 20px;}
.user-images{margin: 80px auto 0;width: 100px;height: 100px;}
.user-images img{width: 100%;display: block;}
.user-name{margin: 20px auto;font-size: 20px;color: #333;}
.tool-list{margin: 20px 30px 0px 20px;padding: 0;}
.tool-list li{float: left;list-style: none;width: 50%;}
.tool-list li a{line-height: 26px;height: 26px;margin-bottom: 10px;text-align: center;display: block;color: #333;border: 1px solid #d7dce6;text-decoration: none;}
.tool-list li:nth-of-type(2n){float: right;margin-right: -10px;}
.panel-fff{border: 1px solid #d7dde7;border-radius: 0;}
.panel-fff .panel-heading{font-size: 16px;font-weight: bold;padding: 11px 10px 11px 20px;border-bottom: 1px solid #d7dde7;}
.panel-fff .panel-body{padding: 10px 10px 10px 20px;color: #333;}
.panel-fff .panel-body .w-80,.panel-fff .panel-body .w-110{line-height: 20px;}
.label-list{margin: 0;padding: 0;font-size: 0;white-space: nowrap;list-style: none;width: 318px;overflow-y: auto;}
.label-list li{width: 80px;text-align: center;margin-right: 10px;border-radius: 10px;display: inline-block;font-size: 12px;height: 20px;line-height: 20px}
.bgc-12b7f5 li{background-color: #12B7F5;color: #fff;}
.bgc-2DBE55 li{background-color: #2DBE55;color: #fff;}
.bgc-ff3b30 li{background-color: #ff3b30;color: #fff;}
.bgc-FF9630 li{background-color: #FF9630;color: #fff;}

app/sign/html/sign_handle.html

@@ -92,7 +92,7 @@
								<p class="m0 pl20 c-border-b">服务类型</p>
								<p class="m0 pl20">居民标签</p>
							</div>
							<div class="fl w-60-1 right-arrow">
							<div class="fl w-60-1 right-arrow" @click="selectServer">
								<p class="m0 plr20 ellipsis">{{serverName ? serverName : "请选择服务类型"}}</p>
								<p class="m0 plr20 ellipsis">{{showTit5}}</p>
							</div>

app/sign/html/sign_manage.html

@@ -275,6 +275,18 @@
							});
			        	} else {
			        		// 居民信息页 
			        		layer.open({
								type: 2,
								area: ['740px', '645px'],
								shade: 0.5,
								title: '修改居民标签',
								fixed: true, //不固定
								maxmin: true,
								closeBtn: 1,
								shift: 5,
								shadeClose: false, //点击遮罩关闭层
								content: "userInfo.html?patient="+list.patientCode
							});
			        	}
			        },
			        remainMoney: function(status, list) {

app/sign/html/userInfo.html

@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="referrer" content="no-referrer" />
		<title>服务记录</title>
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link rel="stylesheet" href="../css/userInfo.css" />
	</head>
	<body>
		<div id="app" v-cloak>
			<div class="c-container flex-box">
				<div class="w-250">
					<div class="user-images">
						<img class="img-circle" src="../../../images/p-female.png" />
					</div>
					<p class="user-name text-center">{{userInfo.name}}</p>
					<p class="c-999 f14 text-center">{{userInfo.sex==1?'男':'女'}} {{!userInfo.age?'<1':userInfo.age}}岁 {{userInfo.expensesStatus==1?"已缴费":(userInfo.expensesStatus==2?"已退费":(userInfo.expensesStatus==0?"未缴费":""))}}</p>
					<p class="text-center">
						<span class="mb-icon-round green" v-if="userInfo.disease==1 && userInfo.diseaseCondition==0">
							高
						</span>
						<span class="mb-icon-round green" v-if="userInfo.disease==2 && userInfo.diseaseCondition==0">
							糖
						</span>
						<span class="mb-icon-round green" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==0">
							高糖
						</span>
						<span class="mb-icon-round orange" v-if="userInfo.disease==1 && userInfo.diseaseCondition==1">
							高
						</span>
						<span class="mb-icon-round orange" v-if="userInfo.disease==2 && userInfo.diseaseCondition==1">
							糖
						</span>
						<span class="mb-icon-round orange" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==1">
							高糖
						</span>
						<span class="mb-icon-round red" v-if="userInfo.disease==1 && userInfo.diseaseCondition==2">
							高
						</span>
						<span class="mb-icon-round red" v-if="userInfo.disease==1 && userInfo.disease==2 && userInfo.diseaseCondition==2">
							糖
						</span>
						<span class="mb-icon-round red" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==2">
							高糖
						</span>
					</p>
					<p class="text-center">
						<span class="icon icon-wx" v-if="userInfo.openid"></span>
						<span class="icon icon-wx-gray" v-else></span>
						<span class="icon icon-xueyaji" v-if='userInfo.deviceType && userInfo.deviceType.indexOf("2") > -1'></span>
						<span class="icon icon-xueyaji-gray" v-else></span>
						<span class="icon icon-xuetangyi"v-if='userInfo.deviceType && userInfo.deviceType.indexOf("1") > -1'></span>
						<span class="icon icon-xuetangyi-gray" v-else></span>
					</p>
					<ul class="tool-list clearfix">
						<li><a href="#">健康档案</a></li>
						<li><a href="#">慢病档案</a></li>
						<li><a href="#">服务记录</a></li>
						<li><a href="#">家庭成员</a></li>
					</ul>
					<div class="mt80 text-center c-999">
						回复消息请前往PC端
					</div>
				</div>
				<div class="flex-box-item">
					<div class="panel panel-fff mb10">
						<div class="panel-heading">
							居民标签
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-80">服务类型</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-12b7f5">
										<li v-for="type in userInfo.serverTypes">{{type.server_type_name}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-80">健康状况</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-2DBE55">
										<li v-for="item in jkqk">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-80">疾病类型</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-ff3b30">
										<li v-for="item in jblx">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box">
								<span class="w-80">团队标签</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-FF9630">
										<li v-for="item in tdbq">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					
					<div class="panel panel-fff mb0">
						<div class="panel-heading">
							个人信息
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-110 c-999">身份证号</span>
								<div class="flex-box-item">
									{{userInfo.idcard}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">医保卡号</span>
								<div class="flex-box-item">
									{{userInfo.ssc}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">手机号码</span>
								<div class="flex-box-item">
									{{userInfo.mobile}}
								</div>
							</div>
							<div class="flex-box">
								<span class="w-110 c-999">所属居委会</span>
								<div class="flex-box-item">
									{{userInfo.address}}
								</div>
							</div>
						</div>
					</div>
					<div class="panel panel-fff mb0" style="border-top-width: 0;">
						<div class="panel-heading">
							家庭医生签约信息
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-110 c-999">全科医生</span>
								<div class="flex-box-item">
									{{userInfo.jtDoctorName}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">健管事</span>
								<div class="flex-box-item">
									{{userInfo.jtDoctorHealthName}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">续费时间</span>
								<div class="flex-box-item">
									{{userInfo.expensesStatus==1?"已缴费":(userInfo.expensesStatus==2?"已退费":(userInfo.expensesStatus==0?"未缴费":""))}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">签约有效期</span>
								<div class="flex-box-item">
									{{userInfo.jtBeginDate+'~'+userInfo.jtEndDate}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">政府补贴</span>
								<div class="flex-box-item">
									{{userInfo.expensesType=='01'?'无补贴':(userInfo.expensesType=='02'?'全部贴':(userInfo.expensesType=='03'?'补个人承担部分（20）':'补统筹基金（70）'))}}
								</div>
							</div>
							<div class="flex-box c-999">
								<span class="w-110">签约协议</span>
								<div class="flex-box-item">
									请前往PC查看
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/util.js"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../api/temp-api.js"></script>
		<!--<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>-->
		<script type="text/javascript">
			var httpData=GetRequest();
			(function(){
				new Vue({
					el:"#app",
					data:{
						patient:httpData['patient'],
						userInfo:{},
						jkqk:[],//健康情况
						jblx:[],//疾病标签
						tdbq:[],//团队标签
					},
					mounted: function(){
						this.getPatient();
					},
					methods: {
						getPatient:function(){
							var vm=this;
							var data={
								patient:vm.patient
							}
							tempAPI.getPatient(data).then(function(res){
								if(res.status==200){
									res.data &&(vm.userInfo=res.data);
									console.log(vm.userInfo)
								}else{
									top.layer.msg(res.msg, {icon: 5})
								}
							})
							tempAPI.patientLabel(data).then(function(res){
								if(res.status==200){
									var data=res.data
									if(data.length){
										for(var i in data){
											var item=data[i]
											if(item.labelType==2){
												vm.jkqk.push(item)
											}else if(item.labelType==3){
												vm.jblx.push(item)
											}else if(item.labelType==4){
												vm.tdbq.push(item)
											}
										}
									}
								}else{
									top.layer.msg(res.msg, {icon: 5})
								}
							})
							var wlyyAgentForDoc=JSON.parse(localStorage.getItem('wlyyAgentForDoc'));
							var uid=wlyyAgentForDoc.uid;
							tempAPI.getDoctorTeam(uid).then(function(res){
								console.log(res)
								if(res.status==200){
									var params={
										teamCode:res.data[0] && res.data[0].id
									}
//									tempAPI.allLabels(params).then(function(res1){
//										console.log(res1)
//									})
								}else{
									top.layer.msg(res.msg, {icon: 5})
								}
							})
							
							
						}
					}
				})
			})();
		</script>
	</body>
</html>

app/sign/js/modify.js

@@ -0,0 +1,359 @@
var httpData=GetRequest();
			(function(){
				new Vue({
					el:"#app",
		data:{
			patient:httpData['patient'],
			isEdit:false,//团队标签是够可编辑
			fwlx:[],//服务类型
			serverTypes:[],//已选择服务code
			jkqk:[],//健康情况
			jkqkSelect:[],//已选择健康情况
			jblx:[],//疾病类型
			jblxSelect:[],//疾病类型
			tdbq:[],//团队标签
			tdbqSelect:[],//团队标签
			teamCode:httpData['teamCode'],//医生团队code
			newLabel:'',//新团队label
		},
		mounted:function(){
			this.getSigndict()
			this.getPatient()
		},
		methods:{
			determine:function(){
				var res={
					server:this.serverTypes,
					heath:this.jkqkSelect,
					disease:this.jblxSelect,
					team:this.tdbqSelect
				}
				top.handleVue.acceptanceRes(res);
				this.closeSelect()
			},
			closeSelect:function(){
				top.$('#layui-layer-shade'+top.changeTypeIndex).hide()
				top.$('#layui-layer'+top.changeTypeIndex).hide()
			},
//						添加团队label
			addTeamLabel:function(){
				var vm=this
				if(!vm.newLabel) return layer.msg('请输入标签命名', {icon: 5})
				var params={
					labelName:vm.newLabel, 
					teamCode:vm.teamCode
				}
				var loadding = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2
				tempAPI.addTeamLabel(params).then(function(res){
					layer.close(loadding);
					if(res.status==200){
						res.data[0] && ((res.data[0].className='optional'),vm.tdbq=vm.tdbq.concat(res.data));
						vm.isEdit=false;
						vm.newLabel='';
					}else{
						layer.msg(res.msg, {icon: 5})
					}
				})
			},
//						服务类型改变
			changeFW:function(cls,code,idx){
				var vm=this
				if(!cls || cls.indexOf('luck')!==-1) return ;
				var types=JSON.parse(JSON.stringify(vm.serverTypes));
				var _index=types.indexOf(code)
				if(_index===-1){
					vm.serverTypes.push(code);
					vm.fwlx[idx].className='active';
				}else{
					vm.serverTypes.splice(_index,1);
					var __index=-1
					if (code == 4) {
						vm.jblx[0].className='optional';
	                    (__index=vm.jblxSelect.indexOf('1'))!==-1 && vm.jblxSelect.splice(__index,1)
	                }
	                if (code == 5) {
	                	vm.jblx[1].className='optional';
	                    (__index=vm.jblxSelect.indexOf('2'))!==-1 && vm.jblxSelect.splice(__index,1)
	                }
	                if (code == 10) {
	                	vm.jblx[10].className='optional';
	                    (__index=vm.jblxSelect.indexOf('10'))!==-1 && vm.jblxSelect.splice(__index,1)
	                }
	                if (code == 11) {
	                	vm.jblx[9].className='optional';
	                    (__index=vm.jblxSelect.indexOf('9'))!==-1 && vm.jblxSelect.splice(__index,1)
	                }
	                if (code == 12) {
	                	vm.jblx[8].className='optional';
	                    (__index=vm.jblxSelect.indexOf('8'))!==-1 && vm.jblxSelect.splice(__index,1)
	                }
					vm.fwlx[idx].className='optional';
				}
			},
//						健康状况改变
			changeJK:function(cls,code,idx){
				var vm=this
				if(!cls || cls.indexOf('luck')!==-1) return ;
				var types=JSON.parse(JSON.stringify(vm.jkqkSelect));
				var _index=types.indexOf(code)
				if(_index===-1){
					for(var i in vm.jkqk){
						if(vm.jkqk[i].labelCode==vm.jkqkSelect[0]){
							vm.jkqk[i].className='optional';
							break
						}
					}
					vm.jkqkSelect=new Array(code);
					vm.jkqk[idx].className='active';
				}else{
					vm.jkqkSelect.splice(_index,1);
					vm.jkqk[idx].className='optional';
				}
			},
//						疾病类型改变
			changeJB:function(cls,code,idx){
				var vm=this
				if(!cls || cls.indexOf('luck')!==-1) return ;
				var types=JSON.parse(JSON.stringify(vm.jblxSelect));
				var _index=types.indexOf(code)
				if(_index===-1){
					vm.jblxSelect.push(code);
					vm.jblx[idx].className='active';
				}else{
					vm.jblxSelect.splice(_index,1);
					vm.jblx[idx].className='optional';
				}
			},
//						团队标签选择取消
			changeTD:function(cls,code,idx){3
				var vm=this
				var types=JSON.parse(JSON.stringify(vm.tdbqSelect));
				var _index=types.indexOf(code)
				if(_index===-1){
					vm.tdbqSelect.push(code);
					vm.tdbq[idx].className='active';
				}else{
					vm.tdbqSelect.splice(_index,1);
					vm.tdbq[idx].className='optional';
				}
			},
			getAllLabels:function(types){
				var vm=this
				tempAPI.allLabels({teamCode:vm.teamCode}).then(function(res){
					if(res.status==200){
						_.map(res.data || {},function(item,index){
							if(item.labelType==2){
								vm.jkqk.push(item)
							}else if(item.labelType==3){
								vm.jblx.push(item)
							}else if(item.labelType==4){
								item.className='optional'
								vm.tdbq.push(item)
							}
						})
						vm.getPatientLabel(types);//获取已选择类型（非服务类型）
					}
				})
			},
			getSigndict:function(){
				var vm=this
				tempAPI.getSigndict({teamCode:vm.teamCode}).then(function(res){
					if(res.status==200){
						vm.fwlx=res.data
//									vm.filterSer()
					}
				})
			},
			getPatient:function(){
				var vm=this;
				var data={
					patient:vm.patient
				}
				tempAPI.getPatient(data).then(function(res){
					if(res.status==200){
						var _typss=_.pluck(res.data.serverTypes || [],'server_type')
//									res.data && (vm.teamCode=res.data.jtAdminTeam);
						vm.getAllLabels(_typss)
					}else{
						layer.msg(res.msg, {icon: 5})
					}
				})
			},
			getPatientLabel:function(types){
				var vm=this
				var data={
					patient:vm.patient
				}
				tempAPI.patientLabel(data).then(function(res){
					if(res.status==200){
						var data=res.data
						if(data.length){
							var jkqkSelect=[],jblxSelect=[],tdbqSelect=[]
							_.map(data||{},function(item,index){
								if(item.labelType==2){
									jkqkSelect.push(item)
								}else if(item.labelType==3){
									jblxSelect.push(item)
								}else if(item.labelType==4){
									tdbqSelect.push(item)
								}
							})
							vm.jkqkSelect=_.pluck(jkqkSelect,'label')
							vm.jblxSelect=_.pluck(jblxSelect,'label')
							vm.tdbqSelect=_.pluck(tdbqSelect,'label')
							setTimeout(function(){											
								vm.serverTypes = types;//过滤时防止其他标签未加载完成就计算
							},100/60)
						}
					}else{
						layer.msg(res.msg, {icon: 5})
					}
				})
			},
			 // 普通1 老年3 高血4 糖尿5 孕妇6 儿童7 贫困8 计生9 重性10 残疾11 结核12
	        filterSer() {
	            var vm=this
	            var fwlx=JSON.parse(JSON.stringify(vm.fwlx))
	            vm.jkqk[0] && (vm.jkqk[0].className='optional');
	            _.map(vm.serverTypes, function(item, index) {
	                var code = item | 0;
	                var arr=[];
	                if (code === 1) {
	                    arr = [2, 3, 6, 7, 8, 9, 10]
	                }
	                if (code === 3) {
	                   	arr = [4, 5]
	                }
	                if (code === 4 || code === 5 || code === 9 || code === 10 || code === 11 || code === 12) {
	                    arr = [0]
	                    vm.jkqk[0] && (vm.jkqk[0].className='');
	                }
	                if (code === 7) {
	                    arr = [1, 4]
	                }
	                if (code === 6) {
	                    arr = [1, 5]
	                }
	                _.map(arr, function(it) {
	                	fwlx[it].className=''
	                })
	            })
	            for(var i in fwlx){
	            	for(var j in vm.serverTypes){
	            		if(fwlx[i].code==vm.serverTypes[j]){
	            			if(fwlx[i].className=='luck'){				            				
	            				fwlx[i].className='luck active'
	            			}else{
	            				fwlx[i].className='active'
	            			}
	            		}
	            	}
	            	if(fwlx[i].className==undefined) fwlx[i].className='optional'
	            }
				vm.fwlx=fwlx;
				vm.filterHea()
	        },
	        // 健康1 患病2 高危3 恢复4 未标注0
	        filterHea() {
	            var vm=this
	            var jkqk=JSON.parse(JSON.stringify(vm.jkqk))
	            _.map(vm.jkqkSelect, function(item, index) {
	                var code = item | 0
	                if (code === 1) {
	                    var arr = [1, 2, 3]
	                    _.map(arr, function(it, idx) {
	                        vm.jblx[it].className='';
	                    })
	                    vm.jblx=_.map(vm.jblx,function(it, idx){
	                    	it.className='';
	                    	return it;
	                    })
	                }
	            })
	            for(var i in jkqk){
	            	for(var j in vm.jkqkSelect){
	            		if(jkqk[i].labelCode==vm.jkqkSelect[j]){
	            			if(jkqk[i].className=='luck'){
	            				jkqk[i].className='luck active'
	            			}else{				            				
	            				jkqk[i].className='active'
	            			}
	            		}
	            	}
	            	if(jkqk[i].className==undefined) jkqk[i].className='optional'
	            }
	            vm.jkqk=jkqk
        		vm.filterDea()
	        },
	        // 疾病类型
	        filterDea() {
	            var vm=this
	            var jblx=JSON.parse(JSON.stringify(vm.jblx))
	            _.map(vm.serverTypes, function(item, index) {
	                var code = item | 0;
	                if (code === 4) {
	                    jblx[0].className='luck active';
	                    vm.jblxSelect.indexOf('1')===-1 && vm.jblxSelect.push('1')
	                }
	                if (code === 5) {
	                    jblx[1].className='luck active';
	                    vm.jblxSelect.indexOf('2')===-1 && vm.jblxSelect.push('2')
	                }
	                if (code === 10) {
	                    jblx[10].className='luck active';
	                    vm.jblxSelect.indexOf('10')===-1 && vm.jblxSelect.push('10')
	                }
	                if (code === 11) {
	                    jblx[9].className='luck active';
	                    vm.jblxSelect.indexOf('9')===-1 && vm.jblxSelect.push('9')
	                }
	                if (code === 12) {
	                    jblx[8].className='luck active';
	                    vm.jblxSelect.indexOf('8')===-1 && vm.jblxSelect.push('8')
	                }
	            })
	            for(var i in jblx){
	            	for(var j in vm.jblxSelect){
	            		if(jblx[i].labelCode==vm.jblxSelect[j]){
	            			jblx[i].className=(jblx[i].className && jblx[i].className!='optional')?jblx[i].className:'active'
	            		}else{
	            			if(vm.jblxSelect.indexOf(jblx[i].labelCode)===-1)
	            				jblx[i].className && (jblx[i].className.indexOf('luck')!==-1) && jblx[i].className!='optional' && (jblx[i].className='');
	            		}
	            	}
	            	!vm.jblxSelect.length && (jblx[i].className='optional');
	            	jblx[i].className==undefined && (jblx[i].className='optional');
	            }
	            vm.jblx=jblx
	        },
	        filterTea:function(){
	        	var vm=this
	        	var jblx=vm.tdbq
	        	for(var i in jblx){
	            	for(var j in vm.tdbqSelect){
	            		if(jblx[i].labelCode==vm.tdbqSelect[j]){
	            			jblx[i].className=(jblx[i].className && jblx[i].className!='optional')?jblx[i].className:'active'
	            		}else{
	            			if(vm.tdbqSelect.indexOf(jblx[i].labelCode)===-1)
	            				jblx[i].className && (jblx[i].className.indexOf('luck')!==-1) && jblx[i].className!='optional' && (jblx[i].className='');
	            		}
	            	}
	            	!vm.tdbqSelect.length && (jblx[i].className='optional');
	            	jblx[i].className==undefined && (jblx[i].className='optional');
	            }
	        	vm.tdbq=jblx
	        },
		},
		watch:{
        	serverTypes:function(val){
        		this.filterSer()
        	},
        	jkqkSelect:function(){
        		this.filterHea()
        	},
        	tdbqSelect:function(){
        		this.filterTea()
        	}
        }
	})
})();

app/sign/js/sign_handle.js

@@ -38,7 +38,9 @@ function getReason(ele) {
	refuseReason = ele.html();
}
new Vue({
top.changeTypeIndex=null;//修改居民标签的窗体
top.handleVue=new Vue({
    el: "#app",
    data: {
    	doctorType: doctorInfo.doctorType,
@@ -105,6 +107,26 @@ new Vue({
				}
			})
    	},
    	selectServer:function(){
    		var vm=this
    		if(top.changeTypeIndex && top.$('#layui-layer-shade'+top.changeTypeIndex).length){    			
    			(top.$('#layui-layer-shade'+top.changeTypeIndex).show(),top.$('#layui-layer'+top.changeTypeIndex).show());
    		}else{
    			top.changeTypeIndex=top.layer.open({
	        		type: 2,
	        		area: ['500px', '405px'],
	        		title: "修改居民标签",
	        		shade: 0.5,
	        		shadeClose: false,
	        		closeBtn: 0,
	        		shift: 2,
	        		content: '../html/modify-the-label.html?patient=' + httpData.patientCode+'&teamCode='+vm.signInfo.adminTeamCode
	        	});
    		}
    	},
    	acceptanceRes:function(res){
    		console.log(res)
    	},
    	signOuttime: function() {
    		var vm = this,
    			loadding = layer.load(0, {shade: false}),
@@ -266,6 +288,7 @@ new Vue({
		            		vm.signInfo.healthDoctorName = null
		            		vm.warnMsg = "居民续签的健管师已不在您的团队，请重新选择一位健管师"
		            	}
						top.changeTypeIndex=null
		            }
				} else {
					showErrorMessage(res.msg);

app/temporary/css/userInfo.css

@@ -0,0 +1,76 @@
.flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-userInfos: center;
}
.flex-box-item{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
			/*绑定设备*/
.icon{width: 21px;height: 21px;vertical-align:middle;display: inline-block;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.icon-wx{background-image: url(../images/weixing_icon.png);}
.icon-wx-gray{background-image: url(../images/weixing_zihui_icon.png);}
.icon-xueyaji{background-image: url(../images/icon_xueyaji2.png);}
.icon-xueyaji-gray{background-image: url(../images/icon_xueyaji_zhihui.png);}
.icon-xuetangyi{background-image: url(../images/icon_xuetangyi.png);}
.icon-xuetangyi-gray{background-image: url(../images/icon_xuetangyi_zhihui.png);}
/*高糖*/
.mb-icon-round{width: 50px;height: 21px;border-radius: 10px;text-align: center;line-height: 21px;font-size: 15px;display: inline-block;}
.mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
.mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
.mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}
[v-cloak]{display: none;}
/*滚动条样式*/
.label-list::-webkit-scrollbar {
    width:2px;
    height:2px;
}
.label-list::-webkit-scrollbar-button    {
	display: none;
    background-color:#FF7677;
}
.label-list::-webkit-scrollbar-track     {
    background:#dcdcdc;
}
.label-list::-webkit-scrollbar-thumb{
	background:#999999;
    border-radius:4px;
}
.label-list::-webkit-scrollbar-corner {
    background:#82AFFF;
}
.label-list::-webkit-scrollbar-resizer  {
    background:#FF0BEE;
}
.f14{font-size: 14px;}
.mt80{margin-top: 80px;}
.c-container{width: 700px;margin: 0 auto;}
.w-250{width: 250px;}
.w-80{width: 80px;}
.w-110{width: 110px;}
.c-container>.w-250{height: 570px;border-right: 1px solid #d7dde7;margin-right: 20px;}
.user-images{margin: 80px auto 0;width: 100px;height: 100px;}
.user-images img{width: 100%;display: block;}
.user-name{margin: 20px auto;font-size: 20px;color: #333;}
.tool-list{margin: 20px 30px 0px 20px;padding: 0;}
.tool-list li{float: left;list-style: none;width: 50%;}
.tool-list li a{line-height: 26px;height: 26px;margin-bottom: 10px;text-align: center;display: block;color: #333;border: 1px solid #d7dce6;text-decoration: none;}
.tool-list li:nth-of-type(2n){float: right;margin-right: -10px;}
.panel-fff{border: 1px solid #d7dde7;border-radius: 0;}
.panel-fff .panel-heading{font-size: 16px;font-weight: bold;padding: 11px 10px 11px 20px;border-bottom: 1px solid #d7dde7;}
.panel-fff .panel-body{padding: 10px 10px 10px 20px;color: #333;}
.panel-fff .panel-body .w-80,.panel-fff .panel-body .w-110{line-height: 20px;}
.label-list{margin: 0;padding: 0;font-size: 0;white-space: nowrap;list-style: none;width: 318px;overflow-y: auto;}
.label-list li{width: 80px;text-align: center;margin-right: 10px;border-radius: 10px;display: inline-block;font-size: 12px;height: 20px;line-height: 20px}
.bgc-12b7f5 li{background-color: #12B7F5;color: #fff;}
.bgc-2DBE55 li{background-color: #2DBE55;color: #fff;}
.bgc-ff3b30 li{background-color: #ff3b30;color: #fff;}
.bgc-FF9630 li{background-color: #FF9630;color: #fff;}

app/temporary/html/userInfo.html

@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="referrer" content="no-referrer" />
		<title>服务记录</title>
		<link rel="shortcut icon" href="../../../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
		<link rel="stylesheet" href="../css/index.css" />
	</head>
	<body>
		<div id="app" v-cloak>
			<div class="c-container flex-box">
				<div class="w-250">
					<div class="user-images">
						<img class="img-circle" src="../../../images/p-female.png" />
					</div>
					<p class="user-name text-center">{{userInfo.name}}</p>
					<p class="c-999 f14 text-center">{{userInfo.sex==1?'男':'女'}} {{!userInfo.age?'<1':userInfo.age}}岁 {{userInfo.expensesStatus==1?"已缴费":(userInfo.expensesStatus==2?"已退费":(userInfo.expensesStatus==0?"未缴费":""))}}</p>
					<p class="text-center">
						<span class="mb-icon-round green" v-if="userInfo.disease==1 && userInfo.diseaseCondition==0">
							高
						</span>
						<span class="mb-icon-round green" v-if="userInfo.disease==2 && userInfo.diseaseCondition==0">
							糖
						</span>
						<span class="mb-icon-round green" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==0">
							高糖
						</span>
						<span class="mb-icon-round orange" v-if="userInfo.disease==1 && userInfo.diseaseCondition==1">
							高
						</span>
						<span class="mb-icon-round orange" v-if="userInfo.disease==2 && userInfo.diseaseCondition==1">
							糖
						</span>
						<span class="mb-icon-round orange" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==1">
							高糖
						</span>
						<span class="mb-icon-round red" v-if="userInfo.disease==1 && userInfo.diseaseCondition==2">
							高
						</span>
						<span class="mb-icon-round red" v-if="userInfo.disease==1 && userInfo.disease==2 && userInfo.diseaseCondition==2">
							糖
						</span>
						<span class="mb-icon-round red" v-if="(userInfo.disease=='1,2' || userInfo.disease=='2,1') && userInfo.diseaseCondition==2">
							高糖
						</span>
					</p>
					<p class="text-center">
						<span class="icon icon-wx" v-if="userInfo.openid"></span>
						<span class="icon icon-wx-gray" v-else></span>
						<span class="icon icon-xueyaji" v-if='userInfo.deviceType && userInfo.deviceType.indexOf("2") > -1'></span>
						<span class="icon icon-xueyaji-gray" v-else></span>
						<span class="icon icon-xuetangyi"v-if='userInfo.deviceType && userInfo.deviceType.indexOf("1") > -1'></span>
						<span class="icon icon-xuetangyi-gray" v-else></span>
					</p>
					<ul class="tool-list clearfix">
						<li><a href="#">健康档案</a></li>
						<li><a href="#">慢病档案</a></li>
						<li><a href="#">服务记录</a></li>
						<li><a href="#">家庭成员</a></li>
					</ul>
					<div class="mt80 text-center c-999">
						回复消息请前往PC端
					</div>
				</div>
				<div class="flex-box-item">
					<div class="panel panel-fff mb10">
						<div class="panel-heading">
							居民标签
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-80">服务类型</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-12b7f5">
										<li v-for="type in userInfo.serverTypes">{{type.server_type_name}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-80">健康状况</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-2DBE55">
										<li v-for="item in jkqk">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-80">疾病类型</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-ff3b30">
										<li v-for="item in jblx">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
							<div class="flex-box">
								<span class="w-80">团队标签</span>
								<div class="flex-box-item">
									<ul class="label-list bgc-FF9630">
										<li v-for="item in tdbq">{{item.labelName}}</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					
					<div class="panel panel-fff mb0">
						<div class="panel-heading">
							个人信息
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-110 c-999">身份证号</span>
								<div class="flex-box-item">
									{{userInfo.idcard}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">医保卡号</span>
								<div class="flex-box-item">
									{{userInfo.ssc}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">手机号码</span>
								<div class="flex-box-item">
									{{userInfo.mobile}}
								</div>
							</div>
							<div class="flex-box">
								<span class="w-110 c-999">所属居委会</span>
								<div class="flex-box-item">
									{{userInfo.address}}
								</div>
							</div>
						</div>
					</div>
					<div class="panel panel-fff mb0" style="border-top-width: 0;">
						<div class="panel-heading">
							家庭医生签约信息
						</div>
						<div class="panel-body">
							<div class="flex-box mb10">
								<span class="w-110 c-999">全科医生</span>
								<div class="flex-box-item">
									{{userInfo.jtDoctorName}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">健管事</span>
								<div class="flex-box-item">
									{{userInfo.jtDoctorHealthName}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">续费时间</span>
								<div class="flex-box-item">
									{{userInfo.expensesStatus==1?"已缴费":(userInfo.expensesStatus==2?"已退费":(userInfo.expensesStatus==0?"未缴费":""))}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">签约有效期</span>
								<div class="flex-box-item">
									{{userInfo.jtBeginDate+'~'+userInfo.jtEndDate}}
								</div>
							</div>
							<div class="flex-box mb10">
								<span class="w-110 c-999">政府补贴</span>
								<div class="flex-box-item">
									{{userInfo.expensesType=='01'?'无补贴':(userInfo.expensesType=='02'?'全部贴':(userInfo.expensesType=='03'?'补个人承担部分（20）':'补统筹基金（70）'))}}
								</div>
							</div>
							<div class="flex-box c-999">
								<span class="w-110">签约协议</span>
								<div class="flex-box-item">
									请前往PC查看
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
		<script src="../../../js/util.js"></script>
		<script src="../../../api/http-request.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../api/temp-api.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
		<script type="text/javascript">
			var httpData=GetRequest();
			(function(){
				new Vue({
					el:"#app",
					data:{
						patient:httpData['patient'],
						userInfo:{},
						jkqk:[],//健康情况
						jblx:[],//疾病标签
						tdbq:[],//团队标签
					},
					mounted: function(){
						this.getPatient();
					},
					methods: {
						getPatient:function(){
							var vm=this;
							var data={
								patient:vm.patient
							}
							tempAPI.getPatient(data).then(function(res){
								if(res.status==200){
									res.data &&(vm.userInfo=res.data);
									console.log(vm.userInfo)
								}else{
									layer.msg(res.msg, {icon: 5})
								}
							})
							tempAPI.patientLabel(data).then(function(res){
								if(res.status==200){
									var data=res.data
									if(data.length){
										for(var i in data){
											var item=data[i]
											if(item.labelType==2){
												vm.jkqk.push(item)
											}else if(item.labelType==3){
												vm.jblx.push(item)
											}else if(item.labelType==4){
												vm.tdbq.push(item)
											}
										}
									}
								}else{
									layer.msg(res.msg, {icon: 5})
								}
							})
							var wlyyAgentForDoc=JSON.parse(localStorage.getItem('wlyyAgentForDoc'));
							var uid=wlyyAgentForDoc.uid;
							tempAPI.getDoctorTeam(uid).then(function(res){
								console.log(res)
								if(res.status==200){
									var params={
										teamCode:res.data[0] && res.data[0].id
									}
//									tempAPI.allLabels(params).then(function(res1){
//										console.log(res1)
//									})
								}else{
									layer.msg(res.msg, {icon: 5})
								}
							})
							
							
						}
					}
				})
			})();
		</script>
	</body>
</html>