<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="./css/choseDoctorByThree.css" />
		<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js"></script>
		<meta name="wap-font-scale" content="no">
		<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
		<script type="text/javascript">
			require.config({
				baseUrl: "./",
				paths: {
					"zepto": "https://review-formal.iplusmed.com/Common/javaScript/zepto.min",
					"vue": "https://review-formal.iplusmed.com/Common/javaScript/vue1.0.26.min",
					"Utils": "https://review-formal.iplusmed.com/Common/javaScript/medtap-core-1.0.3Dev",
					"md5": "https://review-formal.iplusmed.com/Common/javaScript/md5.min"
				},
				shim: {
					"zepto": {
						exports: "$"
					},
					"vue": {
						exports: "Vue"
					}
				}
			});
		</script>
		<title>找医生</title>
	</head>

	<body id="app" style="opacity: 0;">
		<div class="selectBg">
			<div class="byName clearfix">
				<div class="name">
					按姓名搜索医生
				</div>
			</div>
			<div class="serchTitle">
				<div nextDomType="province" isShow="false" id="hos">地区/医院</div>
				<div nextDomType="disease" isShow="false" id="dis">疾病</div>
				<div nextDomType="paixu" isShow="false" id="px">排序</div>
				<div nextDomType="shaixuan" isShow="false" id="sx">筛选<span class="badge" v-show="!!shaixuanCount" :a="shaixuanCount"
					 v-text="shaixuanCount"></span></div>
			</div>
			<div id="remderList">
				<div class="godiqu">

				</div>
				<div class="selectList">
					<div class="one">
					</div>
					<div class="two">
					</div>
				</div>
			</div>

		</div>
		<div class="mask"></div>
		<ul class="paixu">
			<li sortType="default" tit="综合">综合排序</li>
			<li sortType="professional" tit="按职称">按职称排序</li>
			<li sortType="liveness" tit="按活跃度">按活跃度排序</li>
		</ul>
		<ul class="shaixuan">
			<li>治疗方式（可多选）</li>
			<li class="options options-1">
				<span type="CT1">手术</span><span type="CT2">化疗</span><span type="CT3">放疗</span>
				<span type="CT6">介入治疗</span><span type="CT4">中西医结合</span><span type="CT5">其他</span>
			</li>
			<li>开通服务（可多选）</li>
			<li class="options options-2">
				<span type="consult">预约咨询</span><span type="customer">预约转诊</span><span type="pmd">私人医生</span>
			</li>
			<li class="li-options-ok"><span class="options-ok">确定</span></li>
		</ul>
		<div class="doctorBg">
			<ul class="doctorList">
				<li v-for="list in doctorList" doctorId="{{list.doctorId}}" doctorName="{{list.doctorName}}">
					<img src="{{list.profile}}" />
					<div class="contro">
						<p :class="list.status == -1 ? 'doctorN': ''"><span>{{list.doctorName}}</span>{{list.technology}}&nbsp;&nbsp;&nbsp;{{list.teaching}}</p>
						<p>{{list.hospital.hospitalName}}</p>
						<p>{{list.department.departmentName}}</p>
						<p>擅长:{{list.goodAt}}</p>
					</div>
					<div class="chosebg" doctorId="{{list.doctorId}}" doctorName="{{list.doctorName}}" v-show="other">
						<div class="chose"></div>

					</div>
				</li>
			</ul>
			<div class="more" v-show="hasMore">
				点击加载更多
			</div>
			<div class="nomore" v-show="!hasMore">
				没有更多医生
			</div>

		</div>
		<script type="text/javascript">
			window.selectDoctorBean = {

				doctorId: "",
				doctorName: ''
			}
			require(['./javaScript/choseDoctorByThree.js?v=1.0.0']);
			require(['Utils'], function(Utils) {
				window.SelectDoctorCallback = function(data) {

					if (data.doctorID && data.doctorID != "" && data.doctorID == window.selectDoctorBean.doctorId) {

						var selectDoctorBean = {
							isSelect: true,
							doctorId: data.doctorID,
							doctorName: window.selectDoctorBean.doctorName
						}

						localStorage.selectDoctorBean = JSON.stringify(selectDoctorBean);

						if (typeof WebAPI == "undefined") {} else {
							var arrayObj = new Array();
							arrayObj.push(JSON.stringify(selectDoctorBean));
							WebAPI.callLast("selectDoctorForIOS", arrayObj);
						}

						setTimeout(function() {
							window.location.href = Utils.getPrefix() + "kRouteCloseWebView";
						}, 200);


					}
				}

				window.viewDidAppear = function() {
					if (localStorage.byName) {
						localStorage.removeItem("byName");
						window.location.href = Utils.getPrefix() + "kRouteCloseWebView";
					}
				}

				window.selectDoctorByName = function(arr) {
					if (localStorage.byName) {
						localStorage.removeItem("byName");

						if (typeof WebAPI == "undefined") {} else {
							var arrayObj = new Array();
							arrayObj.push(arr);
							WebAPI.callLast("selectDoctorForIOS", arrayObj);
						}
						window.location.href = Utils.getPrefix() + "kRouteCloseWebView";
					}
				}
			})
		</script>
	</body>

</html>
