You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

198 lines
6.0 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  5. <meta charset="UTF-8">
  6. <title>在线支付</title>
  7. <link rel="stylesheet" href="http://xmwx.zhizhuchuxing.cn/css/reset.css" />
  8. <link rel="stylesheet" href="http://xmwx.zhizhuchuxing.cn/css/onlinePay.css" />
  9. <script type="text/javascript" src="http://xmwx.zhizhuchuxing.cn/js/onlinePay.js"></script><>
  10. <script type="text/javascript">
  11. //调用微信JS api 支付
  12. function jsApiCall()
  13. {
  14. WeixinJSBridge.invoke(
  15. 'getBrandWCPayRequest',
  16. <?php echo $jsApiParameters; ?>,
  17. function(res){
  18. WeixinJSBridge.log(res.err_msg);
  19. if(res.err_msg =='get_brand_wcpay_request:ok'){
  20. alert('支付成功');
  21. }else if(res.err_msg =='get_brand_wcpay_request:cancle'){
  22. alert('取消支付');
  23. }else{
  24. alert('支付失败');
  25. }
  26. }
  27. );
  28. }
  29. function callpay()
  30. {
  31. if (typeof WeixinJSBridge == "undefined"){
  32. if( document.addEventListener ){
  33. document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
  34. }else if (document.attachEvent){
  35. document.attachEvent('WeixinJSBridgeReady', jsApiCall);
  36. document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
  37. }
  38. }else{
  39. jsApiCall();
  40. }
  41. }
  42. </script>
  43. <script type="text/javascript">
  44. //获取共享地址
  45. /*function editAddress()
  46. {
  47. WeixinJSBridge.invoke(
  48. 'editAddress',
  49. <?php echo $editAddress; ?>,
  50. function(res){
  51. var value1 = res.proviceFirstStageName;
  52. var value2 = res.addressCitySecondStageName;
  53. var value3 = res.addressCountiesThirdStageName;
  54. var value4 = res.addressDetailInfo;
  55. var tel = res.telNumber;
  56. alert(value1 + value2 + value3 + value4 + ":" + tel);
  57. }
  58. );
  59. }
  60. window.onload = function(){
  61. if (typeof WeixinJSBridge == "undefined"){
  62. if( document.addEventListener ){
  63. document.addEventListener('WeixinJSBridgeReady', editAddress, false);
  64. }else if (document.attachEvent){
  65. document.attachEvent('WeixinJSBridgeReady', editAddress);
  66. document.attachEvent('onWeixinJSBridgeReady', editAddress);
  67. }
  68. }else{
  69. editAddress();
  70. }
  71. };
  72. */
  73. </script>
  74. </head>
  75. <body onload="init_page()">
  76. <div class="container">
  77. <header class="header">
  78. <!--单元格开始-->
  79. <div id="wrapper" class="wrapper">
  80. <!--<div class="hotcell zh">-->
  81. <!--<div class="hotleft z">-->
  82. <!--<div class="lefttop dash">-->
  83. <!--<span class="start-address z">上海</span>-->
  84. <!--<span class="start-time y">2016年4月15日 07:30 出发</span>-->
  85. <!--</div>-->
  86. <!--<div class="leftcenter cl">-->
  87. <!--<span class="end-address z">舟山</span>-->
  88. <!--<span class="alltrains y">2016年4月16日 17:30 返回</span>-->
  89. <!--</div>-->
  90. <!--leftcenter end-->
  91. <!--</div>-->
  92. <!--//hotleft end-->
  93. <!--<div class="hot_go_back y"></div>-->
  94. <!--</div>-->
  95. <!--hotcell end-->
  96. <!--<div class="tickettype zh">-->
  97. <!--<p class="z">法防低挑剔哦哦内存<span class="green-remark">2日</span></p>-->
  98. <!--</div>-->
  99. <!--<div class="ticket-type-image zh">-->
  100. <!--<img class="ticket-img z" src="../img/car.png" />-->
  101. <!--<img class="ticket-img z" src="../img/hotel.png" />-->
  102. <!--<img class="ticket-img z" src="../img/sightspot.png" />-->
  103. <!--</div>-->
  104. </div>
  105. <!--单元格结束-->
  106. </header>
  107. <!--支付前-->
  108. <!-- center 开始 -->
  109. <div id="center" class="center">
  110. <!-- 支付方式开始wx -->
  111. <div class="payway" onclick="click_payway('wxpay')">
  112. <div class="payway-center zh">
  113. <div class="payway-left z">
  114. <div class="pay-icon z">
  115. <img src="../img/wxpayicon.png" />
  116. </div>
  117. <div class="payintro y">
  118. <div class="payway-title">微信支付</div>
  119. <div class="payway-intro">推荐已安装微信客户端的用户使用</div>
  120. </div>
  121. </div>
  122. <div class="payway-right y">
  123. <input id="wxcheckbox" class="checkbox" type="checkbox" checked="checked" name="wxpay" value="wxpay" />
  124. </div>
  125. </div>
  126. </div>
  127. <!-- 支付方式结束 -->
  128. <!-- 支付方式开始qq -->
  129. <div class="payway" onclick="click_payway('qqpay')">
  130. <div class="payway-center zh">
  131. <div class="payway-left z">
  132. <div class="pay-icon z">
  133. <img src="../img/qqpayicon.png" />
  134. </div>
  135. <div class="payintro y">
  136. <div class="payway-title">QQ支付</div>
  137. <div class="payway-intro">推荐已安装QQ客户端的用户使用</div>
  138. </div>
  139. </div>
  140. <div class="payway-right y">
  141. <input id="qqcheckbox" class="checkbox" type="checkbox" name="qqpay" value="qqpay" />
  142. </div>
  143. </div>
  144. </div>
  145. <!-- 支付方式结束 -->
  146. </div>
  147. <!-- center end -->
  148. <footer id="footer" class="footer">
  149. <!--订单List start-->
  150. <div id="order-list" class="order-list">
  151. <!--<div class="order-cell">
  152. <div class="order-cell-center zh">
  153. <span class="z">成人票</span>
  154. <span class="z price-p">¥135</span>
  155. <span class="z"> X 2</span>
  156. </div>
  157. </div>-->
  158. </div>
  159. <!--订单List end-->
  160. <div class="footerbutton">
  161. <div class="footer-left z" onclick="click_amount()">
  162. <div id="left-center" class="left-center zh">
  163. <!--<span class="z">金额:</span>
  164. <span class="price-p z">¥350</span>
  165. <span class="y">^</span>-->
  166. </div>
  167. </div>
  168. <div class="footer-right y" onclick="click_pay()">
  169. <div class="right-center zh txtzh">
  170. <div class="right-title z zh">
  171. <span class="">支付</span>
  172. </div>
  173. <div id="right-time" class="right-time y zh">
  174. <!--<span class="y">20:59</span>-->
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <!--footerbutton end-->
  180. </footer>
  181. <!-- 支付后 -->
  182. <div id="havepay" class="havepay">
  183. <div class="success txtzh">支付成功</div>
  184. <div class="myorderlist txtzh">查看我的订单></div>
  185. </div>
  186. <!-- 支付后 end -->
  187. </div>
  188. <!-- container end -->
  189. </body>
  190. </html>