cardBind.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>南方医务通</title>
  6. <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
  7. <link type="text/css" rel="stylesheet" href="css/comm.min.css">
  8. <link type="text/css" rel="stylesheet" href="css/pages.min.css">
  9. <link type="text/css" rel="stylesheet" href="css/popup.min.css">
  10. <meta name="viewport"
  11. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  12. <meta name="format-detection" content="telephone=no">
  13. <meta name="apple-mobile-web-app-capable" content="yes">
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  15. <meta http-equiv="pragma" content="no-cache">
  16. </head>
  17. <body>
  18. <header id="header" class="head">
  19. <div class="wrap">
  20. <i class="menu_back icon-arrowleft"></i>
  21. <div class="title">
  22. <span class="title_d"><p>诊疗卡钱包</p></span>
  23. <div class="clear"></div>
  24. </div>
  25. <i class="menu_home icon-home"></i>
  26. </div>
  27. </header>
  28. <article id="container" class="containerNoBottom">
  29. <section id="content" class="content">
  30. <div class="lists">
  31. <div class="wrap">
  32. <ul style="display: block">
  33. <li class="line1">
  34. <div class="title">持卡人</div>
  35. <div class="word table">
  36. <select id="familyList" style="display: none;">
  37. <option value="[%this.id%]">[%this.trueName%]</option>
  38. </select>
  39. </div>
  40. </li>
  41. </ul>
  42. </div>
  43. </div>
  44. <div class="lists">
  45. <div class="wrap">
  46. <ul style="display: block">
  47. <li class="line1">
  48. <div class="title">办卡医院</div>
  49. <div class="word table">
  50. <select id="hospital" style="display: none">
  51. <option value="[%this.hospitalId%]">[%this.hospitalName%]</option>
  52. </select>
  53. </div>
  54. </li>
  55. </ul>
  56. </div>
  57. </div>
  58. <div id="idNoBlock" class="lists">
  59. <div class="wrap">
  60. <ul>
  61. <li class="line1">
  62. <div class="title">身份证号码</div>
  63. <div class="word table">
  64. <input id="idNo" type="text" placeholder="请输入二代身份证号码">
  65. </div>
  66. </li>
  67. <li class="line1">
  68. <div class="padl14">
  69. <a id="bindCard" class="btn btn-ok btn-large">绑定诊疗卡</a>
  70. </div>
  71. </li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div id="list" class="lists">
  76. <div class="wrap">
  77. <ul class="card">
  78. <li>
  79. <a class="alist" data={"cardId":"[%this.cardId%]"}>
  80. <span class="selected">卡余额</span>
  81. <span class="arrow icon-arrowright"></span>
  82. <div class="litpic_90 fl">
  83. <div class="card">
  84. <i class="icon-money"></i><br>
  85. [%this.money%]元
  86. </div>
  87. </div>
  88. <div class="info_90">
  89. <h4>[%this.hospitalName%]诊疗卡</h4>
  90. <h5>持卡人:[%this.trueName%]</h5>
  91. <h5>卡 号:[%this.cardId%]</h5>
  92. </div>
  93. <div class="clear"></div>
  94. </a>
  95. </li>
  96. </ul>
  97. <ul class="historyList">
  98. [% var msg = {A00:"已退费",A01:"已退费",A10:"已支付",A11:"未支付"};
  99. if(this.cancelFlag=="1" || this.payFlag=="0"){
  100. %]
  101. <li>
  102. <a class="alist"
  103. data={"customerFamilyId":"[%this.customerFamilyId%]","payCardNum":"[%this.payCardNum%]","hospitalId":"[%this.hospitalId%]","orderId":"[%this.orderId%]","payAmout":"[%this.treatfee/1+this.fee/1%]","payMode":"1","payFlag":"[%this.payFlag%]","returnFlag":"[%this.returnFlag%]"}>
  104. <span class="selected">
  105. [%msg["A"+this.returnFlag+this.payFlag]%]
  106. </span>
  107. <span class="arrow icon-arrowright"></span>
  108. <div class="litpic_90 fl"><img src="[%this.doctorPhoto%]">
  109. </div>
  110. <div class="info_90">
  111. <h5>[%this.regDate%] [%this.startTime%]-[%this.endTime%]</h5>
  112. <h4>[%this.doctorName%] [%this.title%]</h4>
  113. <h5>[%this.deptName%]</h5>
  114. <h5>[%this.hospitalName%]</h5>
  115. </div>
  116. <div class="clear"></div>
  117. </a>
  118. </li>
  119. [%}%]
  120. </ul>
  121. </div>
  122. </div>
  123. </section>
  124. </article>
  125. <div id="popup_layer" class="popup_layer">
  126. <div class="popup_msk"></div>
  127. <div class="popup_layer_cont center-datetime">
  128. <div class="lists">
  129. <ul style="display: block">
  130. <li id="payFlag" class="line1">
  131. <div class="info_line1"><i class="icon-money"></i> 支付</div>
  132. </li>
  133. <li id="cancelFlag" class="line1">
  134. <div class="info_line1"><i class="icon-del"></i> 取消预约</div>
  135. </li>
  136. <li id="back" class="line1">
  137. <div class="info_line1"><i class="icon-arrowleft"></i> 返回</div>
  138. </li>
  139. </ul>
  140. </div>
  141. </div>
  142. </div>
  143. <div id="dialog" class="popup_layer">
  144. <div class="popup_msk"></div>
  145. <div class="popup_layer_cont dialog">
  146. <div class="loading_cont">
  147. </div>
  148. </div>
  149. </div>
  150. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  151. <script type="text/javascript" src="js/asset/base.min.js"></script>
  152. <script type="text/javascript" src="js/cardBind.min.js"></script>
  153. </body>
  154. </html>
  155. </html>