PayOrderPC.ftlh 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!doctype html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>支付</title>
  9. <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/2.1.4/weui.min.css"/>
  10. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  11. <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
  12. <script src="/static/js/jquery.min.js"></script>
  13. <style>
  14. body, html {
  15. width: 100%;
  16. height: 100%;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="dialog" style="display: none;">
  22. <div class="weui-mask"></div>
  23. <div class="weui-dialog">
  24. <div class="weui-dialog__hd" id="dialogHeader"><strong class="weui-dialog__title"
  25. id="dialogHeaderContent">弹窗标题</strong></div>
  26. <div class="weui-dialog__bd" id="dialogBody">弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>
  27. <div class="weui-dialog__ft" id="dialogFooter">
  28. <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" id="dialogCancel">辅助操作</a>
  29. <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="dialogConfirm">主操作</a>
  30. </div>
  31. </div>
  32. </div>
  33. <script>
  34. // var vConsole = new VConsole();
  35. var payParams = ${payParams?no_esc};
  36. payParams.package = payParams.packageValue;
  37. payParams.timestamp = payParams.timeStamp;
  38. payParams.success = function (res) {
  39. showDialog({
  40. title: '支付成功',
  41. message: '',
  42. confirm: function () {
  43. hideDialog();
  44. window.close();
  45. }
  46. });
  47. };
  48. payParams.cancel = function (e) {
  49. console.log(e);
  50. showDialog({
  51. title: '支付取消',
  52. message: '',
  53. confirm: function () {
  54. hideDialog();
  55. window.close();
  56. }
  57. });
  58. };
  59. payParams.fail = function (e) {
  60. console.log(e);
  61. showDialog({
  62. title: '支付取消',
  63. message: '',
  64. confirm: function () {
  65. hideDialog();
  66. window.close();
  67. }
  68. });
  69. }
  70. console.log(payParams);
  71. window.onload = function () {
  72. $.get('/wx/jsapiSign', {url: encodeURI(window.location.href.split('#')[0]),}, function (res) {
  73. res.debug = false;
  74. res.jsApiList = [
  75. 'chooseWXPay',
  76. 'updateAppMessageShareData',
  77. 'updateTimelineShareData',
  78. 'hideAllNonBaseMenuItem',
  79. 'scanQRCode',
  80. ];
  81. wx.config(res);
  82. });
  83. wx.ready(function (res) {
  84. console.log('jssdk ready', res);
  85. wx.chooseWXPay(payParams);
  86. });
  87. }
  88. function showDialog(options) {
  89. $('#dialogHeader').show();
  90. $('#dialogHeaderContent').html(options.title || '提示');
  91. if (options.showCancel === undefined) {
  92. options.showCancel = false;
  93. }
  94. if (options.showCancel) {
  95. $('#dialogCancel').show();
  96. $('#dialogCancel').html(options.cancelText || '取消');
  97. $('#dialogCancel').on('click', function () {
  98. options.cancel ? options.cancel() : hideDialog();
  99. })
  100. } else {
  101. $('#dialogCancel').hide();
  102. }
  103. $('#dialogConfirm').html(options.cancelText || '确定');
  104. $('#dialogConfirm').on('click', function () {
  105. options.confirm ? options.confirm() : hideDialog();
  106. });
  107. $('#dialogBody').html(options.message);
  108. $('#dialog').show(200);
  109. }
  110. function hideDialog(){
  111. $('#dialog').hide(200);
  112. }
  113. </script>
  114. </body>
  115. </html>