<!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="./doctorHome.css" rel="stylesheet"> <style type="text/css"> #team_list::-webkit-scrollbar { display: none; } </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 id="absorption_row" style="display: none;"> <table style="width: 100%;text-align: center;"> <tr> <td> <img src="../../img/head.png" class="absorption_row_avatar" /> </td> <td> <div class="row_title_txt">视频</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">æ–‡ç« </div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">è¯éŸ³</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">é—®ç”</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">动æ€</div> <div class="row_count_txt">5555</div> </td> </tr> </table> </div> <div class="mui-scroll-wrapper" onscroll="scroll_show()"> <div class="mui-scroll"> <video id="video_play" width="100%" height="185" controls="controls" onclick="playPause()"> <source src="../../img/cf18a1812550e92afe47289eedf6c036.mp4" type="video/mp4"></source> <source src="myvideo.ogv" type="video/ogg"></source> <source src="myvideo.webm" type="video/webm"></source> </video> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card" style="border-radius: 16px;"> <div class="z_menu_btn_row" style="height: 78px;line-height: normal;border: 0;"> <div class="left_area"> <img src="../../img/head.png" class="head_portrait" /> </div> <div class="left_area" style="margin-top: 16px;margin-left: 7px;"> <div class="doctor_name_txt">陈维</div> <div class="doctor_message_txt"><span>主任医师</span> <span>心血管外科</span></div> <div class="hospital_name_txt">上海第å人民医院</div> </div> <div class="right_area"> <img src="../../img/head.png" onclick="click_row(menurows[1])" style="width: 40px;height: 40px;margin-top: 23px;" /> </div> </div> <div class="z_menu_btn_row" style="height: 30px;line-height: 30px;"> <div class="left_area"><span class="txt1">å·²æœåŠ¡<span id="txt1_font">345</span>åæ‚£è€…</span></div> <div class="right_area"><span class="txt2" onclick="click_row(menurows[0])">医院主页</span></div> </div> </div> </div> <div id="row_locate"> <table style="width: 100%;text-align: center;"> <tr> <td> <div class="row_title_txt">视频</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">æ–‡ç« </div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">è¯éŸ³</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">é—®ç”</div> <div class="row_count_txt">5555</div> </td> <td> <div class="row_title_txt">动æ€</div> <div class="row_count_txt">5555</div> </td> </tr> </table> </div> <div class="title_txt">医生所在团队</div> <div id="team_list" style="height: 166px;display: flex;overflow: auto;"> </div> <div class="title_txt">擅长和简介</div> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card" style="border-radius: 16px;"> <div class="z_menu_btn_row" style="height: 143px;line-height: normal;padding-top: 10px;"> <div class="sc_txt1">医生擅长:</div> <div class="sc_txt_side"> <span class="sc_txt" style="line-height: 17px;">坹呼叿¶ˆåŒ–内科常è§ç—…ã€å¤šå‘ç—…ã€ç–‘éš¾å±é‡ç—‡ã€å„ç§ä¸æ¯’ã€é£Žæ¹¿å…ç–«ç—…çš„è¯Šæ²»åŠæŠ¢æ•‘æœ‰è¾ƒæ·±é€ è¯£ã€‚åœ¨è‚ºé—´è´¨çº¤ç»´åŒ–ã€è‚ºæ¢—塞ã€è‚ºå›Šè‚¿ã€è‚ºç»“èŠ‚ç—…çš„è¯Šå¯¹å‘¼å¸æ¶ˆåŒ–内科常è§ç—…ã€å¤šå‘ç—…ã€ç–‘éš¾å±é‡ç—‡ã€å„ç§ä¸æ¯’ã€é£Žæ¹¿å…ç–«ç—…çš„è¯Šæ²»åŠæŠ¢æ•‘æœ‰è¾ƒæ·±é€ è¯£</span> </div> <div style="height: 14px;line-height: 14px;margin-top: 16px;"> <div class="right_area"> <span class="check_more_txt" onclick="click_check_more()">查看更多</span> </div> </div> </div> </div> </div> <div class="title_txt">出诊地点</div> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card" style="border-radius: 16px;"> <div class="z_menu_btn_row" style="height: 72px;line-height: normal;padding-top: 15px;text-align: center;"> <div class="card_hospital_name_txt"> 上海第å人民医院 </div> <div class="card_department_name_txt"> 心血管内科 </div> </div> <div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;"> <div class="card_stop_time_txt"> <span>2020.9.12</span>-<span>2021.10.09</span>åœè¯Š </div> </div> <div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <tr class="tr_txt"> <td> <div class="left_area"> æ¯å‘¨ä¸€ </div> <div class="right_area" style="margin-right: 16px;"> ä¸Šåˆ </div> </td> <td> <div class="left_area" style="margin-left: 16px;"> æ¯å‘¨ä¸€ </div> <div class="right_area"> ä¸Šåˆ </div> </td> </tr> </table> </div> <div class="z_menu_btn_row" onclick="click_row(menurows[2])" style="height: 78px;line-height: normal;text-align: center;padding-top: 16px;background: #21D197;"> <div class="card_appointment_txt"> é¢„çº¦æŒ‚å· </div> <div class="card_appointment_txt1"> <span>最早å¯é¢„约:<span>2020-10-28</span> 剩余åé¢:<span>31</span></span> </div> </div> </div> </div> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card" style="border-radius: 16px;"> <div class="z_menu_btn_row" style="height: 72px;line-height: normal;padding-top: 15px;text-align: center;"> <div class="card_hospital_name_txt"> 上海第å人民医院 </div> <div class="card_department_name_txt"> 心血管内科 </div> </div> <div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;"> <div class="card_stop_time_txt"> <span class="card_normal_txt">æ£å¸¸æŽ¥è¯Š</span> </div> </div> <div class="z_menu_btn_row" style="height: 49px;line-height: 49px;text-align: center;"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <tr class="tr_txt"> <td> <div class="left_area"> æ¯å‘¨ä¸€ </div> <div class="right_area" style="margin-right: 16px;"> ä¸Šåˆ </div> </td> <td> <div class="left_area" style="margin-left: 16px;"> æ¯å‘¨ä¸€ </div> <div class="right_area"> ä¸Šåˆ </div> </td> </tr> </table> </div> <div class="z_menu_btn_row" onclick="click_row(menurows[2])" style="height: 78px;line-height: normal;text-align: center;padding-top: 16px;background: #21D197;"> <div class="card_appointment_txt"> é¢„çº¦æŒ‚å· </div> <div class="card_appointment_txt1"> <span>最早å¯é¢„约:<span>2020-10-28</span> 剩余åé¢:<span>31</span></span> </div> </div> </div> </div> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;height: 60px;background: #FFFFFF;"> <tr> <td width="50%" style="border-right: 1px solid #9393AA;"> <span id="focus" class="bottom_btn_txt" onclick="click_focus()">关注</span> </td> <td width="50%"> <span class="bottom_btn_txt">申请咨询</span> </td> </tr> </table> </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 mui('.mui-scroll-wrapper').scroll({ indicators: true //æ˜¯å¦æ˜¾ç¤ºæ»šåŠ¨æ¡ // deceleration: 0.0005 //flick å‡é€Ÿç³»æ•°ï¼Œç³»æ•°è¶Šå¤§ï¼Œæ»šåŠ¨é€Ÿåº¦è¶Šæ…¢ï¼Œæ»šåŠ¨è·ç¦»è¶Šå°ï¼Œé»˜è®¤å€¼0.0006 }); var doctorTeamInfo = [ {id: "1", doctorTeamName: "陈维医生团队",sc: "å† å¿ƒç—…ã€å…ˆå¿ƒç—…ã€é«˜è¡€åŽ‹ã€éª¨æŠ˜",head: "../../img/head.png"}, {id: "2", doctorTeamName: "陈维医生团队",sc: "å† å¿ƒç—…ã€å…ˆå¿ƒç—…ã€é«˜è¡€åŽ‹ã€éª¨æŠ˜",head: "../../img/head.png"}, {id: "3", doctorTeamName: "陈维医生团队",sc: "å† å¿ƒç—…ã€å…ˆå¿ƒç—…ã€é«˜è¡€åŽ‹ã€éª¨æŠ˜",head: "../../img/head.png"}, {id: "4", doctorTeamName: "陈维医生团队",sc: "å† å¿ƒç—…ã€å…ˆå¿ƒç—…ã€é«˜è¡€åŽ‹ã€éª¨æŠ˜",head: "../../img/head.png"}, {id: "5", doctorTeamName: "陈维医生团队",sc: "å† å¿ƒç—…ã€å…ˆå¿ƒç—…ã€é«˜è¡€åŽ‹ã€éª¨æŠ˜",head: "../../img/head.png"}, ] var doctorTeamInfoOBJ = {}; var menurows = [ {id: "1", name: "医院主页", path: "../home/yyhome",_id: 1000}, {id: "2", name: "医生å片", path: "../chat/cardcase",_id: 1024}, {id: "3", name: "预约挂å·", path: "../my/yyghys",_id: 1009}, {id: "4", name: "共享的éšè®¿é‡è¡¨", path: "./sflb"}, ]; setRouteParams({userId: "1352141846545367042",params: {"doctorId": "1285860235186212865"}}); //2.function function initPage() { doctorTeamInfoOBJ = {}; doctorTeamInfo.map(e=>{ doctorTeamInfoOBJ[e.id] = e; }) var team_list = document.getElementById('team_list'); var team_data = ""; for (var i = 0; i < doctorTeamInfo.length; i++) { var team_data1 = '<div style="margin: 16px; box-sizing: border-box;float: left;">'+ '<div class="mui-card" style="border-radius: 16px;">'+ '<div class="z_menu_btn_row" onclick="click_row1('+"'" + doctorTeamInfo[i].id + "'"+')" style="height: 75px;line-height: 75px;width: 206px;border: 0;">'+ '<div class="left_area" style="line-height: normal;">'+ '<img src="'+doctorTeamInfo[i].head+'" class="head_portrait" />'+ '</div>'+ '<div class="left_area">'+ '<span class="team_name_txt">'+doctorTeamInfo[i].doctorTeamName+'</span>'+ '</div>'+ '</div>'+ '<div class="z_menu_btn_row" style="height: 59px;line-height: normal;width: 206px;padding-top: 10px;">'+ '<span class="sc_txt">æ“…é•¿:<span>'+doctorTeamInfo[i].sc+'</span></span>'+ '</div>'+ '</div>'+ '</div>' team_data += team_data1 } team_list.innerHTML = team_data; } function scroll_show(){ var domObj = document.getElementById('row_locate'); var aa=domObj.getBoundingClientRect().top; // document.getElementsByClassName('sffy_dropdown')[0].style.top=aa+55+"px"; if(aa <= 0){ document.getElementById('absorption_row').style.display = "block"; //document.getElementsByClassName('mui-scroll-wrapper')[0].style.top = "30px"; }else { document.getElementById('absorption_row').style.display = "none"; document.getElementsByClassName('mui-scroll-wrapper')[0].style.top = "0px"; } } function click_check_more(){ document.getElementsByClassName('check_more_txt')[0].style.display = 'none'; document.getElementsByClassName('sc_txt_side')[0].style.height = '100%'; document.getElementsByClassName('sc_txt_side')[0].style.display = "block" } function click_focus(){ if(document.getElementById('focus').innerText == "关注"){ document.getElementById('focus').innerText = "已关注"; }else { document.getElementById('focus').innerText = "关注"; } } function click_row1(idStr) { var row = doctorTeamInfoOBJ[idStr]; var pam = { _id: 1012, params:{ userId: login_data.userId } }; app_click("route", pam, callback); } function click_row(row) { var pam = { _id: row._id, params:{ userId: login_data.userId } }; app_click("route", pam, callback); } function playPause(){ if (video_play.paused) { video_play.play(); }else { video_play.pause(); } } 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>