| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <!doctype html>
- <html lang="zh-cmn-Hans">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>支付</title>
- <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/2.1.4/weui.min.css"/>
- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
- <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
- <script src="/static/js/jquery.min.js"></script>
- <style>
- body, html {
- width: 100%;
- height: 100%;
- }
- </style>
- </head>
- <body>
- <div id="dialog" style="display: none;">
- <div class="weui-mask"></div>
- <div class="weui-dialog">
- <div class="weui-dialog__hd" id="dialogHeader"><strong class="weui-dialog__title"
- id="dialogHeaderContent">弹窗标题</strong></div>
- <div class="weui-dialog__bd" id="dialogBody">弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>
- <div class="weui-dialog__ft" id="dialogFooter">
- <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" id="dialogCancel">辅助操作</a>
- <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="dialogConfirm">主操作</a>
- </div>
- </div>
- </div>
- <script>
- // var vConsole = new VConsole();
- var payParams = ${payParams?no_esc};
- payParams.package = payParams.packageValue;
- payParams.timestamp = payParams.timeStamp;
- payParams.success = function (res) {
- showDialog({
- title: '支付成功',
- message: '',
- confirm: function () {
- hideDialog();
- window.close();
- }
- });
- };
- payParams.cancel = function (e) {
- console.log(e);
- showDialog({
- title: '支付取消',
- message: '',
- confirm: function () {
- hideDialog();
- window.close();
- }
- });
- };
- payParams.fail = function (e) {
- console.log(e);
- showDialog({
- title: '支付取消',
- message: '',
- confirm: function () {
- hideDialog();
- window.close();
- }
- });
- }
- console.log(payParams);
- window.onload = function () {
- $.get('/wx/jsapiSign', {url: encodeURI(window.location.href.split('#')[0]),}, function (res) {
- res.debug = false;
- res.jsApiList = [
- 'chooseWXPay',
- 'updateAppMessageShareData',
- 'updateTimelineShareData',
- 'hideAllNonBaseMenuItem',
- 'scanQRCode',
- ];
- wx.config(res);
- });
- wx.ready(function (res) {
- console.log('jssdk ready', res);
- wx.chooseWXPay(payParams);
- });
- }
- function showDialog(options) {
- $('#dialogHeader').show();
- $('#dialogHeaderContent').html(options.title || '提示');
- if (options.showCancel === undefined) {
- options.showCancel = false;
- }
- if (options.showCancel) {
- $('#dialogCancel').show();
- $('#dialogCancel').html(options.cancelText || '取消');
- $('#dialogCancel').on('click', function () {
- options.cancel ? options.cancel() : hideDialog();
- })
- } else {
- $('#dialogCancel').hide();
- }
- $('#dialogConfirm').html(options.cancelText || '确定');
- $('#dialogConfirm').on('click', function () {
- options.confirm ? options.confirm() : hideDialog();
- });
- $('#dialogBody').html(options.message);
- $('#dialog').show(200);
- }
- function hideDialog(){
- $('#dialog').hide(200);
- }
- </script>
- </body>
- </html>
|