<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>计价单</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<link rel="stylesheet" href="../../assets/layui/css/layui.css" />
		<link rel="stylesheet" href="../../assets/css/public.css" />
	</head>
	<body>
		<div class="c-box" id="vueapp">
			<div class="f-box">
				<!--导航-->
				<div id="crumbs">
					<ul>
						<li><a href="../../home.html">首页</a></li>
						<li><a class="active">计价单</a></li>
					</ul>
				</div>

		    	<div id="pricingList-box">
					<p class="title_p">
						<img src="../../assets/images/301logo_2.png" />
						中国人民解放军总医院远程医学中心计价单
					</p>
					<ul class="layui-row information">
						<li class="layui-col-xs4 layui-col-sm4 layui-col-md2 layui-col-lg2">
							<span>姓名：</span>
							<span>{{obj.hisInterfaceCon.patientsName}}</span>
						</li>
						<li class="layui-col-xs4 layui-col-sm4 layui-col-md2 layui-col-lg2">
							<span>ID：</span>
							<span>{{obj.hisInterfaceCon.visitId}}</span>
						</li>
						<li class="layui-col-xs4 layui-col-sm4 layui-col-md2 layui-col-lg2">
							<span>费别：</span>
							<span>全费</span>
						</li>
						<li class="layui-col-xs6 layui-col-sm6 layui-col-md2 layui-col-lg2">
							<span>医生：</span>
							<span>{{obj.expertsName}}</span>
						</li>
						<li class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg4">
							<span>科室：</span>
							<span>{{obj.hisInterfaceCon.applicationDepartment}}</span>
						</li>
					</ul>
					<table class="layui-table">
						<thead>
							<tr>
								<th>项目</th>
								<th>规格</th>
								<th>单位</th>
								<th>数量</th>
								<th>金额</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>远程医学临床单科会诊</td>
								<td>{{obj.expertsLevel}}{{obj.hisInterfaceCon.consultationCategory=="y"?"常规":obj.hisInterfaceCon.consultationCategory=="v"?"点名":"/" }}</td>
								<td>次</td>
								<td>1</td>
								<td>{{obj.point}}</td>
							</tr>
						</tbody>
					</table>
					<hr/>
					<div class="paymentAmount">
						<span>缴费金额：</span>
						<span>￥{{obj.point}}元</span>
					</div>
					<hr/>

					<div class="tilp_text">
						<i class="layui-icon layui-icon-speaker"></i>病历提交成功，管理员将会上传付费二维码，请您留意短信通知！
					</div>
					<div style="text-align:center;">
						<button class="layui-btn" onclick="goApplicationList();">前往申请列表</button>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="../../assets/js/jquery-1.8.3.js" ></script>
		<script type="text/javascript" src="../../assets/layui/layui.js" ></script>
		<script type="text/javascript" src="../../assets/js/util.js" ></script>
		<script src="../../../node_modules/vue/dist/vue.js"></script>
		<script>

            const url = parent.require('electron').remote.require('./url.config').url
			var vueapp = new Vue({
				el:'#vueapp',
				data:{
				    obj:{
                        expertsName:'',
                        expertsLevel:'',
                        point:'',
                        hisInterfaceCon:{
                            patientsName:'',
                            visitId:'',
                            applicationDepartment:'',
                            consultationCategory:''
						}
					}
				},
				created:function(){
				    var _this = this;
                    $.ajax({
                        url: url+'client/waitPayHis',
                        data : {
                            id:getUrlParam('id')
                        },
                        type: 'post',
                        dataType: 'json',
                        success: function(data){
                            console.info(data)
                            for(var key in data){
                                _this.obj[key] = data[key]
                            }
                        }
                    })
				}

			})
			function goApplicationList() {
				window.location.href = '../applicationList/applicationList.html';
			}
		</script>
	</body>
</html>
