Showing
4 changed files
with
29 additions
and
4 deletions
This diff is collapsed. Click to expand it.
src/main/webapp/resource/js/layer/qrcode.js
0 → 100644
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
... | @@ -16,16 +16,15 @@ | ... | @@ -16,16 +16,15 @@ |
16 | <script type="text/javascript" src="${ctx }/resource/js/layer/jquery.min.js"></script> | 16 | <script type="text/javascript" src="${ctx }/resource/js/layer/jquery.min.js"></script> |
17 | <script type="text/javascript" src="${ctx }/resource/js/layer/layer.js"></script> | 17 | <script type="text/javascript" src="${ctx }/resource/js/layer/layer.js"></script> |
18 | <script type="text/javascript" src="${ctx }/resource/js/layer/layui-2.2.5.js"></script> | 18 | <script type="text/javascript" src="${ctx }/resource/js/layer/layui-2.2.5.js"></script> |
19 | - <%--<script type="text/javascript" src="${ctx }/resource/js/layer/qrcode.js"></script>--%> | 19 | + <script type="text/javascript" src="${ctx }/resource/js/layer/qrcode.js"></script> |
20 | - <script type="text/javascript" src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> | 20 | + <script type="text/javascript" src="${ctx }/resource/js/layer/qrcode.min.js"></script> |
21 | - <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script> | ||
22 | - | ||
23 | <script type="text/javascript"> | 21 | <script type="text/javascript"> |
24 | $(function() { | 22 | $(function() { |
25 | var Pay = { | 23 | var Pay = { |
26 | init: function() { | 24 | init: function() { |
27 | this.bind(); | 25 | this.bind(); |
28 | this.render(); | 26 | this.render(); |
27 | + this.countdown=10; | ||
29 | }, | 28 | }, |
30 | bind: function() { | 29 | bind: function() { |
31 | $(document).on('click', '#payBtn', this.showPayDialog); | 30 | $(document).on('click', '#payBtn', this.showPayDialog); |
... | @@ -66,12 +65,38 @@ | ... | @@ -66,12 +65,38 @@ |
66 | htmlStr += '</div>' | 65 | htmlStr += '</div>' |
67 | $('#payDialogContent').html(htmlStr); | 66 | $('#payDialogContent').html(htmlStr); |
68 | var qrcode = new QRCode(document.getElementById("qrcode")); | 67 | var qrcode = new QRCode(document.getElementById("qrcode")); |
68 | + qrcode.clear(); | ||
69 | + qrcode.makeCode(data.qrCode); | ||
70 | + Pay._timer(); | ||
71 | + }else{ | ||
72 | + layer.msg(data.msg, {icon: '2'}); | ||
73 | + } | ||
74 | + } | ||
75 | + }); | ||
76 | + }, | ||
77 | + _timer:function(){ | ||
78 | + if (Pay.countdown == 0) { | ||
79 | + $.ajax({ | ||
80 | + type: "get", | ||
81 | + url: "/pick/pay/createOrder", | ||
82 | + success : function(data){ | ||
83 | + if(data.code){ | ||
84 | + Pay.countdown = 120; | ||
85 | + var qrcode = new QRCode(document.getElementById("qrcode")); | ||
86 | + qrcode.clear(); | ||
69 | qrcode.makeCode(data.qrCode); | 87 | qrcode.makeCode(data.qrCode); |
88 | + Pay._timer(); | ||
70 | }else{ | 89 | }else{ |
71 | layer.msg(data.msg, {icon: '2'}); | 90 | layer.msg(data.msg, {icon: '2'}); |
72 | } | 91 | } |
73 | } | 92 | } |
74 | }); | 93 | }); |
94 | + }else{ | ||
95 | + Pay.countdown--; | ||
96 | + } | ||
97 | + setTimeout(function() { | ||
98 | + Pay._timer() | ||
99 | + },1000) ; | ||
75 | } | 100 | } |
76 | }; | 101 | }; |
77 | window.Pay = Pay; | 102 | window.Pay = Pay; | ... | ... |
-
Please register or login to post a comment