<!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="./ddqr.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: 177px;"> <div class="z_head"> <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 class="z_body"> <div class="z_body_l"> <div class="z_czxx"> <span>出诊信æ¯</span> </div> <div style="margin-bottom: 10px;height: 21px;"> <div class="z_czyy"> <span id="cz_hospital"></span> </div> <div class="z_czks"> <span id="cz_department"></span> </div> </div> <div style="height: 14px;"> <div class="z_yyjb"> <span id="cz_yyjb"></span> </div> <div class="z_sfyb"> <span id="cz_sfyb"></span> </div> </div> </div> <div class="z_body_r"> <span onclick="click_row(menurows[0])">医院主页</span> </div> </div> </div> </div> <div style="margin: 16px; box-sizing: border-box;"> <div class="mui-card" style="padding: 0px 16px;"> <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_yysj"></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_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_zf" onclick="click_row(menurows[1])"> <span>去支付</span> </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 cz_hospital = "夿—¦å¤§å¦é™„属åŽå±±åŒ»é™¢"; // var cz_department = "心内科"; // var cz_yyjb = "三级甲ç‰"; // var cz_sfyb = "医ä¿"; // var hz_name = "å¼ ç¿ å±±"; // var dd_lx = "医生咨询æœåŠ¡(å¹´)"; // var dd_yysj = "2020-01-03下åˆ"; // var dd_bh = "202010121010231031"; // var dd_zj = "Â¥677"; // var dd_yhq = "æš‚æ— å¯ç”¨"; // var dd_xzf = "Â¥677"; var menurows = [{ id: "1", name: "医院主页", path: "../home/yyhome", _id: 1000 },{ id: "2", name: "ç«‹å³æ”¯ä»˜", path: "./payment", _id: 1054 } ]; var doctor = {}; 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('cz_hospital').innerText = cz_hospital; document.getElementById('cz_department').innerText = cz_department; document.getElementById('cz_yyjb').innerText = cz_yyjb; document.getElementById('cz_sfyb').innerText = cz_sfyb; document.getElementById('hz_name').innerText = hz_name; document.getElementById('dd_lx').innerText = dd_lx; document.getElementById('dd_yysj').innerText = dd_yysj; document.getElementById('dd_bh').innerText = dd_bh; document.getElementById('dd_zj').innerText = dd_zj; document.getElementById('dd_yhq').innerText = dd_yhq; document.getElementById('dd_xzf').innerText = dd_xzf; } function click_row(row) { var pam = { _id: row._id, params: { userId: login_data.id } }; app_click("route", pam, callback); } function click_add_label() { var label = document.getElementById('label_list'); var element = document.createElement('div'); element.className = "ddxq_tip1"; var span_element = document.createElement('span'); span_element.className = "ddxq_tip_detail"; span_element.innerText = "æœ‰å¸æ¯’"; element.appendChild(span_element); label.appendChild(element); } function initPage() { } function loadData() { ajaxGet('doctor/api/query/' + login_data.params.doctorId, function(result) { if (result) { console.info(result); doctor = result.data } doLoadData(); hideloading("loading"); }); ajaxPost('client/api/patient/getById', { id: login_data.userId }, function(result) { if (result) { console.info(result); client = 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 = client.patientName; document.getElementById('dd_lx').innerText = dd_lx; document.getElementById('dd_bh').innerText = dd_bh; 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>