<!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>
|
