<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>账单详情</title>
		<link rel="stylesheet" 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 href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/stop_special_service.css" />
	</head>
	<body>
			<!--startprint-->
			<div class="w820 plr60 pt40 pb30 c-m-auto c-t-center c-f14" id="app" v-cloak role="accountList">
			    <p class="m0 c-f30">居民康复账单</p>
			    <p class="m0 mtb10 c-f18">(已执行项目清单)</p>
			    <p><span class="mr20">居民：{{accountList.patientName}}</span><span class="mr20">联系方式：{{accountList.mobile}}</span><span>医保：{{accountList.ssc}}</span></p>
			    <div class="c-w100 mt40 c-border bgc-f5f5fa">
			    	<p class="c-f16 ptb20 m0"><span class="c-position-r plr40"><em class="c-position-a row-left"></em>您有一份来自居民完成的康复项目清单<em class="c-position-a row-right"></em></span></p>
			    	<table class="c-w100">
				    	<tr>
				    		<td>已完成项目</td>
				    		<td>出账时间</td>
				    		<td>预估费用</td>
				    		<td>计划进度</td>
				    	</tr>
				    	<tr>
				    		<td class="ptb20">{{accountList.finishCount}}</td>
				    		<td class="ptb20">{{accountList.abortTime | formatDate("yyyy-MM-dd")}}</td>
				    		<td class="ptb20">￥{{accountList.totalExpense}}</td>
				    		<td class="ptb20">{{accountList.finishCount}}/{{accountList.allCount}}</td>
				    	</tr>
			    	</table>
			    </div>
			    <div class="c-t-left ptb30">
				    <p class="m0 pb10 c-999 c-border-b">服务相关机构</p>
				    <p class="m0 ptb15"><span class="mr40">{{accountList.hospitalName}}</span></p>
				    <p class="m0 pb10 c-999 c-border-b">中止原因</p>
				    <p class="m0 ptb15">{{accountList.abortReason}}</p>
			    </div>
			    <table class="c-w100">
			    	<thead class="c-border ptb15 bgc-f5f5fa">
			    		<tr>
			    			<th class="plr10 ptb15 c-t-left">项目名</th>
			    			<th class="plr10 ptb15 c-t-right">标价</th>
			    			<th class="plr10 ptb15 c-t-center">执行人</th>
			    			<th class="plr10 ptb15 c-t-center">完成时间</th>
			    		</tr>
			    	</thead>
			    	<tbody v-if="accountList.serviceList">
			    		<tr v-for="(li, index) in accountList.serviceList" :key="index">
			    			<td class="plr10 pt20 c-t-left">{{li.service_item_name}}</td>
			    			<td class="plr10 pt20 c-t-right">{{li.expense}}</td>
			    			<td class="plr10 pt20">{{li.doctor_name}}</td>
			    			<td class="plr10 pt20">{{li.complete_time | formatDate("yyyy-MM-dd")}}</td>
			    		</tr>
			    	</tbody>
			    </table>
			    <div class="mt40 c-border-t clearfix">
			    	<div class="fr w180 ptb10">
			    		<p class="m0 ptb10 c-border-b-dotted c-t-left clearfix">
			    			预估费用<span class="fr">￥{{accountList.totalExpense}}</span>
			    		</p>
			    		<p class="m0 ptb10 c-t-left clearfix">
			    			实际费用<span class="fr c-999">待填写</span>
			    		</p>
			    	</div>
			    	<span class="fr mr10 pt35 c-f20">合计：</span>
			    </div>
			    <div v-show="planStatus==2 && !accountList.patient_img" style="color: #12b7f5;font-size: 20px;text-align: left;margin-top: 30px;">已发送确认邀请，等待居民确认康复计划所有完成项，您还可以使用APP电子签+居民手持证件照快速完成确认。</div>
			    <div v-show="planStatus==2 && accountList.patient_img" style="color: #12b7f5;font-size: 20px;text-align: left;margin-top: 30px;">居民已确认接收康复完成项目</div>
				<!--endprint-->
				<div class="c-t-center c-f14 pt100 pb40">
					<span class="btn b-r-3 btn-12b7f5 c-fff" id="printBtn">打印</span>
					<span class="btn b-r-3 bgc-c8c8c8 c-fff ml30" id="seeQianShou" v-show="planStatus==2 && accountList.patient_img">查看签收</span>
				</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/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../plugins/toastr/toastr.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>
		<script type="text/javascript" src="../../../js/underscore.js"></script>
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
		<script type="text/javascript" src="../js/stop_special_service.js"></script>
	</body>
</html>
