start.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!-- shortcut -->
  2. <div class="shortcut">
  3. <div class="w">
  4. <a class="s-logo" href="<?= Yii::$service->url->homeUrl() ?>" target="_blank">
  5. <img width="170" height="28" alt="fecshop收银台" src="//img.appfront.fancyecommerce.com/custom/logo.png">
  6. </a>
  7. <ul class="s-right">
  8. <?php if($customer_email): ?>
  9. <li id="loginbar" class="s-item fore1">
  10. <a href="<?= Yii::$service->url->getUrl('customer/account/index') ?>" target="_blank" class="link-user">
  11. <?= $customer_email ?>
  12. </a>&nbsp;&nbsp;
  13. <a href="<?= Yii::$service->url->getUrl('/customer/account/logout') ?>" class="link-logout">
  14. 退出
  15. </a>
  16. </li>
  17. <li class="s-div">|</li>
  18. <li class="s-item fore2">
  19. <a class="op-i-ext" href="<?= Yii::$service->url->getUrl('/customer/order') ?>">
  20. 我的订单
  21. </a>
  22. </li>
  23. <?php endif; ?>
  24. </ul>
  25. <span class="clr"></span>
  26. </div>
  27. </div>
  28. <div class="main">
  29. <div class="w">
  30. <div class="order clearfix order-init order-init-oldUser-noQrcode">
  31. <div class="o-left">
  32. <h3 class="o-title">
  33. 订单提交成功,请尽快付款!订单号:<?= $increment_id ?>
  34. </h3>
  35. <p class="o-tips">
  36. <span class="o-tips-time" id="deleteOrderTip">
  37. </span>
  38. </p>
  39. </div>
  40. <!-- 订单信息 end --><!-- 订单金额 -->
  41. <div class="o-right" style="float:left">
  42. <div class="o-price" style="text-align:left;">
  43. <em>应付金额</em>
  44. <strong><?= $total_amount ?></strong>
  45. <em>元</em>
  46. </div>
  47. <div class="o-detail" style="float:center">
  48. <!--
  49. <a onclick="javascript:" href="javascript:;">
  50. 订单详情
  51. <i></i>
  52. </a>
  53. -->
  54. </div>
  55. </div>
  56. <!-- 订单金额 end -->
  57. <div class="o-list j_orderList" id="listPayOrderInfo"><!-- 单笔订单 -->
  58. <!-- 多笔订单 end -->
  59. </div>
  60. </div>
  61. <!-- order 订单信息 end -->
  62. <!-- payment 支付方式选择 -->
  63. <div class="payment">
  64. <!-- 微信支付 -->
  65. <div class="pay-weixin">
  66. <div class="p-w-hd">微信扫码支付</div>
  67. <div class="p-w-bd" style="position:relative">
  68. <div class="j_weixinInfo" style="position:absolute; top: -36px; left: 130px;">
  69. 请在<?= ceil($expireTime / 60) ?>分钟内完成扫码支付(这里需要使用真实的微信账户,测试后不能退款,因此,建议您
  70. 使用该产品测试支付:<a href="https://fecshop.appfront.fancyecommerce.com/cn/3232-86679774" target="_blank">微信支付测试产品</a>)
  71. <span class="j_qrCodeCountdown font-bold font-red"></span>
  72. </div>
  73. <div class="p-w-box">
  74. <div class="pw-box-hd">
  75. <img id="weixinImageURL" src="<?= $scan_code_img_url ?>" width="298" height="298">
  76. </div>
  77. <div class="pw-retry j_weixiRetry" style="display: none;">
  78. <a class="ui-button ui-button-gray j_weixiRetryButton" href="javascript:getWeixinImage2();">
  79. 获取失败 点击重新获取二维码
  80. </a>
  81. </div>
  82. <div class="pw-box-ft" style="height:25px;padding:8px 0 8px 125px;background:url(i/icon-red.png) 50px 8px no-repeat #ff7674">
  83. <p>请用微信扫码支付!</p>
  84. </div>
  85. </div>
  86. <div class="p-w-sidebar"></div>
  87. </div>
  88. </div>
  89. <!-- 微信支付 end -->
  90. <!-- payment-change 变更支付方式 -->
  91. <div class="payment-change">
  92. <a class="pc-wrap" onclick="window.history.go(-1)">
  93. <i class="pc-w-arrow-left">&lt;</i>
  94. <strong>选择其他支付方式</strong>
  95. </a>
  96. </div>
  97. <!-- payment-change 变更支付方式 end -->
  98. </div>
  99. <!-- payment 支付方式选择 end -->
  100. </div>
  101. </div>
  102. <!-- 收银台 footer -->
  103. <div class="p-footer">
  104. <div class="pf-wrap w">
  105. <div class="pf-line">
  106. <span class="pf-l-copyright">Copyright ?2016-2017 fecshop 版权所有</span>
  107. <img width="185" height="20" src="//img.appfront.fancyecommerce.com/custom/logo.png">
  108. </div>
  109. </div>
  110. </div>
  111. <script type="text/javascript">
  112. var out_trade_no = "<?= $increment_id ?>";
  113. var timeForAjaxBegin = 4000; // ajax首次获取支付状态的毫秒
  114. var timeForAjaxcycle = 4000; // ajax循环获取支付状态的毫秒间隔
  115. var timeForAjaxcycleMaxCount = 100; // ajax循环的最大次数。
  116. function queryOrderBankState(){
  117. if(count > timeForAjaxcycleMaxCount){ //设置查询多少次交易结果
  118. clearInterval(qrTimer);
  119. alert('支付超时,请重新下单支付!');
  120. window.location.href = '<?= Yii::$service->url->getUrl('checkout/onepage'); ?>';
  121. }
  122. count++;
  123. $.ajax({
  124. type: "GET",
  125. url: "<?= $trace_success_url ?>", //fecshop微信支付服务中判断是否交易成功的接口
  126. data: {"out_trade_no": out_trade_no },
  127. dataType: "json",
  128. timeout: 4000,
  129. success: function(result) {
  130. if(result.code == 200){
  131. //直接跳到成功页
  132. //window.location.href = history.go(-1);
  133. window.location.href = '<?= Yii::$service->url->getUrl('/payment/success') ?>';
  134. // window.location.href = 'payment/success';
  135. }else
  136. {
  137. // alert('else');
  138. }
  139. },
  140. error: function(xhr){
  141. //alert('error');
  142. }
  143. });
  144. }
  145. var count = 0, qrTimer = null;
  146. var qrcodeImageURL = "";
  147. //alert('aa');
  148. setTimeout(function () {
  149. if (!qrcodeImageURL) {
  150. // if(true){
  151. //alert('bb');
  152. qrTimer = setInterval(queryOrderBankState, timeForAjaxcycle);
  153. }
  154. }, timeForAjaxBegin); //多少秒后开始执行
  155. </script>