raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>服务项目内容</title>
		<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" type="text/css" href="../css/project-detail.css" />
	</head>
	<body class="m0">
	<div id="app" style="height: 100%;" v-cloak>
		<h4 class="p0 pt10 pb5 m0 plr30">{{planDetail.title}}</h4>
		<p class="p0 m0 plr30 pb5 c-border-b c-333 clearfix">
			<span class="fl plr10 lh18 c-border border-c12b7f5 c-12b7f5 mr10 b-r-3">{{planDetail.shortExecuteTime}}</span>
			<span class="fl plr10 lh18 c-border border-c12b7f5 c-12b7f5 mr10 b-r-3" v-for="(name, index) in planDetail.executeDoctorList" :key="index">{{name}}</span>
			<span class="fr pl20 c-12b7f5 set-finish">{{planDetail.statusName}}</span>
		</p>
		<div style="overflow: hidden; height: calc(100% - 60px);">
			<div class="plr15 c-999" style="overflow: auto; height: 100%;">
				<p class="p0 m0 ptb10 c-border-b">项目内涵：{{planDetail.content}}</p>
				<div class="ptb10 c-border-b clearfix">
					<span class="fl w-50 mb5">地点：{{planDetail.hospitalName}}</span>
					<span class="fl w-50 mb5">执行：{{handleArr(planDetail.executeDoctorList)}}</span>
					<span class="fl w-50">时间：{{handleTime(planDetail.executeTime)}}</span>
					<span class="fl w-50">收费：{{planDetail.expense}}元</span>
				</div>
				<p class="p0 m0 ptb10 c-333 clearfix">指导与回报记录<span class="fr pl15 set-show c-12b7f5" :class="{'active':isShowMore}" @click="changeShow()">{{isShowMore ? "收起详情" : "查看详情"}}</span></p>
				<ul class="p0 m0" v-show="isShowMore">
					<li class="bgc-f2fcfe plr10 ptb10 mb10" v-for="(record, index) in planDetail.messageList" :key="index">
						<p class="m0 p0 mb10 clearfix">
							<span class="fl w-50">{{record.doctorName}}&emsp;{{record.adminTeamName}}</span>
							<span class="fl w-50">{{record.createTime}}</span>
						</p>
						<p class="m0 p0 c-333">{{record.content}}</p>
					</li>
					<li class="c-t-center" v-if="!planDetail.messageList.length">暂无记录</li>
				</ul>
				<p class="m0 p0 ptb10 c-333 c-border-b">完成信息</p>
				<div class="ptb10">
					<p class="m0 p0 mb5">完成时间：<span class="c-333">{{planDetail.completeTime}}</span></p>
					<p class="m0 p0">执行医生：<span class="c-333">{{planDetail.operatorDoctorName}}</span></p>
				</div>
				<p class="m0 p0 ptb10 c-333 c-border-b">服务完成笔记</p>
				<div class="ptb10">
					{{planDetail.node}}
				</div>
				<p class="m0 p0 ptb10 c-333">相关记录</p>
				<ul class="p0 m0 ptb10 plr10 mb20 c-border b-r-3 clearfix">
					<li class="fl set-photo c-border mr10 clearfix" v-for="(record, index) in planDetail.relationRecordImg" :key="index">
						<img class="fl" :src="handleImg(record)" alt="记录图" />
					</li>
					<li class="c-t-center" v-if="!planDetail.relationRecordImg.length">暂无相关记录</li>
				</ul>
			</div>
		</div>
	</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/jquery-2.2.4.js"></script>
        <script src="../../../plugins/layer/layer.min.js"></script>
        <script src="../../../js/bootstrap.min.js"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../api/http-request.js" type="text/javascript"></script>
		<script src="../../../api/recover_api.js" type="text/javascript"></script>
		<script type="text/javascript">
			var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
			var httpData=GetRequest()
			function showSuccessMessage(msg) {
				layer.msg(msg, {
					icon: 1
				})
			}
			
			function showErrorMessage(msg) {
				layer.msg(msg, {
					icon: 5
				})
			}
			
			function showWarningMessage(msg) {
				layer.msg(msg, {
					icon: 2
				})
			}
			
			function showInfoMessage(msg) {
				layer.msg(msg, {
					icon: 6
				})
			}
			
			selectVue = new Vue({
                el: "#app",
                data: {
                	isShowMore: false,
                	planDetail: null
                },
                mounted: function() {
                	this.serviceItem()
                },
                methods: {
                	changeShow: function() {
                		this.isShowMore = !this.isShowMore
                	},
                	serviceItem: function() {
			    		var vm = this,
			    			loadding = layer.load(0, {shade: false}),
			    			params = {
			    				planDetailId: httpData.planId
			    			}
						recoverAPI.serviceItem(params).then(function(res) {
							layer.close(loadding)
							if(res.status == 200) {
								vm.planDetail = res.data
							} else {
								showErrorMessage(res.msg);
							}
						})
			    	},
			    	handleArr: function(arr) {
			    		return arr.join()
			    	},
			    	handleTime: function(time) {
			    		var getTime = new Date(time),
			    			morth = getTime.getMonth() + 1
			    		return getTime.getFullYear() + '-' + this.addZero(morth) + '-' + this.addZero(getTime.getDay()) + " " + this.addZero(getTime.getHours()) + ":" + this.addZero(getTime.getMinutes())
			    	},
			    	addZero: function(num) {
			    		return num >= 10 ? num : '0' + num
			    	},
			    	handleImg: function(src) {
			    		var str = httpRequest.getImgUrl(src);
			    		return str
			    	}
                }
            })
		</script>
	</body>
</html>