<!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="./ltxx.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: 81px;"onclick="click_row(menurows[0])">
						<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 class="z_menu_btn_icon" onclick="click_row(menurows[1])" style="line-height: 81px;margin-right: 17px;">
							<img src="../../img/ic_arrow_right.png" />
						</div>
					</div>
				</div>
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card">
						<div class="z_menu_group" style="padding: 0px 16px;">
							<div class="ddxq_top" onclick="click_row(menurows[1])">
								<div class="ddxq_title">
									<span>当前患者:</span>
								</div>
								<div class="ddxq_content">
									<span id="hz_name"></span>
								</div>
								<div class="z_menu_btn_icon" style="line-height: 50px;">
									<img src="../../img/ic_arrow_right.png" />
								</div>
							</div>

							<div class="ddxq_bottom" onclick="click_row(menurows[2])">
								<div class="ddxq_title">
									<span>医生名片:</span>
								</div>
								<div class="z_menu_btn_icon" style="line-height: 50px;">
									<img src="../../img/ic_arrow_right.png" />
								</div>
							</div>

							<div class="ddxq_bottom" onclick="click_row(menurows[3])">
								<div class="ddxq_title">
									<span>剩余咨询时长:</span>
								</div>
								<div class="ddxq_content">
									<span id="dd_zxsc"></span>
								</div>
								<div class="z_menu_btn_icon" style="line-height: 50px;">
									<img src="../../img/ic_arrow_right.png" />
								</div>
							</div>
							<div class="ddxq_bottom" onclick="click_row(menurows[0])">
								<div class="ddxq_title">
									<span>医生团队:</span>
								</div>
								<div class="z_menu_btn_icon" style="line-height: 50px;">
									<img src="../../img/ic_arrow_right.png" />
								</div>
							</div>
							<div class="ddxq_bottom">
								<div class="ddxq_title">
									<span>消息免打扰:</span>
								</div>
								<div class="mui-switch mui-switch mui-switch-mini" style="width:56px;height:32px;margin: 9px 0;float: right;">
									<div class="mui-switch-handle"></div>
								</div>
							</div>
							<div class="ddxq_bottom" onclick="click_row(menurows[4])">
								<div class="ddxq_title">
									<span>投诉:</span>
								</div>
								<div class="z_menu_btn_icon" style="line-height: 50px;">
									<img src="../../img/ic_arrow_right.png" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			//1. data
			var doctor = {};
			var client = {};

			var menurows = [{
					id: "1",
					name: "XX医生",
					path: "../home/doctorHome",
					_id: 1056
				}, {
					id: "2",
					name: "患者信息",
					path: "",
					_id: 2011
				}, {
					id: "3",
					name: "XX医生团队名片",
					path: "../chat/cardcase",
					_id: 1024
				}, {
					id: "4",
					name: "服务详情",
					path: "../my/fwxq",
					_id: 1025
				}, {
					id: "5",
					name: "投诉",
					path: "",
					_id: 2012
				}
			];
			
			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('hz_name').innerText = hz_name;
				document.getElementById('dd_zxsc').innerText = dd_zxsc;
			}
			
			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);
				// document.body.appendChild(element);
				label.appendChild(element);
			}
			
			function loadData() {
				ajaxGet('doctor/api/query/' + login_data.params.doctorId, function(result) {
					doctor = result.data
					doLoadData();
					hideloading("loading");
				});
				
				ajaxPost('client/api/patient/getById',{id: login_data.userId},function(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_zxsc').innerText = dd_zxsc;
			}
			
		//3. run
			mui.ready(function() {
				onInitReady(function() {
					// setRightBtn("rightBtn", {_id: 3000}, callback);
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>