<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>åˆå§‹å’¨è¯¢åŒ»ç”Ÿå›¢é˜Ÿ2</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="./consultDoctorTeam1.css" rel="stylesheet">

		<style type="text/css">
		</style>
	</head>

	<body class="app_page">
		<div style="background-color:  #ECEDEE; 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" style="background-color:  #ECEDEE; ">
				<div class="z_head">
					<div id="msgTime"></div>
				</div>
				<div class="z_body">
					<div class="z_body_left">
						<img id="headPortrait" />
					</div>
					<div class="z_body_right">
						<img src="../../img/bg (1).png" />
						<div class="z_body_right_text" id="msg1"></div>
					</div>

				</div>
				<div class="z_foot">
					<div class="z_foot_all">
						<div id="label_side"></div>
						<div class="z_foot_bottom">æ·»åŠ äº²å±ž</div>
					</div>
				</div>


			</div>
		</div>


		<script type="text/javascript">
			mui.init({
				swipeBack: true //å¯ç”¨å³æ»‘å…³é—åŠŸèƒ½
			});
			
			//1. data
			var doctor = {};
			var labelInfo = [{
					id: "1",
					name: "å¼ æ— å¿Œ",
					role: "è‡ªå·±",
				}, {
					id: "2",
					name: "å¼ ç¿ å±±",
					role: "çˆ¶äº²",
				}, {
					id: "3",
					name: "æ®·ç´ ç´ ",
					role: "æ¯äº²",
				}
			];

			var menurows = [{
					id: "1",
					name: "é€‰æ‹©ç–¾ç—…ç±»åž‹",
					path: "./myzs",
					_id: 10
				}, {
					id: "2",
					name: "è¯¦ç»†ä¿¡æ¯",
					path: "./ysxx"
				}, {
					id: "3",
					name: "é—¨è¯ŠæŽ’ç",
					path: "./mzpb"
				}, {
					id: "4",
					name: "å…±äº«çš„éšè®¿é‡è¡¨",
					path: "./sflb"
				}
			];
			
			setRouteParams({userId: "1352141846545367042",params: {"doctorId": "1285860235186212865"}});
			
			//2. function
			function initPage() {
				document.getElementById('msgTime').innerText = msgTime;
				document.getElementById('headPortrait').src = headPortrait;
				//document.getElementById('msg1').innerText = "æ‚¨å¥½ï¼Œæˆ‘æ˜¯" + department + "åŒ»ç”Ÿ" + ys_name + "ï¼Œæ„Ÿè°¢æ‚¨çš„ä¿¡ä»»ï¼è¯·é€‰æ‹©ä¸€åäº²å±žå¼€å§‹å’¨è¯¢ã€‚";

				var label_side_list = document.getElementById('label_side');
				var label_side_list_data = "";
				for(var i = 0; i < labelInfo.length; i++) {
					var label_side_list1 = 
					'<div class="z_foot_top">'+
						'<span>'+labelInfo[i].name+'</span>'+
						'<span style="color: #9393AC;">'+"("+labelInfo[i].role+")"+'</span>'+
					'</div>'
					label_side_list_data +=label_side_list1;
				}
				label_side_list.innerHTML = label_side_list_data;
			}

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

			function click_select(e) {
				if (e.getAttribute('class') == "disease_label_txt") {
					document.getElementById(e.id).classList.replace("disease_label_txt", "disease_label_sel");
				} else {
					document.getElementById(e.id).classList.replace("disease_label_sel", "disease_label_txt");
				}
				for (var i = 0; i < labelInfo.length; i++) {
					if (document.getElementById(labelInfo[i].id).className != "next_btn") {
						var button = document.getElementById('next_button');
						button.classList.replace('next_btn_txt', 'next_btn');
						break;
					} else {
						button.classList.replace('next_btn', 'next_btn_txt');
					}
				}
			}

			function loadData() {
				ajaxGet('doctor/api/query/' + login_data.params.doctorId, function(result) {
					if (result) {
						console.info(result);
						doctor = result.data
					}
					doLoadData();
					hideloading("loading");
				});
			}
			
			function doLoadData() {
				document.getElementById('msgTime').innerText = msgTime;
				document.getElementById('headPortrait').src = doctor.doctorAvatar;;
				document.getElementById('msg1').innerText = "æ‚¨å¥½ï¼Œæˆ‘æ˜¯" + doctor.mediDiseaseClassifyName01 + "åŒ»ç”Ÿ" + doctor.doctorName + "ï¼Œæ„Ÿè°¢æ‚¨çš„ä¿¡ä»»ï¼è¯·é€‰æ‹©ä¸€åäº²å±žå¼€å§‹å’¨è¯¢ã€‚";
			}
			
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					// setRightBtn("rightBtn", {_id: 3000}, callback);
					initPage();
					loadData();
				});
			})
		
		</script>
	</body>

</html>