<!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="./consultDoctorTeam.css" rel="stylesheet">
|
|
<style type="text/css">
|
</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 class="h1">您即将进入<span>陈维</span>的医生团队</div>
|
<div class="h2">为了更高效地为您服务，您的咨询消息会优先分配给团队里相对空闲的医生</div>
|
<a href="" class="h3">查看《医生团队说明》</a>
|
<div class="h2">请选择您想咨询的疾病</div>
|
|
<div style="margin: 16px; box-sizing: border-box;">
|
<div class="mui-card">
|
<div class="z_menu_btn_row" style="height: 154px;line-height: normal;padding: 21px 0px;">
|
<div id="label_side"></div>
|
</div>
|
</div>
|
</div>
|
|
<div style="width: 100%;background: #FFFFFF;height: 96px;padding-top: 12px;position: absolute;bottom: 0;">
|
<div id="next_button" class="next_btn_txt"onclick="click_row(menurows[0])">下一步</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
mui.init({
|
swipeBack: true //启用右滑关闭功能
|
});
|
|
//1. data
|
var labelInfo = [
|
{id: "1", name: "心内科"},
|
{id: "2", name: "心外科"},
|
{id: "3", name: "心外科"},
|
{id: "4", name: "心外科"},
|
{id: "5", name: "心外科"}
|
];
|
|
var menurows = [
|
{id: "1", name: "选择疾病类型", path: "./consultDoctorTeam1",_id: 1048},
|
];
|
|
setRouteParams({userId: "1352141846545367042",params: {"doctorId": "1285860235186212865"}});
|
|
function initPage() {
|
var label_side_list = document.getElementById('label_side');
|
var label_side_list_data = "";
|
for(var i = 0; i < labelInfo.length; i++) {
|
var label_side_list1 =
|
|
'<div id="'+labelInfo[i].id+'" class="disease_label_txt" onclick="click_select(this)">'+labelInfo[i].name+'</div>'
|
|
// '<div id="'+labelInfo[i].id+'" class="left_area" style="margin: 0 5.5%;" onclick="click(click_select(this))">'+
|
// '<div class="disease_label_txt">'+labelInfo[i].name+'</div>'+
|
// '</div>'
|
|
label_side_list_data +=label_side_list1;
|
}
|
label_side_list.innerHTML = label_side_list_data;
|
}
|
|
function click_row(row) {
|
var pam = {
|
_id: row._id,
|
params: {
|
userId: login_data.id
|
}
|
};
|
|
app_click("route", pam, callback);
|
}
|
|
function click_select(e) {
|
if(e.getAttribute('class') == "disease_label_txt"){
|
document.getElementById(e.id).classList.replace("disease_label_txt","disease_label_sel");
|
}else {
|
document.getElementById(e.id).classList.replace("disease_label_sel","disease_label_txt");
|
}
|
for (var i = 0; i < labelInfo.length; i++) {
|
if(document.getElementById(labelInfo[i].id).className != "next_btn"){
|
var button = document.getElementById('next_button');
|
button.classList.replace('next_btn_txt','next_btn');
|
break;
|
}else {
|
button.classList.replace('next_btn','next_btn_txt');
|
}
|
}
|
}
|
|
function loadData() {
|
doLoadData();
|
hideloading("loading");
|
}
|
|
function doLoadData() {
|
// document.getElementById('msgTime').innerText = doctor.msgTime;
|
// document.getElementById('headPortrait').src = doctor.doctorAvatar;
|
//document.getElementById('department').innerText = doctor.mediDiseaseClassifyName01;
|
}
|
|
//3. run
|
mui.ready(function() {
|
onInitReady(function() {
|
// setRightBtn("rightBtn", {_id: 3000}, callback);
|
initPage();
|
loadData();
|
});
|
})
|
</script>
|
</body>
|
</html>
|
