<!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="./zxjz.css" rel="stylesheet"> <style type="text/css"> input::-webkit-input-placeholder { color: #9393AA; -webkit-text-fill-color: #9393AA; } input { color: #363F4D; -webkit-text-fill-color: #363F4D; } .mui-dtpicker, .mui-poppicker { background-color: #FFFFFF; border-radius: 24px 24px 0 0; } .mui-dtpicker-header { height: 54px; border-bottom: 1px solid #F6F6F6; } .mui-dtpicker-header #btn-cancel { margin-left: 156px !important; } .mui-dtpicker-header button { font-size: 17px; padding: 11px 10px; } .mui-btn-blue, .mui-btn-primary, input[type=submit] { background-color: #FFFFFF; border: 0; color: #21D197; } .mui-btn { border: 0; } .mui-dtpicker-title h5 { background-color: #FFFFFF; border: 0; margin-top: 30px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #838B98; -webkit-text-fill-color: #838B98; } .mui-picker { background-color: #FFFFFF; } .mui-pciker-rule-ft { width: 104px; margin-left: 40px; } .mui-dtpicker-body { height: 150px; } </style> </head> <body> <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 style="margin: 16px; box-sizing: border-box;"> <div class="bt_txt">设置您的æœåС形å¼(å¯å¤šé€‰):</div> <div class="z_btn_row"> <button id="twjz_btn" class="z_sel_btn_off" style="margin-right: 19px;" onclick="click_twjz_btn(this)">图文接诊</button> <button id="dhjz_btn" class="z_sel_btn_off"onclick="click_dhjz_btn(this)">ç”µè¯æŽ¥è¯Š</button> </div> <div class="z_btn_row"> <button id="spjz_btn" class="z_sel_btn_off"onclick="click_spjz_btn(this)">视频接诊</button> </div> <div class="bt_txt">设置您的æœåŠ¡ä»·æ ¼:</div> <div style="min-height: 299px;"> <div id="Teletext" class="mui-card" style="display: none;"> <div class="z_menu_btn_row" style="height: 55px; line-height: 55px;" > <span class="bt_txt1">图文接诊:</span> <input id="tw_input" type="text" placeholder="建议收费99å…ƒ" class="bt_txt1_r" style="width: 120px;height: 30px;margin-left: 10px;padding: 0 11px 4px;border-radius: 7px;border: 1px solid #E0E0E0;outline: none;margin-bottom: 0;"/> <button class="cytj_btn" onclick="click_recommend('tw')">采用推è</button> </div> </div> <div id="phone" class="mui-card" style="display: none;"> <div class="z_menu_btn_row" style="height: 55px; line-height: 55px;" > <span class="bt_txt1">ç”µè¯æŽ¥è¯Š:</span> <input id="dh_input" type="text" placeholder="建议收费99å…ƒ" class="bt_txt1_r" style="width: 120px;height: 30px;margin-left: 10px;padding: 0 11px 4px;border-radius: 7px;border: 1px solid #E0E0E0;outline: none;margin-bottom: 0;"/> <button class="cytj_btn" onclick="click_recommend('dh')">采用推è</button> </div> <div class="z_menu_btn_row" style="height: 69px;line-height: 0;margin-bottom: 16px;"> <span class="bt_txt2">设置您å¯é¢„约通è¯çš„æ—¶é—´æ®µ:</span> <div id="dateSelect1" class="sel_date_txt" style="margin-right: 20px;margin-top: 5px;"> <div id="result1" style="float: left;line-height: 40px;">--:--</div> <div class="z_menu_btn_icon" style="margin-right: 12px;line-height: 44px;"> <img src="../../img/ic_time.png" /> </div> </div> <div id="dateSelect2" class="sel_date_txt" style="margin-top: 5px;"> <div id="result2" style="float: left;line-height: 40px;">--:--</div> <div class="z_menu_btn_icon" style="margin-right: 12px;line-height: 44px;"> <img src="../../img/ic_time.png" /> </div> </div> <div class="z_menu_btn_icon_add" > <img src="../../img/ic_add_more备份.png" class="icon_btn_add" onclick="click_add_modules()" style="margin: 16px 0;" /> </div> </div> </div> <div id="video" class="mui-card" style="display: none;"> <div class="z_menu_btn_row" style="height: 55px; line-height: 55px;" > <span class="bt_txt1">视频接诊:</span> <input id="sp_input" type="text" placeholder="建议收费99å…ƒ" class="bt_txt1_r" style="width: 120px;height: 30px;margin-left: 10px;padding: 0 11px 4px;border-radius: 7px;border: 1px solid #E0E0E0;outline: none;margin-bottom: 0;"/> <button class="cytj_btn" onclick="click_recommend('sp')">采用推è</button> </div> <div class="z_menu_btn_row" style="height: 69px;line-height: 0;margin-bottom: 16px;"> <span class="bt_txt2">设置您å¯é¢„约视频通è¯çš„æ—¶é—´æ®µ:</span> <div id="dateSelect" class="sel_date_txt" style="margin-right: 20px;margin-top: 5px;"> <div id="result" style="float: left;line-height: 40px;">--:--</div> <div class="z_menu_btn_icon" style="margin-right: 12px;line-height: 44px;"> <img src="../../img/ic_time.png" /> </div> </div> <div id="dateSelect" class="sel_date_txt" style="margin-top: 5px;"> <div id="result" style="float: left;line-height: 40px;">--:--</div> <div class="z_menu_btn_icon" style="margin-right: 12px;line-height: 44px;"> <img src="../../img/ic_time.png" /> </div> </div> <div class="z_menu_btn_icon"> <img src="../../img/ic_add_more备份.png" class="icon_btn_add" onclick="click_add_modules2()" style="margin: 16px 0;" /> </div> </div> </div> </div> <div style="width: 100%;"> <button class="save_button" onclick="">完æˆ</button> </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 personInfo = { }; var menurows = [ {id: "1", name: "系统详细信æ¯", path: "./xtxxdetail",_id: 1012}, {id: "2", name: "ç§°å·è¯´æ˜Ž", path: "./chsm"}, {id: "3", name: "二维ç å片", path: "./mydt/mydt"}, {id: "4", name: "修改个人信æ¯", path: "./xggrxx"}, {id: "5", name: "简介", path: "./jj"}, {id: "6", name: "æ“…é•¿", path: "./sc"}, {id: "7", name: "手机å·", path: "./sjh"}, ]; setRouteParams({userId: "1285860235186212865",params: {"doctorId": "1285860235186212865","isFriend":true}}); function initPage() { mui('body').on('tap', '.sel_date_txt', function(event) { event.cancelBubble = true;//阻æ¢å½“å‰äº‹ä»¶çš„冒泡 var a = this; var dtpicker = new mui.DtPicker({ type: "time",//设置日历åˆå§‹è§†å›¾æ¨¡å¼ value: "00-00" }) dtpicker.show(function(rs) { a.children[0].innerText = rs.text; }) ; }); // document.getElementById("dateSelect1").addEventListener('tap', function() { // }); // document.getElementById("dateSelect2").addEventListener('tap', function() { // var dtpicker = new mui.DtPicker({ // type: "time",//设置日历åˆå§‹è§†å›¾æ¨¡å¼ // value: "00-00" // }) // dtpicker.show(function(rs) { // result2.innerText = rs.text; // }) ; // }); } function loadData() { ajaxGet('doctor/api/query/' + login_data.params.doctorId, function(result) { if (result) { console.info(result); personInfo = result.data } doLoadData(); hideloading("loading"); }); } function getPushData(){//需è¦ä¼ å‚å°±ç”¨æ¤æ–¹æ³• var pam = { _id: 3000, params: { userId: login_data.id, } }; rightBtnPush("route", pam, callback); } function click_row(idStr) { var row = infoOBJ[idStr]; var pam = { _id: "1012", params:{ userId: login_data.userId } }; app_click("route", pam, callback); } function click_recommend(e){ if(e == "tw"){ document.getElementById('tw_input').value = "99"; }else if(e == "dh"){ document.getElementById('dh_input').value = "99"; }else if(e == "sp"){ document.getElementById('sp_input').value = "99"; } } function click_add_modules() { var modules = document.getElementById('phone'); var element = document.createElement('div'); element.className = "z_menu_btn_row"; element.style.height = "40px"; element.style.lineHeight = "40px"; element.style.margin = "16px 0"; var div1 = document.createElement('div'); div1.id = "dateSelect"; div1.className = "sel_date_txt"; div1.style.marginRight = "20px"; var div1_1 = document.createElement('div'); div1_1.id = "result"; div1_1.style.float = "left"; div1_1.style.lineHeight = "40px"; div1_1.innerText = "--:--" div1.appendChild(div1_1); var div1_2 = document.createElement('div'); div1_2.className = "z_menu_btn_icon"; div1_2.style.marginRight = "12px"; div1_2.style.lineHeight = "44px"; var div1_2_img = document.createElement('img'); div1_2_img.src = "../../img/ic_time.png"; div1_2.appendChild(div1_2_img); div1.appendChild(div1_2); var div2 = document.createElement('div'); div2.id = "dateSelect"; div2.className = "sel_date_txt"; var div2_1 = document.createElement('div'); div2_1.id = "result"; div2_1.style.float = "left"; div2_1.style.lineHeight = "40px"; div2_1.innerText = "--:--" div2.appendChild(div2_1); var div2_2 = document.createElement('div'); div2_2.className = "z_menu_btn_icon"; div2_2.style.marginRight = "12px"; div2_2.style.lineHeight = "44px"; var div2_2_img = document.createElement('img'); div2_2_img.src = "../../img/ic_time.png"; div2_2.appendChild(div2_2_img); div2.appendChild(div2_2); var div3 = document.createElement('div'); div3.className = "z_menu_btn_icon_add"; var div3_img = document.createElement('img'); div3_img.src = "../../img/ic_add_more备份.png"; div3_img.className = "icon_btn_add"; div3_img.style.marginLeft = "15px"; div3.appendChild(div3_img); div3_img.addEventListener('tap',function(){ click_add_modules(); }); var div4 = document.createElement('div'); div4.className = "z_menu_btn_icon_less"; var div4_img = document.createElement('img'); div4_img.src = "../../img/_åˆ %20%20除.png"; div4_img.className = "icon_btn_less"; div4_img.addEventListener('tap',function(){ let module_element = event.target.closest('.z_menu_btn_row'); module_element.remove(); }); div4.appendChild(div4_img); element.appendChild(div1); element.appendChild(div2); element.appendChild(div3); element.appendChild(div4); modules.appendChild(element); } function click_add_modules2() { var modules = document.getElementById('video'); var element = document.createElement('div'); element.className = "z_menu_btn_row"; element.style.height = "40px"; element.style.lineHeight = "40px"; element.style.margin = "16px 0"; var div1 = document.createElement('div'); div1.id = "dateSelect"; div1.className = "sel_date_txt"; div1.style.marginRight = "20px"; var div1_1 = document.createElement('div'); div1_1.id = "result"; div1_1.style.float = "left"; div1_1.style.lineHeight = "40px"; div1_1.innerText = "--:--" div1.appendChild(div1_1); var div1_2 = document.createElement('div'); div1_2.className = "z_menu_btn_icon"; div1_2.style.marginRight = "12px"; div1_2.style.lineHeight = "44px"; var div1_2_img = document.createElement('img'); div1_2_img.src = "../../img/ic_time.png"; div1_2.appendChild(div1_2_img); div1.appendChild(div1_2); var div2 = document.createElement('div'); div2.id = "dateSelect"; div2.className = "sel_date_txt"; var div2_1 = document.createElement('div'); div2_1.id = "result"; div2_1.style.float = "left"; div2_1.style.lineHeight = "40px"; div2_1.innerText = "--:--" div2.appendChild(div2_1); var div2_2 = document.createElement('div'); div2_2.className = "z_menu_btn_icon"; div2_2.style.marginRight = "12px"; div2_2.style.lineHeight = "44px"; var div2_2_img = document.createElement('img'); div2_2_img.src = "../../img/ic_time.png"; div2_2.appendChild(div2_2_img); div2.appendChild(div2_2); var div3 = document.createElement('div'); div3.className = "z_menu_btn_icon_add"; var div3_img = document.createElement('img'); div3_img.src = "../../img/ic_add_more备份.png"; div3_img.className = "icon_btn_add"; div3_img.style.marginLeft = "15px"; div3.appendChild(div3_img); div3_img.addEventListener('tap',function(){ click_add_modules2(); }); var div4 = document.createElement('div'); div4.className = "z_menu_btn_icon_less"; var div4_img = document.createElement('img'); div4_img.src = "../../img/_åˆ %20%20除.png"; div4_img.className = "icon_btn_less"; div4_img.addEventListener('tap',function(){ let module_element = event.target.closest('.z_menu_btn_row'); module_element.remove(); }); div4.appendChild(div4_img); element.appendChild(div1); element.appendChild(div2); element.appendChild(div3); element.appendChild(div4); modules.appendChild(element); } function click_twjz_btn(e) { if (e.getAttribute('class') == "z_sel_btn_off") { document.getElementById("twjz_btn").classList.replace("z_sel_btn_off","z_sel_btn_on"); document.getElementById("Teletext").style.display = "block"; } else if (e.getAttribute('class') == "z_sel_btn_on"){ document.getElementById("twjz_btn").classList.replace("z_sel_btn_on","z_sel_btn_off"); document.getElementById("Teletext").style.display = "none"; } } function click_dhjz_btn(e) { if (e.getAttribute('class') == "z_sel_btn_off") { document.getElementById("dhjz_btn").classList.replace("z_sel_btn_off","z_sel_btn_on"); document.getElementById("phone").style.display = "block"; } else if (e.getAttribute('class') == "z_sel_btn_on"){ document.getElementById("dhjz_btn").classList.replace("z_sel_btn_on","z_sel_btn_off"); document.getElementById("phone").style.display = "none"; } } function click_spjz_btn(e) { if (e.getAttribute('class') == "z_sel_btn_off") { document.getElementById("spjz_btn").classList.replace("z_sel_btn_off","z_sel_btn_on"); document.getElementById("video").style.display = "block"; } else if (e.getAttribute('class') == "z_sel_btn_on"){ document.getElementById("spjz_btn").classList.replace("z_sel_btn_on","z_sel_btn_off"); document.getElementById("video").style.display = "none"; } } //å±•ç¤ºæ•°æ® function doLoadData(){ // document.getElementById('doctorAvatar').src = personInfo.doctorAvatar; } //run mui.ready(function() { onInitReady(function() { // setRightBtn("rightBtn", {_id: 3000}, callback);//用æ¥åˆ¤æ–titleå³ä¸Šæ˜¯å¦æœ‰å›¾æ ‡ initPage(); loadData(); }); }); </script> </body> </html>