<!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">
		<link rel="stylesheet" href="../../css/mui.picker.min.css">
		<link rel="stylesheet" href="../../css/mui.poppicker.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="./doctorHome.css" rel="stylesheet">
		
		<style type="text/css">
			#team_list::-webkit-scrollbar {
				display: none;
			}
		</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 id="absorption_row" style="display: none;">
						<table style="width: 100%;text-align: center;">
							<tr>
								<td>
									<img src="../../img/head.png" class="absorption_row_avatar" />
								</td>
								<td>
									<div class="row_title_txt">视频</div>
									<div class="row_count_txt">5555</div>
								</td>
								<td>
									<div class="row_title_txt">文章</div>
									<div class="row_count_txt">5555</div>
								</td>
								<td>
									<div class="row_title_txt">语音</div>
									<div class="row_count_txt">5555</div>
								</td>
								<td>
									<div class="row_title_txt">问答</div>
									<div class="row_count_txt">5555</div>
								</td>
								<td>
									<div class="row_title_txt">动态</div>
									<div class="row_count_txt">5555</div>
								</td>
							</tr>
						</table>
						
					</div>
					
					
		<div class="mui-scroll-wrapper" onscroll="scroll_show()">
			<div class="mui-scroll">
				<video id="video_play" width="100%" height="185" controls="controls" onclick="playPause()">
					<source src="../../img/cf18a1812550e92afe47289eedf6c036.mp4" type="video/mp4"></source>
					<source src="myvideo.ogv" type="video/ogg"></source>
					<source src="myvideo.webm" type="video/webm"></source>
				</video>
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card" style="border-radius: 16px;">
						<div class="z_menu_btn_row" style="height: 78px;line-height: normal;border: 0;">
							<div class="left_area">
							<img src="../../img/head.png" class="head_portrait" />
							</div>
							<div class="left_area" style="margin-top: 16px;margin-left: 7px;">
							<div class="doctor_name_txt">陈维</div>
							<div class="doctor_message_txt"><span>主任医师</span>  <span>心血管外科</span></div>
							<div class="hospital_name_txt">上海第十人民医院</div>
							</div>
							<div class="right_area">
								<img src="../../img/head.png"  onclick="click_row(menurows[1])" style="width: 40px;height: 40px;margin-top: 23px;" />
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 30px;line-height: 30px;">
							<div class="left_area"><span class="txt1">已服务<span id="txt1_font">345</span>名患者</span></div>
							<div class="right_area"><span class="txt2" onclick="click_row(menurows[0])">医院主页</span></div>
						</div>
					</div>
				</div>
				
				<div id="row_locate">
					<table style="width: 100%;text-align: center;">
						<tr>
							<td>
								<div class="row_title_txt">视频</div>
								<div class="row_count_txt">5555</div>
							</td>
							<td>
								<div class="row_title_txt">文章</div>
								<div class="row_count_txt">5555</div>
							</td>
							<td>
								<div class="row_title_txt">语音</div>
								<div class="row_count_txt">5555</div>
							</td>
							<td>
								<div class="row_title_txt">问答</div>
								<div class="row_count_txt">5555</div>
							</td>
							<td>
								<div class="row_title_txt">动态</div>
								<div class="row_count_txt">5555</div>
							</td>
						</tr>
					</table>
				</div>
				
				<div class="title_txt">医生所在团队</div>
				
				<div id="team_list" style="height: 166px;display: flex;overflow: auto;">

				</div>
				
				<div class="title_txt">擅长和简介</div>
				
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card" style="border-radius: 16px;">
						<div class="z_menu_btn_row" style="height: 143px;line-height: normal;padding-top: 10px;">
							<div class="sc_txt1">医生擅长:</div>
							<div class="sc_txt_side">
							<span class="sc_txt" style="line-height: 17px;">对呼吸消化内科常见病、多发病、疑难危重症、各种中毒、风湿免疫病的诊治及抢救有较深造诣。在肺间质纤维化、肺梗塞、肺囊肿、肺结节病的诊对呼吸消化内科常见病、多发病、疑难危重症、各种中毒、风湿免疫病的诊治及抢救有较深造诣</span>
							</div>
							<div style="height: 14px;line-height: 14px;margin-top: 16px;">
							<div class="right_area">
								<span class="check_more_txt" onclick="click_check_more()">查看更多</span>
							</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="title_txt">出诊地点</div>
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card" style="border-radius: 16px;">
						<div class="z_menu_btn_row" style="height: 72px;line-height: normal;padding-top: 15px;text-align: center;">
							<div class="card_hospital_name_txt">
								上海第十人民医院
							</div>
							<div class="card_department_name_txt">
								心血管内科
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;">
							<div class="card_stop_time_txt">
								<span>2020.9.12</span>-<span>2021.10.09</span>停诊
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;">
							<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
								<tr class="tr_txt">
									<td>
									<div class="left_area">
										每周一
									</div>
									<div class="right_area" style="margin-right: 16px;">
										上午
									</div>
									</td>
									<td>
									<div class="left_area" style="margin-left: 16px;">
										每周一
									</div>
									<div class="right_area">
										上午
									</div>
									</td>
								</tr>
							</table>
						</div>
						<div class="z_menu_btn_row" onclick="click_row(menurows[2])" style="height: 78px;line-height: normal;text-align: center;padding-top: 16px;background: #21D197;">
							<div class="card_appointment_txt">
								预约挂号
							</div>
							<div class="card_appointment_txt1">
								<span>最早可预约:<span>2020-10-28</span>     剩余名额:<span>31</span></span>
							</div>
						</div>
					</div>
				</div>
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card" style="border-radius: 16px;">
						<div class="z_menu_btn_row" style="height: 72px;line-height: normal;padding-top: 15px;text-align: center;">
							<div class="card_hospital_name_txt">
								上海第十人民医院
							</div>
							<div class="card_department_name_txt">
								心血管内科
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;">
							<div class="card_stop_time_txt">
								<span class="card_normal_txt">正常接诊</span>
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;">
							<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
								<tr class="tr_txt">
									<td>
									<div class="left_area">
										每周一
									</div>
									<div class="right_area" style="margin-right: 16px;">
										上午
									</div>
									</td>
									<td>
									<div class="left_area" style="margin-left: 16px;">
										每周一
									</div>
									<div class="right_area">
										上午
									</div>
									</td>
								</tr>
							</table>
						</div>
						<div class="z_menu_btn_row" onclick="click_row(menurows[2])" style="height: 78px;line-height: normal;text-align: center;padding-top: 16px;background: #21D197;">
							<div class="card_appointment_txt">
								预约挂号
							</div>
							<div class="card_appointment_txt1">
								<span>最早可预约:<span>2020-10-28</span>     剩余名额:<span>31</span></span>
							</div>
						</div>
					</div>
				</div>
				
				<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;height: 60px;background: #FFFFFF;">
					<tr>
						<td width="50%" style="border-right: 1px solid #9393AA;">
							<span id="focus" class="bottom_btn_txt" onclick="click_focus()">关注</span>
						</td>
						<td width="50%">
							<span class="bottom_btn_txt">申请咨询</span>
						</td>
					</tr>
				</table>
				
			</div>
		</div>
					
		
		</div>
	</div>
		
		
		<script type="text/javascript" src="../../js/mui.picker.min.js"></script>
		<script type="text/javascript" src="../../js/mui.poppicker.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			//1. data
			
			mui('.mui-scroll-wrapper').scroll({
				indicators: true //是否显示滚动条
				// deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
			});
			
			var doctorTeamInfo = [
				{id: "1", doctorTeamName: "陈维医生团队",sc: "冠心病、先心病、高血压、骨折",head: "../../img/head.png"},
				{id: "2", doctorTeamName: "陈维医生团队",sc: "冠心病、先心病、高血压、骨折",head: "../../img/head.png"},
				{id: "3", doctorTeamName: "陈维医生团队",sc: "冠心病、先心病、高血压、骨折",head: "../../img/head.png"},
				{id: "4", doctorTeamName: "陈维医生团队",sc: "冠心病、先心病、高血压、骨折",head: "../../img/head.png"},
				{id: "5", doctorTeamName: "陈维医生团队",sc: "冠心病、先心病、高血压、骨折",head: "../../img/head.png"},
			]
			
			var doctorTeamInfoOBJ = {};
			
			var menurows = [
				{id: "1", name: "医院主页", path: "../home/yyhome",_id: 1000},
				{id: "2", name: "医生名片", path: "../chat/cardcase",_id: 1024},
				{id: "3", name: "预约挂号", path: "../my/yyghys",_id: 1009},
				{id: "4", name: "共享的随访量表", path: "./sflb"},
			];
			

			setRouteParams({userId: "1352141846545367042",params: {"doctorId": "1285860235186212865"}});
			//2.function
			function initPage() {
				doctorTeamInfoOBJ = {};
				doctorTeamInfo.map(e=>{
					doctorTeamInfoOBJ[e.id] = e;
				})
				
				var team_list = document.getElementById('team_list');
				var team_data = "";
				for (var i = 0; i < doctorTeamInfo.length; i++) {
					var team_data1 = 
						
						'<div style="margin: 16px; box-sizing: border-box;float: left;">'+
							'<div class="mui-card" style="border-radius: 16px;">'+
								'<div class="z_menu_btn_row" onclick="click_row1('+"'" + doctorTeamInfo[i].id + "'"+')" style="height: 75px;line-height: 75px;width: 206px;border: 0;">'+
									'<div class="left_area" style="line-height: normal;">'+
									'<img src="'+doctorTeamInfo[i].head+'" class="head_portrait" />'+
									'</div>'+
									'<div class="left_area">'+
										'<span class="team_name_txt">'+doctorTeamInfo[i].doctorTeamName+'</span>'+
									'</div>'+
								'</div>'+
								'<div class="z_menu_btn_row" style="height: 59px;line-height: normal;width: 206px;padding-top: 10px;">'+
									'<span class="sc_txt">æ“…é•¿:<span>'+doctorTeamInfo[i].sc+'</span></span>'+
								'</div>'+
							'</div>'+
						'</div>'
					
					team_data += team_data1
				}
					team_list.innerHTML = team_data;
			}
			
			function scroll_show(){
				var domObj = document.getElementById('row_locate');
				var aa=domObj.getBoundingClientRect().top;
				// document.getElementsByClassName('sffy_dropdown')[0].style.top=aa+55+"px";
				if(aa <= 0){
					document.getElementById('absorption_row').style.display = "block";
					//document.getElementsByClassName('mui-scroll-wrapper')[0].style.top = "30px";
				}else {
					document.getElementById('absorption_row').style.display = "none";
					document.getElementsByClassName('mui-scroll-wrapper')[0].style.top = "0px";
				}
			}
			
			function click_check_more(){
				document.getElementsByClassName('check_more_txt')[0].style.display = 'none';
				document.getElementsByClassName('sc_txt_side')[0].style.height = '100%';
				document.getElementsByClassName('sc_txt_side')[0].style.display = "block"
			}
			
			function click_focus(){
				if(document.getElementById('focus').innerText == "关注"){
					document.getElementById('focus').innerText = "已关注";
					}else {
						document.getElementById('focus').innerText = "关注";
					}
			}
			function click_row1(idStr) {
				var row = doctorTeamInfoOBJ[idStr];
				var pam = { 
					_id: 1012,
				    params:{
						userId: login_data.userId
					 }
				   };
				app_click("route", pam, callback);
			}
			function click_row(row) {
				var pam = { 
					_id: row._id,
				    params:{
						userId: login_data.userId
					 }
				   };
				app_click("route", pam, callback);
			}
			

			function playPause(){
				if (video_play.paused) {
					  video_play.play(); 
				}else {
					  video_play.pause(); 
				}
			}
			
			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>