<!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="./finddoctor.css" rel="stylesheet">
<style type="text/css">
.mui-input-row .mui-input-clear~.mui-icon-clear {
line-height: 27px;
width: 30px;
height: 17px;
top: 16px;
background: url(../../img/Delete%20Keyword.png) no-repeat;
}
.mui-icon-clear:before {
content: '';
/* background: url(../../img/Delete%20Keyword.png) no-repeat; */
}
input::-webkit-input-placeholder {
color: #9393AA;
-webkit-text-fill-color: #9393AA;
}
.mui-col-xs-4 {
width: 30px;
}
.mui-slider .mui-slider-group {
height: calc(100% - 41px);
}
.mui-scroll-wrapper {
top: 164px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
border-top: 0px solid #c8c7cc;
border-bottom: 0px solid #c8c7cc;
}
.mui-active .txt_bottom {
color: #21D197;
border-bottom: 1px solid #21D197;
}
.mui-segmented-control .mui-control-item {
/* line-height: 50px; */
width: 100%;
border: 0;
}
.mui-segmented-control.mui-segmented-control-inverted {
/* background: #f7f8fa; */
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item {
background: #f7f8fa;
border: 0;
line-height: 21px;
padding: 16px 0;
}
.mui-card .mui-table-view .mui-table-view-cell {
line-height: 21px;
margin: 21px 0;
padding: 0;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
background-color: #fff;
}
.mui-switch .mui-switch-handle {
width: 17px;
height: 17px;
}
</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" style="height: calc(100% - 16px);">
<div style="margin: 16px; box-sizing: border-box;height: 50px;">
<div class="mui-card" style="width: 80%;float: left;">
<div class="z_menu_btn_row mui-input-row" style="height: 48px;line-height: 48px;padding: 0;padding-left: 16px;" >
<img src="../../img/Icon_search.png" class="search_icon" />
<input type="text" class="mui-input-clear search_frame" placeholder="牙科" />
</div>
</div>
<div class="right_area"style="line-height: 55px;">
<img src="../../img/Iconsï¼24ptï¼ic_pin_map.png" />
<span>上海</span>
</div>
</div>
<div style=" box-sizing: border-box;height: calc(100% - 66px);">
<div id="slider" class="mui-slider" style="height: 100%;">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
style="border-bottom: 1px solid #c8c7cc;height: 40px;background: #FFFFFF;border-radius: 8px 8px 0 0;margin: 0 16px;width: -webkit-fill-available;">
<a class="mui-control-item mui-active" href="#item1mobile">
<div class="txt_bottom" style="width: 30px; margin: 0 auto;">医生</div>
</a>
<a class="mui-control-item" href="#item2mobile">
<div class="txt_bottom" style="width: 30px; margin: 0 auto;">医院</div>
</a>
</div>
<!-- <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div> -->
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<div style="margin:0 16px; box-sizing: border-box;">
<div class="mui-card">
<div id="down_frame_locate" style="margin:0 16px; box-sizing: border-box;">
<div class="mui-card" style="box-shadow: none;">
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 33%;border: 0;float: left;padding: 0;padding-right: 6%;">
<div class="sffy_title" onclick="f()">
<span id="select_txt" class="sffy_title_text">全部科室</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 0;z-index: 3;">
<div class="sffy_dropdown" style="width: 92%;left: 16px;">
<div class="mui-row mui-fullscreen">
<div class="mui-col-xs-3">
<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents" class="mui-col-xs-9" style="text-align: center;">
</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 23%;border: 0;float: left;padding: 0;padding-right: 5%;">
<div class="sffy_title" onclick="f1()">
<span id="select_txt" class="sffy_title_text">全国</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background1" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 0;z-index: 3;">
<div class="sffy_dropdown1" style="width: 92%;left: 16px;">
<div class="mui-row mui-fullscreen">
<div class="mui-col-xs-3">
<div id="segmentedControls1" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents1" class="mui-col-xs-9" style="text-align: center;">
<div id="item4" class="mui-control-content mui-active">
</div>
<div id="item5" class="mui-control-content">
</div>
<div id="item6" class="mui-control-content">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 23%;border: 0;float: left;padding: 0;padding-right: 5%;">
<div class="sffy_title" onclick="f2()">
<span id="select_txt" class="sffy_title_text">排åº</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background2" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 0;z-index: 3;">
<div class="sffy_dropdown2" style="width: 92%;left: 16px;position: fixed;">
<div class="ranking_txt">
<div class="ranking_way">默认排åº</div>
<div class="ranking_way">接诊人次最多</div>
<div class="ranking_way">好评率最高</div>
<div class="ranking_way">å“应时间最çŸ</div>
<div class="ranking_way">ä»·æ ¼æœ€ä½Ž</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 18%;border: 0;float: left;padding: 0;">
<div class="sffy_title" onclick="f3()">
<span id="select_txt" class="sffy_title_text">ç›é€‰</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background3" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 0;z-index: 3;">
<div class="sffy_dropdown3" style="width: 92%;left: 16px;position: fixed;">
<div class="filter_row">
<div class="left_area" style="line-height: 21px;">
<span class="filter_txt">三甲医院</span>
</div>
<div class="right_area">
<div class="mui-switch mui-switch mui-switch-mini"style="width:36px;height:21px;float: right;">
<div class="mui-switch-handle"></div>
</div>
</div>
</div>
<div class="filter_row">
<div class="left_area" style="line-height: 21px;">
<span class="filter_txt">二甲医院</span>
</div>
<div class="right_area">
<div class="mui-switch mui-switch mui-switch-mini"style="width:36px;height:21px;float: right;">
<div class="mui-switch-handle"></div>
</div>
</div>
</div>
<div class="button_side">
<div class="btn_reset" onclick="">
<span>é‡ç½®</span>
</div>
<div class="btn_submit" onclick="">
<span>æ交</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row" style="height: 56px;line-height: 56px;">
<div class="hospital_side">
<span class="intelligent_check_title">ä¸çŸ¥é“选哪个医院/科室?</span>
<div class="right_area">
<div class="intelligent_check" onclick="click_row_direct(menurows[0])">智能导诊 >></div>
</div>
</div>
</div>
</div>
<div style="margin-top: 16px;">当å‰æœ‰<span>3</span>å医生在线</div>
</div>
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div id="doctor_area"></div>
</div>
</div>
</div>
<div id="item2mobile" class="mui-slider-item mui-control-content">
<div id="down_frame_locate" style="margin:0 16px; box-sizing: border-box;">
<div class="mui-card" style="box-shadow: none;">
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 33%;border: 0;float: left;padding: 0;padding-left: 16px;">
<div class="sffy_title" onclick="hospital()">
<span id="select_txt" class="sffy_title_text">全国</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background4" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 100%;z-index: 3;">
<div class="sffy_dropdown4" style="width: 92%;">
<div class="mui-row mui-fullscreen">
<div class="mui-col-xs-3">
<div id="segmentedControls_hospital" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents_hospital" class="mui-col-xs-9" style="text-align: center;">
</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 33%;border: 0;float: left;padding: 0 29px;">
<div class="sffy_title" onclick="hospital1()">
<span id="select_txt" class="sffy_title_text">排åº</span>
<div class="arrow_down" onclick="">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
</div>
<div id="cover_background5" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 100%;z-index: 3;">
<div class="sffy_dropdown5" style="width: 92%;left: 16px;position: fixed;">
<div class="ranking_txt">
<div class="ranking_way">默认排åº</div>
<div class="ranking_way">接诊人次最多</div>
<div class="ranking_way">好评率最高</div>
<div class="ranking_way">å“应时间最çŸ</div>
<div class="ranking_way">ä»·æ ¼æœ€ä½Ž</div>
</div>
</div>
</div>
</div>
<div class="z_menu_btn_row " style="height: 51px;line-height: 0;width: 33%;border: 0;float: right;padding: 0;padding-right: 16px;">
<div class="sffy_title" onclick="hospital2()">
<div class="arrow_down" onclick="" style="float: right;">
<img src="../../img/btnï¼generalï¼arrowï¼down.png" />
</div>
<span id="select_txt" class="sffy_title_text" style="float: right;">ç›é€‰</span>
</div>
<div id="cover_background6" style="width: 100vw;height: 100vh;margin-top: 51px;display: none;position: fixed;z-index: 1;top: 0;left: 100%;z-index: 3;">
<div class="sffy_dropdown6" style="width: 92%;left: 16px;position: fixed;">
<div class="filter_row">
<div class="left_area" style="line-height: 21px;">
<span class="filter_txt">三甲医院</span>
</div>
<div class="right_area">
<div class="mui-switch mui-switch mui-switch-mini"style="width:36px;height:21px;float: right;">
<div class="mui-switch-handle"></div>
</div>
</div>
</div>
<div class="filter_row">
<div class="left_area" style="line-height: 21px;">
<span class="filter_txt">二甲医院</span>
</div>
<div class="right_area">
<div class="mui-switch mui-switch mui-switch-mini"style="width:36px;height:21px;float: right;">
<div class="mui-switch-handle"></div>
</div>
</div>
</div>
<div class="button_side">
<div class="btn_reset" onclick="">
<span>é‡ç½®</span>
</div>
<div class="btn_submit" onclick="">
<span>æ交</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="scroll2" class="mui-scroll-wrapper" style="top: 67px;">
<div class="mui-scroll">
<div id="hospital_area"></div>
</div>
</div>
</div>
</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
//全部科室
var controls = document.getElementById("segmentedControls");
var contents = document.getElementById("segmentedControlContents");
var html = [];
var i = 1,
j = 1,
m = 16, //左侧选项å¡æ•°é‡+1
n = 21; //æ¯ä¸ªé€‰é¡¹å¡åˆ—表数é‡+1
for (; i < m; i++) {//onclick="click_option(this)"
html.push('<a id="'+i+'" class="mui-control-item" href="#department' + i + '">选项' + i + '</a>');
}
controls.innerHTML = html.join('');
html = [];
for (i = 1; i < m; i++) {
html.push('<div id="department' + i + '" class="mui-control-content"><ul class="mui-table-view">');
for (j = 1; j < n; j++) {
html.push('<li class="mui-table-view-cell" onclick="click_hidden()">第' + i + '个选项å¡å项-' + j + '</li>');
}
html.push('</ul></div>');
}
contents.innerHTML = html.join('');
//默认选ä¸ç¬¬ä¸€ä¸ª
controls.querySelector('.mui-control-item').classList.add('mui-active');
contents.querySelector('.mui-control-content').classList.add('mui-active');
//全国
var controls1 = document.getElementById("segmentedControls1");
var contents1 = document.getElementById("segmentedControlContents1");
var html = [];
var i = 1,
j = 1,
m = 16, //左侧选项å¡æ•°é‡+1
n = 21; //æ¯ä¸ªé€‰é¡¹å¡åˆ—表数é‡+1
for (; i < m; i++) {
html.push('<a id="'+i+'" class="mui-control-item" onclick="click_option(this)" href="#contryD' + i + '">ä¸å›½' + i + '</a>');
}
controls1.innerHTML = html.join('');
html = [];
for (i = 1; i < m; i++) {
html.push('<div id="contryD' + i + '" class="mui-control-content"><ul class="mui-table-view">');
for (j = 1; j < n; j++) {
html.push('<li class="mui-table-view-cell" onclick="click_hidden()">第' + i + '个选项å¡å项-' + j + '</li>');
}
html.push('</ul></div>');
}
contents1.innerHTML = html.join('');
//默认选ä¸ç¬¬ä¸€ä¸ª
controls1.querySelector('.mui-control-item').classList.add('mui-active');
contents1.querySelector('.mui-control-content').classList.add('mui-active');
var controls2 = document.getElementById("segmentedControls_hospital");
var contents2 = document.getElementById("segmentedControlContents_hospital");
var html = [];
var i = 1,
j = 1,
m = 16, //左侧选项å¡æ•°é‡+1
n = 21; //æ¯ä¸ªé€‰é¡¹å¡åˆ—表数é‡+1
for (; i < m; i++) {
html.push('<a id="'+i+'" class="mui-control-item" onclick="click_option(this)" href="#contryH' + i + '">ä¸å›½' + i + '</a>');
}
controls2.innerHTML = html.join('');
html = [];
for (i = 1; i < m; i++) {
html.push('<div id="contryH' + i + '" class="mui-control-content"><ul class="mui-table-view">');
for (j = 1; j < n; j++) {
html.push('<li class="mui-table-view-cell" onclick="click_hidden()">第' + i + '个选项å¡å项-' + j + '</li>');
}
html.push('</ul></div>');
}
contents2.innerHTML = html.join('');
//默认选ä¸ç¬¬ä¸€ä¸ª
controls2.querySelector('.mui-control-item').classList.add('mui-active');
contents2.querySelector('.mui-control-content').classList.add('mui-active');
(function($) {
$('.mui-scroll-wrapper').scroll({
indicators: true //是å¦æ˜¾ç¤ºæ»šåŠ¨æ¡
});
var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项å¡å项-1</li><li class="mui-table-view-cell">第二个选项å¡å项-2</li><li class="mui-table-view-cell">第二个选项å¡å项-3</li><li class="mui-table-view-cell">第二个选项å¡å项-4</li><li class="mui-table-view-cell">第二个选项å¡å项-5</li></ul>';
var item2 = document.getElementById('item2mobile');
document.getElementById('slider').addEventListener('slide', function(e) {
if (e.detail.slideNumber === 1) {
if (item2.querySelector('.mui-loading')) {
setTimeout(function() {
item2.querySelector('.mui-scroll').innerHTML = html2;
}, 500);
}
}
});
var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
$('.mui-input-group').on('change', 'input', function() {
if (this.checked) {
sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
//force repaint
sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
}
});
})(mui);
var doctorInfo = [
{id: "1", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "2", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "3", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "4", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%203.png", status: "在线"},
{id: "5", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "", status: ""}
];
var doctorInfoOBJ = {};
var hospitalInfo = [
{id: "1", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "2", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "3", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%201.png", status: "ç›´æ’ä¸"},
{id: "4", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "../../img/组%203.png", status: "在线"},
{id: "5", doctorName: "陈维", profession: "主任医师", hospital: "上海第å人民医院", department: "心内科", img: "", status: ""}
];
var hospitalInfoOBJ = {};
var menurows = [
{id: "1", name: "智能导诊", path: "../my/intelligentCheck1",_id: 1033},
{id: "2", name: "详细信æ¯", path: "./ysxx"},
{id: "3", name: "门诊排ç", path: "./mzpb"},
{id: "4", name: "共享的éšè®¿é‡è¡¨", path: "./sflb"},
];
setRouteParams({userId: "1352141846545367042",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 style="margin: 16px;margin-top: 0; box-sizing: border-box;">'+
'<div class="mui-card">'+
'<div class="z_menu_btn_row" style="height: 120px;line-height: normal;">'+
'<div class="left_area">'+
'<img src="../../img/head.png" class="head_img" onclick="click_row('+"'" + doctorInfo[i].id + "'"+')" />'+
'</div>'+
'<div class="left_area">'+
'<div style="margin-top: 16px;">'+
'<div class="doctor_name">'+doctorInfo[i].doctorName+'</div>'+
'<div class="doctor_message" style="width: 61px;height: 17px;border-radius: 6px;border: 1px solid #FA6400;-webkit-text-fill-color: #FA6400;padding: 0 3px">'+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: 23px 0;text-align: center;">'+
'<img src="'+doctorInfo[i].img+'" />'+
'<div class="live_status">'+doctorInfo[i].status+'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'
doctor_data += doctor_data1
}
doctor_list.innerHTML = doctor_data;
hospitalInfoOBJ = {};
hospitalInfo.map(e=> {
hospitalInfoOBJ[e.id] = e;
})
var hospital_area_list = document.getElementById('hospital_area');
var hospital_area_data = "";
for (var i = 0; i < hospitalInfo.length; i++) {
var hospital_area_data1 =
'<div style="margin: 16px;margin-top: 0; box-sizing: border-box;">'+
'<div class="mui-card">'+
'<div class="z_menu_btn_row" style="height: 108px;line-height: normal;">'+
'<div class="left_area">'+
'<img src="'+hospitalInfo[i].img+'" class="hospital_img" onclick="click_row('+"'" + doctorInfo[i].id + "'"+')" />'+
'</div>'+
'<div class="message_txt">'+
'<div style="margin-top: 16px;">'+
'<div class="hospital_name">'+hospitalInfo[i].doctorName+'<div class="distance_txt" style="float: right;margin-left: 70px;"><1km</div> </div>'+
'<div class="hospital_level">'+hospitalInfo[i].profession+'</div>'+
'<div class="hospital_message">'+
'<img src="../../img/Iconsï¼24ptï¼ic_pin_map.png" style="margin-right: 5px;" />总院：</div>'+
'<div class="hospital_message">'+
'<img src="../../img/Path.png" style="margin-right: 5px;" />021-123456</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'
hospital_area_data += hospital_area_data1
}
hospital_area_list.innerHTML = hospital_area_data;
}
//2.function
function click_row(idStr) {
var row = hospitalInfoOBJ[idStr];
if(row.status == "ç›´æ’ä¸"){
var pam = {
_id: 2001,
params:{
userId: login_data.userId
}
};
}else {
var pam = {
_id: 1056,
params:{
userId: login_data.userId
}
};
}
app_click("route", pam, callback);
}
function click_option(e){
var m = 16;
for (var i = 1; i < m; i++) {
document.getElementById(i).style.background = '#F7F8FA'
}
document.getElementById(e.id).style.background = '#FFFFFF';
}
function click_hidden(){
document.getElementsByClassName('sffy_dropdown')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background').style.display = "none";
}
function f() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown')[0].style.top=aa+-66+"px";
document.getElementById('cover_background').style.display = "block";
document.getElementsByClassName('sffy_dropdown')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background1').style.display = "none";
document.getElementsByClassName('sffy_dropdown2')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background2').style.display = "none";
document.getElementsByClassName('sffy_dropdown3')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background3').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background').style.display = "none";
}
}
function f1() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown1')[0].style.top=aa+-66+"px";
document.getElementById('cover_background1').style.display = "block";
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown1')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown1')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown1')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown2')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown3')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background').style.display = "none";
document.getElementById('cover_background2').style.display = "none";
document.getElementById('cover_background3').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown1')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown1')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background1').style.display = "none";
}
}
function f2() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown2')[0].style.top=aa+-66+"px";
document.getElementById('cover_background2').style.display = "block";
document.getElementsByClassName('sffy_dropdown2')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown2')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown2')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown2')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown3')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background').style.display = "none";
document.getElementById('cover_background1').style.display = "none";
document.getElementById('cover_background3').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown2')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown2')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background2').style.display = "none";
}
}
function f3() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown3')[0].style.top=aa+-66+"px";
document.getElementById('cover_background3').style.display = "block";
document.getElementsByClassName('sffy_dropdown3')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown3')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown3')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown3')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown2')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background').style.display = "none";
document.getElementById('cover_background1').style.display = "none";
document.getElementById('cover_background2').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown3')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown3')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background3').style.display = "none";
}
}
function hospital() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown4')[0].style.top=aa+-66+"px";
document.getElementsByClassName('sffy_dropdown4')[0].style.left = window.innerWidth + 16+'px';
document.getElementById('cover_background4').style.display = "block";
document.getElementsByClassName('sffy_dropdown4')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown4')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown4')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown4')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown5')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown6')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background5').style.display = "none";
document.getElementById('cover_background6').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown4')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown4')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background4').style.display = "none";
}
}
function hospital1() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown5')[0].style.top=aa+-66+"px";
document.getElementsByClassName('sffy_dropdown5')[0].style.left = window.innerWidth + 16+'px';
document.getElementById('cover_background5').style.display = "block";
document.getElementsByClassName('sffy_dropdown5')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown5')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown5')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown5')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown4')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown6')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background4').style.display = "none";
document.getElementById('cover_background6').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown5')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown5')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background5').style.display = "none";
}
}
function hospital2() {
var domObj = document.getElementById('down_frame_locate');
var aa=domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown6')[0].style.top=aa+-66+"px";
document.getElementsByClassName('sffy_dropdown6')[0].style.left = window.innerWidth + 16+'px';
document.getElementById('cover_background6').style.display = "block";
document.getElementsByClassName('sffy_dropdown6')[0].classList.toggle('sffy_down');
if (document.getElementsByClassName('sffy_dropdown6')[0].classList.contains('sffy_down')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown6')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown6')[0].style.border = '1px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown4')[0].classList.toggle('sffy_down',false);
document.getElementsByClassName('sffy_dropdown5')[0].classList.toggle('sffy_down',false);
document.getElementById('cover_background4').style.display = "none";
document.getElementById('cover_background5').style.display = "none";
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown6')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown6')[0].style.border = '0px solid #F2F2F2';
document.getElementById('cover_background5').style.display = "none";
}
}
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>