<!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="./doctorTeamHome.css" rel="stylesheet">
		
		<style type="text/css">
		</style>
	</head>

	<body class="app_page">
		<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; box-sizing: border-box;">
				<div class="mui-card">
				<div class="z_menu_btn_row" style="height: 100%;line-height: normal;" >
					<div style="height: 78px;">
					<div class="left_area">
					<img src="../../img/head.png" class="head_img" />
					</div>
					<div class="left_area" style="position: absolute;top: 27px;left: 72px;">
					<div class="team_name">陈维医生团队</div>
					</div>
					</div>
					
					<div class="txt1">已服务<span class="patient_count">12345</span>名患者</div>
					
					<div class="specialty_txt">
						<span>擅长:<span>冠心病、先心病、高血压、心脏介入</span></span>
					</div>
					
					<div class="introduction_txt">
						简介:
						<span>
							陈维医生团队,是由上海第十人民医院心内科主任医师陈维联合上海及周边三甲级以上医院的医生共同创建的医生团队,目前有32名权威专家和17名优质医生入驻。
						</span>
					</div>
				</div>
				
				</div>
			</div>	
			
			<div class="title_txt">团队成员</div>
			
			<div style="margin: 16px; box-sizing: border-box;">
				<div class="mui-card">
					<div id="doctor_area"></div>
				</div>
			</div>
			
			<div class="btn_area">
				<button class="consult_btn" onclick="click_row_direct(menurows[0])">立即咨询</button>
			</div>
				</div>
			</div>
		
		<script type="text/javascript">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			
			var doctorInfo = [
				{id: "1", doctorName: "陈维", profession: "主任医师", hospital: "上海第十人民医院", department: "心内科", _id: 10},
				{id: "2", doctorName: "陈维", profession: "主任医师", hospital: "上海第十人民医院", department: "心内科"},
				{id: "3", doctorName: "陈维", profession: "主任医师", hospital: "上海第十人民医院", department: "心内科"},
				{id: "4", doctorName: "陈维", profession: "主任医师", hospital: "上海第十人民医院", department: "心内科"},
				{id: "5", doctorName: "陈维", profession: "主任医师", hospital: "上海第十人民医院", department: "心内科"}
			];
			
			var doctorInfoOBJ = {};
			
			var menurows = [
				{id: "1", name: "初始咨询医生团队", path: "../chat/consultDoctorTeam",_id: 1028},
				{id: "2", name: "详细信息", path: "./ysxx"},
				{id: "3", name: "门诊排班", path: "./mzpb"},
				{id: "4", name: "共享的随访量表", path: "./sflb"},
			];
			
			setRouteParams({userId: 56555,params: {}});

			function initPage() {
				doctorInfoOBJ = {};
				doctorInfo.map(e=> {
					doctorInfoOBJ[e.id] = e;
				})
				
				var doctor_list = document.getElementById('doctor_area');
				var doctor_data = "";
				for (var i = 0; i < doctorInfo.length; i++) {
					var doctor_data1 = 
				'<div class="z_menu_btn_row" style="height: 120px;line-height: normal;"onclick="click_row('+"'" + doctorInfo[i].id + "'"+')">'+
					'<div class="left_area">'+
					'<img src="../../img/head.png" class="head_img1"/>'+
					'</div>'+
					'<div class="left_area">'+
						'<div style="margin-top: 16px;">'+
						'<div class="doctor_name">'+doctorInfo[i].doctorName+'</div>'+
						'<div class="doctor_message">'+doctorInfo[i].profession+'</div>'+
						'<div class="doctor_message">'+doctorInfo[i].hospital+'</div>'+
						'<div class="doctor_message">'+doctorInfo[i].department+'</div>'+
						'</div>'+
					'</div>'+
					'<div class="right_area" style="margin: 50px 0;">'+
						'<img src="../../img/ic_arrow_right1.png" />'+
					'</div>'+
				'</div>'
					
					doctor_data += doctor_data1
				}
					doctor_list.innerHTML = doctor_data;
				
			}
			
			function click_row(idStr) {
				var row = doctorInfoOBJ[idStr];
				var pam = { 
					_id: 1056,
				    params:{
						userId: login_data.userId
					 }
				   };
				app_click("route", pam, callback);
			}
			
			function click_row_direct(row) {
				var pam = { 
					_id: row._id,
				    params:{
						userId: login_data.userId
					 }
				   };
				app_click("route", pam, callback);
			}
			
			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(){
				
			}
			
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					// setRightBtn("rightBtn", {_id: 3000}, callback);
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>