<!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="./ltxxtd.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: 160px;">
						<div class="z_head_top" onclick="click_row_direct(menurows[0])">
							<div class="z_img_head1">
								<img id="headPortrait" />
							</div>
							<div style="float:left;margin-left: 12px;">
								<div class='ys_info_name'>
									<span id="team_name"></span>
								</div>
							</div>
						</div>
						<div class="z_head_bottom">
							<div id="team_side" class="team_members">
								
							</div>
						</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_direct(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_direct(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_direct(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_direct(menurows[1])">
								<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[1])">
								<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 //启用右滑关闭功能
			});
			
			var headPortrait = "../../img/head1.jpg";
			var ys_name = "陈维";
			var academictitle = "主任医师";
			var hospital = "上海第十人民医院";
			var department = "心内科";
			var hz_name = "å¼ ç¿ å±±";
			var dd_zxsc = "353天";

			var teamMemberInfo = [{
					id: "1",
					teamMemberName: "陈维",
					head_img: "../../img/head.png"
				},
				{
					id: "2",
					teamMemberName: "毛大伟",
					head_img: "../../img/head.png"
				},
				{
					id: "3",
					teamMemberName: "陈维",
					head_img: "../../img/head.png"
				},
				{
					id: "4",
					teamMemberName: "毛大伟",
					head_img: "../../img/head.png"
				},
				{
					id: "5",
					teamMemberName: "陈维",
					head_img: "../../img/head.png"
				},
				{
					id: "6",
					teamMemberName: "毛大伟",
					head_img: "../../img/head.png"
				},
				{
					id: "7",
					teamMemberName: "陈维",
					head_img: "../../img/head.png"
				},
				{
					id: "8",
					teamMemberName: "毛大伟",
					head_img: "../../img/head.png"
				},
				{
					id: "9",
					teamMemberName: "陈维",
					head_img: "../../img/head.png"
				},

			];
			
			var teamMemberInfoOBJ = {};
			
			var menurows = [{
					id: "1",
					name: "XX医生团队",
					path: "../home/doctorTeamHome",
					_id: 1012
				},
				{
					id: "2",
					name: "患者信息",
					path: "",
					_id: 2011
				},
				{
					id: "3",
					name: "XX医生团队名片",
					path: "./cardcase",
					_id: 1024
				},
				{
					id: "4",
					name: "服务详情",
					path: "../my/fwxq",
					_id: 1025
				},
				{
					id: "4",
					name: "投诉",
					path: "",
					_id: 2012
				}
			];

			setRouteParams({userId: 46451,params: {}});

			function initPage() {
				teamMemberInfoOBJ = {};
				teamMemberInfo.map(e=>{
					teamMemberInfoOBJ[e.id] = e;
				})
				
				document.getElementById('headPortrait').src = headPortrait;
				document.getElementById('team_name').innerText = ys_name + "医生的团队";
				document.getElementById('hz_name').innerText = hz_name;
				document.getElementById('dd_zxsc').innerText = dd_zxsc;

				var team_side_list = document.getElementById('team_side');
				var team_side_data = "";
				for (var i = 0; i < teamMemberInfo.length; i++) {
					var team_side_data1 =
						'<div class="team_member" onclick="click_row('+"'" + teamMemberInfo[i].id + "'"+')">' +
						'<img src="' + teamMemberInfo[i].head_img + '" class="head_img1" />' +
						'<div class="cy_name">' + teamMemberInfo[i].teamMemberName + '</div>' +
						'</div>'

					team_side_data += team_side_data1;
				}
				team_side_list.innerHTML = team_side_data;

			}

			function click_row_direct(row) {
				var pam = {
					_id: row._id,
					params: {
						userId: login_data.id
					}
				};
				click_row2(row.path);
			}
			
			function click_row(idStr) {
				var row = teamMemberInfoOBJ[idStr];
				var pam = { 
					_id: 1056,
				    params:{
						userId: login_data.userId
					 }
				   };
				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) {
					if (result) {
						console.info(result);
						doctor = result.data
					}
					
					doLoadData();
					hideloading("loading");
				});
			}
			
			function doLoadData() {
			
			}
			
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>