pay.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. {layout name="passport:layout" /}
  2. <div class="tabs">
  3. <ul class="tab_menu">
  4. <a href="{:url('passport.bank/index')}"><li>我的应用</li></a>
  5. <a href="{:url('passport.bank/bill')}"><li>我的帐单</li></a>
  6. <a href="{:url('passport.bank/pay')}"><li class="current">账户充值</li></a>
  7. </ul>
  8. </div>
  9. <div class="tipbox tipbox-message mt10">友情提示:<span class="gray">充值后不退款,充值前请慎重考虑。</span></div>
  10. <form id="form" action="{:url('system/passport.bank/pay')}" method="post">
  11. <table class="formtable">
  12. <tr>
  13. <th class="w100">充值金额:</th>
  14. <td><input placeholder="请输入充值金额" datatype="n" class="input" type="text" name="money" /> 元 <span class="red">充值最小金额:10元</span></td>
  15. </tr>
  16. <tr>
  17. <th>支付方式:</th>
  18. <td>
  19. <input class="radio" name="payType" type="radio" value="0" checked />
  20. <svg class="icon" aria-hidden="true" style="width:20px;height:20px;vertical-align: middle;"><use xlink:href="#icon-weixinzhifu1"></use></svg>
  21. </td>
  22. </tr>
  23. <tr>
  24. <td></td>
  25. <td><input type="submit" value="立即支付" class="button submit button-green" /></td>
  26. </tr>
  27. </table>
  28. </form>
  29. <script type="text/javascript">
  30. Do('base', 'layer', 'form', 'qrcode', function () {
  31. $("#form").Validform({ajaxPost: true,tiptype:function(){},postonce: true,callback:function (data) {
  32. if (data.code == 200) {
  33. parent.layer.confirm('<div id="qrcode" class="w260 h260"></div>',{btn: ['支付完成','取消'],title:'扫一扫付款'},function (index) {
  34. parent.layer.close(index);
  35. $('.tab_menu a:eq(1)')[0].click();
  36. }, function (index){
  37. parent.layer.close(index);
  38. }, setTimeout(function () {
  39. new QRCode(parent.document.getElementById("qrcode"), data.data.code_url);
  40. $('.layui-layer-title').html('支付页面');
  41. }, 10));
  42. } else {
  43. parent.layer.alert(data.msg, { icon: 5 }, function (index) {
  44. parent.layer.close(index);
  45. });
  46. }
  47. },beforeSubmit:function(curform){
  48. parent.layer.load(0,{shade:0.3,time:3000});
  49. }});
  50. })
  51. </script>