cardPay.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  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="icon-arrow-left"></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 class="card">
  33. <li>
  34. <a class="alist" data={"patientId":"[%this.patientId%]","cardId":"[%this.cardId%]"} href="card.html">
  35. <span class="selected">卡余额</span>
  36. <span class="arrow icon-arrowright"></span>
  37. <div class="litpic_90 fl">
  38. <div class="card">
  39. <i class="icon-money"></i><br>
  40. [%this.money%]元
  41. </div>
  42. </div>
  43. <div class="info_90">
  44. <h4>[%this.hospitalName%]诊疗卡</h4>
  45. <h5>持卡人:[%this.trueName%]</h5>
  46. <h5>卡 号:[%this.cardId%]</h5>
  47. </div>
  48. <div class="clear"></div>
  49. </a>
  50. </li>
  51. </ul>
  52. </div>
  53. </div>
  54. <div id="list" class="lists">
  55. <div class="wrap">
  56. <div class="tips left">
  57. <i class="icon-comment"></i>
  58. 点击“未支付“项可在线支付,方便省时
  59. </div>
  60. <ul class="historyList">
  61. [% var msg = {A00:"已退费",A01:"已退费",A10:"已支付",A11:"未支付"};
  62. if(!this.payFlag=="0"){
  63. %]
  64. <li>
  65. <a class="alist"
  66. 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%]"}>
  67. <span class="selected">
  68. [%msg["A"+this.returnFlag+this.payFlag]%]
  69. </span>
  70. <span class="arrow icon-arrowright"></span>
  71. <div class="litpic_90 fl"><img src="[%this.doctorPhoto%]">
  72. </div>
  73. <div class="info_90">
  74. <h5>[%this.regDate%] [%this.startTime%]-[%this.endTime%]</h5>
  75. <h4>[%this.doctorName%] [%this.title%] <i class="icon-money"></i>[%this.treatfee/100+this.fee/100%]元
  76. </h4>
  77. <h5>[%this.deptName%]</h5>
  78. <h5>[%this.hospitalName%]</h5>
  79. </div>
  80. <div class="clear"></div>
  81. </a>
  82. </li>
  83. [%}%]
  84. </ul>
  85. </div>
  86. </div>
  87. </section>
  88. </article>
  89. <div id="popup_layer" class="popup_layer">
  90. <div class="popup_msk"></div>
  91. <div class="popup_layer_cont center-datetime">
  92. <div class="lists">
  93. <ul style="display: block">
  94. <li id="payFlag" class="line1">
  95. <div class="info_line1"><i class="icon-coin-yen"></i> 支付</div>
  96. </li>
  97. <li id="cancelFlag" class="line1">
  98. <div class="info_line1"><i class="icon-del"></i> 取消预约</div>
  99. </li>
  100. <li id="back" class="line1">
  101. <div class="info_line1"><i class="icon-arrowleft"></i> 返回</div>
  102. </li>
  103. </ul>
  104. </div>
  105. </div>
  106. </div>
  107. <div id="dialog" class="popup_layer">
  108. <div class="popup_msk"></div>
  109. <div class="popup_layer_cont dialog">
  110. <div class="loading_cont">
  111. </div>
  112. </div>
  113. </div>
  114. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  115. <script type="text/javascript" src="js/asset/base.min.js"></script>
  116. <script type="text/javascript" src="js/cardPay.min.js"></script>
  117. </body>
  118. </html>