1

app/rehabilitation/css/service_item_content.css

@@ -57,4 +57,15 @@
.fuwuma-model{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;}
.fuwuma-layer{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.35);}
.fuwuma-content{width: 260px;height: 260px;top: 50%;position: absolute;margin-top: -130px;left: 50%;margin-left: -130px;}
.fuwuma-content img{width: 100%;display: block;}
.fuwuma-content img{width: 100%;display: block;}
.service-operation .btn{width: 90px;}
.view-detail{color: #12b7f5;cursor: pointer;}
.complete-title{font-size: 14px;color: #333;padding: 10px 0;border-bottom: 1px solid #D7DCE6;}
.guanlian-list{border: 1px solid #d7dce6;padding: 3px 5px;}
.upload-box{padding: 10px 0 10px 10px;overflow: hidden;border: 1px solid #d7dce6;}
.upload-box li{width: 60px;height: 60px;position: relative;display: block;float: left;margin-right: 10px;}
.upload-box li img{width: 100%;display: block;}
.upload-img-box{width: 100%;height: 100%;overflow: hidden;}
.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;}

app/rehabilitation/html/service_item_content.html

@@ -67,6 +67,36 @@
		      				<button class="btn btn-fuwuma" v-if="service.operate==1 && service.isMyTask==1" @click="goToFinish(service.planDetaiId)">确认完成</button>
		      				<button class="btn btn-yuyue" v-if="service.itemType==0 && service.operate!=1 && service.isMyTask==1" @click="goToFinish(service.planDetaiId)">完成</button>
		      			</div>
		      			<div class="complete-info pt10" v-if="service.status==1">
			      			<div class="complete-title">完成情况</div>
			      			<div class="ptb10">
			      				<p class="f14 mb5"><span class="c-999">完成时间：</span>{{service.completeTime}}</p>
			      				<p class="f14 mb5"><span class="c-999">执行医生：</span>{{service.operatorDoctorName}}</p>
			      			</div>
			      		</div>
			      		<div class="note-info pt10" v-if="service.status==1">
			      			<p class="f14 c-333">服务完成笔记</p>
			      			<div>{{service.node}}</div>
			      		</div>
			      		<div class="note-info pt10" v-if="service.status==1 && (service.type==2 || service.type==4) && service.relationRecordCode">
			      			<p class="f14 c-333">关联记录</p>
			      			<p class="guanlian-list text-center c-333" @click="viewDetial(service.type,service.relationRecordCode)">
			      				<span class="pull-right"><i class="icon icon-arrow-right"></i></span>{{service.type==2?'健康文章':'随访记录'}} {{service.completeTimeShort}}
			      			</p>
			      		</div>
			      		<div class="note-info ptb10" v-if="service.status==1">
			      			<p class="f14 c-333">相关记录</p>
			      			<ul class="upload-box" v-if="service.status==1 && service.relationRecordImg && service.relationRecordImg.length">
			      				<li class="flex-box" v-for="img in service.relationRecordImg">
			      					<div class="upload-img-box">      						
				      					<img :src="img | getImgUrl" />
			      					</div>
			      				</li>
			      			</ul>
			      			<div class="upload-box" v-if="service.status==1 && service.relationRecordImg && !service.relationRecordImg.length">
			      				<p>暂无相关记录</p>
			      			</div>
			      		</div>
		      		</div>
		        </div>
		    </div>