<!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="./ddxq.css" rel="stylesheet"> <style type="text/css"> </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 16px 0px 16px; box-sizing: border-box;"> <div class="mui-card" style="height: 89px;"> <div class="z_img_head1"> <img id="headPortrait" /> </div> <div style="float:left;margin-left: 7px;"> <div class='ys_info_name'> <span id="ys_name"></span> </div> <div class='ys_info'> <span id="academictitle"></span> </div> <div class='ys_info'> <span id="hospital"></span> <span id="department"></span> </div> </div> </div> </div> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card"> <div class="z_menu_group"> <div class="ddxq_top"> <div class="ddxq_title"> <span>患者:</span> </div> <div class="ddxq_content"> <span id="hz_name"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>订å•类型:</span> </div> <div class="ddxq_content"> <span id="dd_lx"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>订å•ç¼–å·:</span> </div> <div class="ddxq_content"> <span id="dd_bh"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>订å•状æ€:</span> </div> <div class="ddxq_content"> <span id="dd_zt"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>创建时间:</span> </div> <div class="ddxq_content"> <span id="dd_sj"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>总价:</span> </div> <div class="ddxq_content"> <span id="dd_zj"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>ä¼˜æƒ åˆ¸:</span> </div> <div class="ddxq_content"> <span id="dd_yhq"></span> </div> </div> <div class="ddxq_bottom"> <div class="ddxq_title"> <span>需支付:</span> </div> <div class="ddxq_content"> <span id="dd_xzf"></span> </div> </div> </div> </div> </div> <div class="z_cz"> <div class="z_qx" onclick="click_row(menurows[0])"> <span>å–æ¶ˆè®¢å•</span> </div> <div class="z_zf" onclick="click_row(menurows[1])"> <div style="margin-top:8px;"> <span>ç«‹å³æ”¯ä»˜</span></br> <span style="color: #FAE44C;">(<span id="countdown">23:59:59</span>)</span> </div> </div> </div> </div> </div> <script type="text/javascript"> mui.init({ swipeBack: true //å¯ç”¨å³æ»‘å…³é—功能 }); //1. data var headPortrait = "../../img/head1.jpg"; var ys_name = "陈维"; var academictitle = "主任医师"; var hospital = "上海第å人民医院"; var department = "心内科"; var hz_name = "å¼ ç¿ å±±"; var dd_lx = "医生咨询æœåŠ¡(å¹´)"; var dd_bh = "202010121010231031"; var dd_zt = "待支付"; var dd_sj = "2020-10-12 12:12:34"; var dd_zj = "Â¥677"; var dd_yhq = "æš‚æ— å¯ç”¨"; var dd_xzf = "Â¥677"; var menurows = [ {id: "1", name: "å–æ¶ˆ", path:"",_id:""}, {id: "2", name: "ç«‹å³æ”¯ä»˜", path:"",_id:""} ]; setRouteParams({userId: "1352141846545367042",params: {"doctorId": "1285860235186212865"}}); //2.function function initPage() { document.getElementById('headPortrait').src = headPortrait; document.getElementById('ys_name').innerText = ys_name; document.getElementById('academictitle').innerText = academictitle; document.getElementById('hospital').innerText = hospital; document.getElementById('department').innerText = department; document.getElementById('hz_name').innerText = hz_name; document.getElementById('dd_lx').innerText = dd_lx; document.getElementById('dd_bh').innerText = dd_bh; document.getElementById('dd_zt').innerText = dd_zt; document.getElementById('dd_sj').innerText = dd_sj; document.getElementById('dd_zj').innerText = dd_zj; document.getElementById('dd_yhq').innerText = dd_yhq; document.getElementById('dd_xzf').innerText = dd_xzf; var myDate = new Date(); // console.info(myDate.toLocaleTimeString()); console.info(myDate.getTime()); var currentTime = myDate.getTime(); var endTime = myDate.getTime()+86400000; console.info(endTime); var flagTime = 86400000/1000; var stopwatch = self.setInterval(function(){ flagTime-- ; document.getElementById('countdown').innerText = formatSeconds(flagTime); },1000) } function click_row(row) { var pam = { _id: row._id, params: { userId: login_data.id } }; app_click("route", pam, callback); } //value ç§’ function formatSeconds(value) { var theTime = parseInt(value);// ç§’ var middle= 0;// 分 var hour= 0;// å°æ—¶ if(theTime > 60) { middle= parseInt(theTime/60); theTime = parseInt(theTime%60); if(middle> 60) { hour= parseInt(middle/60); middle= parseInt(middle%60); } } var result = ""+parseInt(theTime)+""; if(middle > 0) { result = ""+parseInt(middle)+":"+result; } if(hour> 0) { result = ""+parseInt(hour)+":"+result; } return result; } 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(){ document.getElementById('headPortrait').src = doctor.doctorAvatar; document.getElementById('ys_name').innerText = doctor.doctorName; document.getElementById('academictitle').innerText = doctor.doctorProfessional; document.getElementById('hospital').innerText = doctor.medoHospitalName; document.getElementById('department').innerText = doctor.mediDiseaseClassifyName01; document.getElementById('hz_name').innerText = hz_name; document.getElementById('dd_lx').innerText = dd_lx; document.getElementById('dd_bh').innerText = dd_bh; document.getElementById('dd_zt').innerText = dd_zt; document.getElementById('dd_sj').innerText = dd_sj; document.getElementById('dd_zj').innerText = dd_zj; document.getElementById('dd_yhq').innerText = dd_yhq; document.getElementById('dd_xzf').innerText = dd_xzf; } //3. run mui.ready(function() { onInitReady(function() { // setRightBtn("rightBtn", {_id: 3000}, callback); initPage(); loadData(); }); }) </script> </body> </html>