<extend name="Public/promote_base"/> <block name="css"> <link href="__CSS__/20180207/platform.css" rel="stylesheet"> <style> .trunk-list .table3 {width: 100%;} .table3 tr td{border: 1px solid #E0E7EF;} .pagenation{line-height: 6.5vh;} .pagenation>div {text-align: right;} .trunk-list .table3 tr {height: 4.2vh;} .table2{min-width: 550px} .remittance .reselect{ width: 220px!important;} .remittance input,.remittance .reselect,.remittance textarea{width: 198px} .remittance textarea{height: 50px;border-radius:5px;border:1px solid #E5E5E5;outline:none;padding: 10px;color: #535875 } </style> </block> <block name="body"> <div class="page-search normal_list charge-agentPay-search"> <div class="trunk-title"> <div class="location"> <div class="location-container">当前位置:<span>平台币管理></span><span>平台币充值</span></div> </div> <img src="__IMG__/20180207/icon_normal_yve.png"><span class="title_main">平台币充值</span> </div> <div class="trunk-content article" style="height: 622px;"> <div class="trunk-search clearfix"> <div class="tab"> <a href="{:U('order_list')}" class="">订单列表</a> <a href="{:U('order_add')}" class="current">充值</a> </div> </div> <div class="trunk-list"> <form id="payform" action="{:U('agent_pay')}" method="post" enctype="multipart/form-data"> <table class="table2"> <tr> <td class="l">充值账号:</td> <td class="r"><span >{$account}</span></td> </tr> <tr> <td class="l">平台币原价:</td> <td class="r">¥1.00/个</td> </tr> <tr> <td class="l">购买数量:</td> <td class="r"><input type="text" class="txt" name="coin_num" autocomplete="off" placeholder="" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');"> <span class="noticetxt">平台币</span> </td> </tr> <tr> <td class="l">充值方式:</td> <td class="r form-radio jspayradio"> <label><input type="radio" value="1" name="pay_type" checked><i class="current"></i><span>在线转账</span></label> <!-- <label><input type="radio" value="2" name="pay_type"><i></i><span>线下转账</span><span class="noticetxt">(需上传截图)</span></label> --> </td> </tr> <tr> <td class="l">应付金额:</td> <td class="r" id="pay_amount"><span>0.00</span> <input name="discount" value="{$discount}" type="hidden"> </td> </tr> <tr class="remittance" hidden> <td class="l">汇入银行:</td> <td class="r"> <select class="reselect select_gallery" name="collection_account"> <option value="" title="暂未开放 暂未开放" acountesc="">暂未开放 暂未开放</option> <volist name="bank_list" id="bank"> <option value="{$bank.bank_account}" title="{$bank.bank}" acountesc="账户名称:{$bank.account_name}<br/>汇入账户:{$bank.bank_account}<br/>开户行:{$bank.bank_name}">{$bank.bank}</option> </volist> </select> <div id="acountesc"></div> </td> </tr> <tr class="remittance" hidden> <td class="l">支付凭证:</td> <td class="r"><input type="text" class="txt" name="pay_order_number" autocomplete="off" placeholder="请输入支付凭证"></td> </tr> <tr class="remittance" hidden> <td class="l">支付截图:</td> <td class="r"><div class="fallback" id="myid"><input name="voucher_img" type="file" multiple /></div></td> </tr> <tr class="remittance" hidden> <td class="l">备注:</td> <td class="r"> <textarea name="remark"></textarea> </td> </tr> <tr id="tip"> <td class="l" colspan="2"> <span class="noticetxt">(手续费说明:每笔交易支付服务商将收取 {$LV}% 手续费,最低收取0.1元,上不封顶)</span> </td> </tr> <tr> <td class="r"> <button type="button" class="tjbnt btn" onclick="save_model()" >提交</button> </td> </tr> </table> </form> </div> </div> </div> </block> <block name="script"> <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js" ></script> <script type="text/javascript" src="__JS__/jquery.min.js"></script> <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script> <script type="text/javascript"> $(function(){ $(".select_gallery").select2(); $('.jspayradio input').click(function() { var that=$(this); $('.jspayradio i').removeClass('current'); if (that.prop('checked')) { that.siblings('i').addClass('current'); } if($(that).val()==2){ $(".remittance").show(); $("#tip").hide(); calculation_money($("input[name=coin_num]").val()); }else{ $(".remittance").hide(); $("#tip").show(); calculation_money($("input[name=coin_num]").val()); } }); $("input[name=coin_num]").bind('input propertychange', function () { calculation_money($(this).val()); }) }); function calculation_money(coin_num) { var num_re = /^\+?[1-9][0-9]*$/; //判断是否为正整数 if(!num_re.test(coin_num)){ $("#pay_amount span").html("0.00"); $("input[name=real_amount]").val("0.00") }else { var discount = $("input[name=discount]").val(); if(discount=='0'){ discount = "100" } var rodio_val = $('.jspayradio input:radio:checked').val(); coin_num = (discount/100)*coin_num; if(rodio_val==1){ //在线转账 var fee = coin_num*({$LV}/100); if(fee<0.1){ fee=0.1 } coin_num = fee+parseFloat(coin_num); }else{ coin_num = parseFloat(coin_num) } coin_num = coin_num.toFixed(2); $("#pay_amount span").html(coin_num); } } $("select[name=collection_account]").bind('change',function () { var options = $("select[name=collection_account] option:selected"); var acountesc = options.attr("acountesc"); $("#acountesc").html(acountesc); }) function save_model() { var formElement = document.querySelector("#payform"); var formData = new FormData(formElement); formData.append("voucher_img",$("input[name=voucher_img]")[0].files[0]) jQuery.ajax({ type: 'POST', url:'index.php?s=/Home/CoinOrder/order_add.html', data: formData, // 上传formdata封装的数据 dataType: 'JSON', cache: false, async:false, processData: false,//用于对data参数进行序列化处理 这里必须false contentType: false, //必须 success: function (result) { if (result.status==1){ if(result.pay_type==1){ window.open('index.php?s=/Home/CoinOrder/pay_center.html&trade_no='+result.trade_no,"_blank"); location.reload(); }else{ layer.alert(result.info,function () { parent.layer.closeAll(); location.reload(); }); } }else{ layer.alert(result.info); } } }); } function op_w(openUrl){ var iWidth=1300; //弹出窗口的宽度; var iHeight=700; //弹出窗口的高度; var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置; window.open(openUrl,"_blank","height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft,toolbar='no', status='no', menubar='no', resizable='yes', scrollbars='yes'); } </script> </block>