给日历页点击服务项增加弹窗

app/rehabilitation/css/guide_the_message.css

@@ -64,7 +64,7 @@
.add-img{font-size: 40px;line-height: 60px;font-weight: 500;width: 60px;height: 60px;display: block;text-align: center;border: 1px dashed #d7dce6;color: #bec8d2;}
.yslb>span:after{content: '、';}
.yslb>span:last-child:after{display: none;}
.btns-group{padding: 20px 0 10px 185px;}
.btns-group{padding: 20px 0 10px 20%;}
.btns-group .btn{margin-right: 185px;}
.c-999{color: #999;}
.setRadio{

app/rehabilitation/css/service_item_content.css

@@ -82,3 +82,4 @@
.delete-img{position: absolute;right: -5px;top: -5px;color: #fff;background-color: #ccc;border-radius: 100%;text-align: center;line-height: 15px;width: 15px;height: 15px;}
.upload-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;z-index: 3;font-size: 0;width: 100%;height: 100%;}
.add-img{font-size: 40px;line-height: 60px;font-weight: 500;width: 60px;height: 60px;display: block;text-align: center;border: 1px dashed #d7dce6;color: #bec8d2;}
.icon-arrow-right{background-image: url(../images/icon/tiaozhuan_icon.png);background-size: auto 100%;}

app/rehabilitation/html/guide_the_message.html

@@ -28,11 +28,18 @@
		         		<span class="label-blue" v-if="service.shortCompleteTime">{{service.shortCompleteTime}}</span>
						<span class="label-blue" v-for="doctor in service.executeDoctorList">{{doctor}}</span>
					</div>
		          </div>
				  </div>
		          <!--<span class="icon icon-arrow-down ml50"></span>-->
		        </a>
		      </h4>
		    </div>
			</div>
			<div v-if="islimit" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
				<div class="panel-body">
					<div class="pb20 c-border-b">
						为居民提供康复后的复诊提醒或代预约服务
					</div>
				</div>
			</div>
		    <div class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
		      	<div class="panel-body">
		      		<div class="service-content">{{service.content}}</div>
@@ -94,12 +101,12 @@
							</div>	
						</div>
					  </div>
					<div class="note-info pt10" v-if="service.type==7 && ((islimit&&service.status==1) || (!islimit&&service.recordStatus==1)) || ((islimit&&service.status!=1) || (!islimit&&service.recordStatus!=1)) && service.isMyTask==1 && showRecordFinished">
					<p class="f14 c-333">服务完成笔记</p>
					<textarea v-if="((islimit&&service.status!=1) || (!islimit&&service.recordStatus!=1)) && service.isMyTask==1 && showRecordFinished" class="form-control" style="resize: none;" rows="4" placeholder="可备注您的服务记录" v-model="service.node"></textarea>
					<div  v-if="service.type==7 && ((islimit&&service.status==1) || (!islimit&&service.recordStatus==1))">{{service.node || '暂无服务记录'}}</div>
					<div class="note-info pt10" v-if="(service.type==7 && (islimit&&service.status==1) && service.reservationType!=1 && service.reservationType!=2) ||((islimit&&service.status!=1) && service.isMyTask==1 && showRecordFinished)">
						<p class="f14 c-333">服务完成笔记</p>
						<textarea v-if="(islimit&&service.status!=1) && service.isMyTask==1 && showRecordFinished" class="form-control" style="resize: none;" rows="4" placeholder="可备注您的服务记录" v-model="service.node"></textarea>
						<div  v-if="service.type==7 && (islimit && service.status==1) && service.reservationType!=1 && service.reservationType!=2">{{service.node || '暂无服务记录'}}</div>
					</div>
					<div class="note-info ptb10" v-if="service.type==7 && ((islimit&&service.status!=1) || (!islimit && service.recordStatus!=1)) && service.isMyTask==1 && showRecordFinished">
					<div class="note-info ptb10" v-if="service.type==7 && (islimit&&service.status!=1) && service.isMyTask==1 && showRecordFinished">
							<p class="f14 c-333">相关记录</p>
							<ul class="upload-box">
								<li class="flex-box" v-for="(img,index) in upImgs">
@@ -114,7 +121,7 @@
								</li>
							</ul>
					</div>
					<div class="note-info ptb10" v-if="service.type==7 && ((islimit&&service.status==1) || (!islimit&&service.recordStatus==1))">
					<div class="note-info ptb10" v-if="service.type==7 && (islimit&&service.status==1) && service.reservationType!=1 && service.reservationType!=2">
							<p class="f14 c-333">相关记录</p>
							<ul class="upload-box" v-if="service.relationRecordImg && service.relationRecordImg.length">
								<li class="flex-box" v-for="img in service.relationRecordImg">
@@ -262,6 +269,7 @@
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/jsencrypt.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/toastr/toastr.min.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
		<script type="text/javascript" src="../../../api/http-request.js"></script>
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>

app/rehabilitation/html/service_item_content.html

@@ -12,7 +12,7 @@
	<body>
		<div class="panel-group" id="app" v-cloak role="tablist" aria-multiselectable="true">
		  <div class="panelcurPage" v-for="(service,index) in serviceData">
		    <div class="panel-heading"  :class="{active:collapseIndex==index}" role="tab" @click="changeCollapseIndex(index, service)">
		    <div class="panel-heading"   role="tab" @click="clickItem(service)">
		      <div class="panel-title">
		        <a role="button" class="flex-box">
		          <div class="flex-box-item service-top">
@@ -23,11 +23,11 @@
		         		<span class="label-blue" v-for="doctor in service.executeDoctorList">{{doctor}}</span>
		         	</div>
		          </div>
		          <span class="icon icon-arrow-down ml50"></span>
		          <span class="icon icon-arrow-right ml50"></span>
		        </a>
		      </div>
		    </div>
		    <div class="panel-collapse collapse" :class="{in:collapseIndex==index}"  role="tabpanel" aria-labelledby="headingOne">
		    <div class="panel-collapse collapse"  role="tabpanel" aria-labelledby="headingOne">
		      	<div class="panel-body">
		      		<div class="service-content">{{service.content}}</div>
		      		<div class="service-address ptb20 mb10">

app/rehabilitation/js/guide_the_message.js

@@ -121,7 +121,7 @@ top.rehabilitationGuideVue = new Vue({
				appointmentDoctor:data.specialistDoctorCode,
				appointmentDoctorName:data.specialistDoctorName //专科医生
			}
			var loading = layer.load(0, {shade: fa})
			var loading = layer.load(0, {shade: false})
			rehaAPI.appointmentConsultation(params).then(function(res){
				layer.close(loading)
				if(res.status == 200){

app/rehabilitation/js/service_item_content.js

@@ -129,6 +129,24 @@ methods:{
		this.collapseIndex=idx;
		this.curDetailId = o.planDetaiId
	},
	clickItem:function(service){
		var vm=this
		layer.open({
			type: 2,
			area: ['97%', '640px'],
			shade: 0.5,
			title: '服务项目内容',
			fixed: true, //不固定
			maxmin: true,
			closeBtn:1,
			shift: 5,
			shadeClose: false, //点击遮罩关闭层
			content: '../../rehabilitation/html/guide_the_message.html?planid='+service.planDetaiId+'&pId='+httpData['planId']+'&patient='+vm.patient+'&patientName='+vm.patientName,
			end:function(){
				vm.getServiceItemList();　　　　
			}
		});
	},
	qwapp:function(){
		layer.msg('请前往app处理',{icon:5});    
	},