<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>订单确认</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!-- js引用 -->
		<script src="../../js/config.js"></script>
		<script src="../../js/h5toapp.js"></script>
		<script src="../../js/h5to.js"></script>

		<!-- 组件js引用 -->
		<script src="../../js/mui.min.js"></script>
		<!-- 组件标准css引用 -->
		<link rel="stylesheet" href="../../css/mui.min.css">

		<!-- css引用 -->
		<link href="../../css/currency.css" rel="stylesheet">
		<link href="../../css/spinkit.css" rel="stylesheet">
		<link href="../../css/icon/iconfont.css" rel="stylesheet">
		<!-- 界面本身css引用 -->
		<link href="./ddqr.css" rel="stylesheet">

		<style type="text/css">

		</style>
	</head>

	<body>
		<div style="background-color:  #F9FAFC; height: 100vh; width: 100%; margin: 0; overflow: auto;">
			<div id="loading" class="example">
				<div class="sk-plane loading_location"></div>
			</div>

			<div class="mui-content">
				<div style="margin: 16px 16px 0px 16px; box-sizing: border-box;">
					<div class="mui-card" style="height: 177px;">
						<div class="z_head">
							<div class="z_img_head1">
								<img id="headPortrait" />
							</div>
							<div style="float:left;margin-left: 7px;">
								<div class='ys_info_name'>
									<span id="ys_name"></span>
								</div>
								<div class='ys_info'>
									<span id="academictitle"></span>
								</div>
								<div class='ys_info'>
									<span id="hospital"></span>
									<span id="department"></span>
								</div>
							</div>

						</div>
						<div class="z_body">
							<div class="z_body_l">
								<div class="z_czxx">
									<span>出诊信息</span>
								</div>
								<div style="margin-bottom: 10px;height: 21px;">
									<div class="z_czyy">
										<span id="cz_hospital"></span>
									</div>
									<div class="z_czks">
										<span id="cz_department"></span>
									</div>
								</div>
								<div style="height: 14px;">
									<div class="z_yyjb">
										<span id="cz_yyjb"></span>
									</div>
									<div class="z_sfyb">
										<span id="cz_sfyb"></span>
									</div>

								</div>
							</div>
							<div class="z_body_r">
								<span onclick="click_row(menurows[0])">医院主页</span>
							</div>
						</div>
					</div>
				</div>
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card" style="padding: 0px 16px;">
						<div class="z_menu_group">
							<div class="ddxq_top">
								<div class="ddxq_title">
									<span>患者:</span>
								</div>
								<div class="ddxq_content">
									<span id="hz_name"></span>
								</div>
							</div>

							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>订单类型:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_lx"></span>
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>预约时间:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_yysj"></span>
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>订单编号:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_bh"></span>
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>总价:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_zj"></span>
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>优惠券:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_yhq"></span>
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>需支付:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_xzf"></span>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="z_cz">
					<div class="z_zf" onclick="click_row(menurows[1])">
						<span>去支付</span>
					</div>
				</div>
			</div>
		</div>


		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
				});
				
			//1. data
			// var headPortrait = "../../img/head1.jpg";
			// var ys_name = "陈维";
			// var academictitle = "主任医师";
			// var hospital = "上海第十人民医院";
			// var department = "心内科";
			// var cz_hospital = "复旦大学附属华山医院";
			// var cz_department = "心内科";
			// var cz_yyjb = "三级甲等";
			// var cz_sfyb = "医保";
			// var hz_name = "å¼ ç¿ å±±";
			// var dd_lx = "医生咨询服务(年)";
			// var dd_yysj = "2020-01-03下午";
			// var dd_bh = "202010121010231031";
			// var dd_zj = "Â¥677";
			// var dd_yhq = "暂无可用";
			// var dd_xzf = "Â¥677";

			var menurows = [{
					id: "1",
					name: "医院主页",
					path: "../home/yyhome",
					_id: 1000
				},{
					id: "2",
					name: "立即支付",
					path: "./payment",
					_id: 1054
				}
			];
			var doctor = {};
			
			setRouteParams({
				userId: "1352141846545367042",
				params: {
					"doctorId": "1285860235186212865"
				}
			});
			
			//2.function
			function initPage() {
				document.getElementById('headPortrait').src = headPortrait;
				document.getElementById('ys_name').innerText = ys_name;
				document.getElementById('academictitle').innerText = academictitle;
				document.getElementById('hospital').innerText = hospital;
				document.getElementById('department').innerText = department;
				document.getElementById('cz_hospital').innerText = cz_hospital;
				document.getElementById('cz_department').innerText = cz_department;
				document.getElementById('cz_yyjb').innerText = cz_yyjb;
				document.getElementById('cz_sfyb').innerText = cz_sfyb;

				document.getElementById('hz_name').innerText = hz_name;
				document.getElementById('dd_lx').innerText = dd_lx;
				document.getElementById('dd_yysj').innerText = dd_yysj;
				document.getElementById('dd_bh').innerText = dd_bh;
				document.getElementById('dd_zj').innerText = dd_zj;
				document.getElementById('dd_yhq').innerText = dd_yhq;
				document.getElementById('dd_xzf').innerText = dd_xzf;
			}

			function click_row(row) {
				var pam = {
					_id: row._id,
					params: {
						userId: login_data.id
					}
				};
				app_click("route", pam, callback);
			}

			function click_add_label() {
				var label = document.getElementById('label_list');
				var element = document.createElement('div');
				element.className = "ddxq_tip1";

				var span_element = document.createElement('span');
				span_element.className = "ddxq_tip_detail";
				span_element.innerText = "有吸毒";
				element.appendChild(span_element);
				label.appendChild(element);
			}
			
			function initPage() {
				
			}
						
			function loadData() {
				ajaxGet('doctor/api/query/' + login_data.params.doctorId, function(result) {
					if (result) {
						console.info(result);
						doctor = result.data
					}

					doLoadData();
					hideloading("loading");
				});

				ajaxPost('client/api/patient/getById', {
					id: login_data.userId
				}, function(result) {
					if (result) {
						console.info(result);
						client = result.data
					}

					doLoadData();
					hideloading("loading");
				})
			}

			function doLoadData() {
				document.getElementById('headPortrait').src = doctor.doctorAvatar;
				document.getElementById('ys_name').innerText = doctor.doctorName;
				document.getElementById('academictitle').innerText = doctor.doctorProfessional;
				document.getElementById('hospital').innerText = doctor.medoHospitalName;
				document.getElementById('department').innerText = doctor.mediDiseaseClassifyName01;

				document.getElementById('hz_name').innerText = client.patientName;
				document.getElementById('dd_lx').innerText = dd_lx;
				document.getElementById('dd_bh').innerText = dd_bh;
				document.getElementById('dd_zj').innerText = dd_zj;
				document.getElementById('dd_yhq').innerText = dd_yhq;
				document.getElementById('dd_xzf').innerText = dd_xzf;

			}
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					// setRightBtn("rightBtn", {_id: 3000}, callback);
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>