优化打款
chenzhi
3 years ago
parent
38151288a0
commit
340470be9d
@ -0,0 +1,352 @@
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/common.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/style.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/default_color.css" media="all">
|
||||
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
|
||||
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/select2.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/layer3/layer.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"charset="UTF-8"></script>
|
||||
<script src="__STATIC__/juicer-min.js" type="text/javascript"></script>
|
||||
<script src="__STATIC__/table2excel.js"></script>
|
||||
</head>
|
||||
|
||||
<block name="body">
|
||||
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="__CSS__/pro_promote.css" type="text/css" />
|
||||
<script src="__STATIC__/jquery.form.js"></script>
|
||||
<script src="__STATIC__/layer/layer.js"></script>
|
||||
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/select2.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/layer3/layer.js"></script>
|
||||
|
||||
<style>
|
||||
tml {
|
||||
min-width:100%;
|
||||
}
|
||||
body {
|
||||
padding: 0px 10px 150px 10px;
|
||||
/* width: 960px; */
|
||||
margin: auto;
|
||||
}
|
||||
tr{
|
||||
border-bottom: dotted 1px #c7c7c7;
|
||||
}
|
||||
.tabcon1711 table {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.tabcon1711 table {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.hidebox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.r {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.l {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
color: #000;
|
||||
resize: none;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
|
||||
box-shadow: 0px 3px 3px #F7F8F9 inset;
|
||||
height: 35px;
|
||||
height: 28px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 35px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.select2-results__option[aria-selected] {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.input-list,
|
||||
.i_list {
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
#sendSasfeCode {
|
||||
border-radius:3px;
|
||||
width:100px;
|
||||
cursor:pointer;
|
||||
border:1px solid;
|
||||
top:0;
|
||||
right:0;
|
||||
height:40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
.g-btntn{
|
||||
border-color: grey;
|
||||
color: grey;
|
||||
}
|
||||
.g-btn{
|
||||
border-color: #2697FF;
|
||||
color: #2697FF;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="cf main-place top_nav_list navtab_list">
|
||||
<h3 class="page_title">批量打款</h3>
|
||||
<p class="description_text">确认打款前请先确认账户余额是否足够</p>
|
||||
</div>
|
||||
|
||||
<div class="data_list box_mt">
|
||||
<div class="">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="border-right: solid 1px #b6cad2;">序号</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">真实姓名</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">openid</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">金额(元)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="statementShow">
|
||||
<foreach name="data" item="vo" >
|
||||
<tr>
|
||||
<td>{$key-0+1}</td>
|
||||
<td>{$vo.realname}</td>
|
||||
<td>{$vo.openid}</td>
|
||||
<td>{$vo.statement_money}</td>
|
||||
</tr>
|
||||
</foreach>
|
||||
<tr>
|
||||
<td colspan="2">合计:</td>
|
||||
<td colspan="6">打款总金额: {$count['statement_money']}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;justify-content:space-between;">
|
||||
<div style="color: red;font-size: 18px;line-height: 82px;">
|
||||
微信商户号:{$paymentInfo}
|
||||
</div>
|
||||
|
||||
<if condition="$paymentInfo">
|
||||
<div style="display: flex;padding:20px 10px;line-height: 40px;justify-content:center;">
|
||||
<input name="verify" type="text" class="login_input verify" value="" placeholder="请填写验证码"/>
|
||||
<div id="sendSasfeCode" class="g-btn" style="margin-left: 20px;">获取验证码</div>
|
||||
<div style="margin-left: 20px;">接收验证码手机:{$mobile}</div>
|
||||
</div>
|
||||
|
||||
<div class="search_list" style="display:flex;margin: 0;align-items:center;margin-right: 20px;">
|
||||
<a class="sch-btn" href="javascript:;" id="setPayment" style="width: 150px;height: 40px;line-height: 40px;">确认打款</a>
|
||||
</div>
|
||||
<else />
|
||||
<div style="font-size: 18px;line-height: 82px;">
|
||||
打款接口错误，无法打款
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="width: 100vw;height: 100vh;padding: 0;position: absolute;top: 0;z-index: 9999;display: none;" id="creat_msg">
|
||||
<div class="layui-layer layui-layer-dialog layui-layer-border layui-layer-msg layui-layer-hui"
|
||||
type="dialog" times="1" showtime="50000" contype="string" style="z-index: 19891015; top:30%; left:45%;">
|
||||
<div class="layui-layer-content" style="padding: 15px 0 5px;font-size: 20px;font-weight: 600;">执行进度</div>
|
||||
<div id="tip_msg" class="layui-layer-content">开始时间与结束时间都不允许为空</div>
|
||||
<div class="layui-layer-content" style="padding: 5px 10px 15px;font-size: 10px;color: #BBB;">TIP:未执行完成之前请勿刷新或关闭此页面</div>
|
||||
<span class="layui-layer-setwin"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</block>
|
||||
<block name="script">
|
||||
<script>
|
||||
var DATA={
|
||||
data:{$data|json_encode = JSON_UNESCAPED_UNICODE}
|
||||
};
|
||||
var pay_status = 1;
|
||||
// $("#creat_msg").show();
|
||||
// highlight_subnav("{:U('lists')}");
|
||||
|
||||
var MSG={
|
||||
showmsg:function(str){
|
||||
$("#creat_msg").show();
|
||||
$("#tip_msg").html(str);
|
||||
},
|
||||
hidemsg:function(){
|
||||
$("#creat_msg").hide();
|
||||
$("#tip_msg").html('');
|
||||
}
|
||||
}
|
||||
var COMPARE={
|
||||
publiucAjax:function(url,senddata,callback){
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: url,
|
||||
data:senddata,
|
||||
success: function(data) {
|
||||
if(data.success){
|
||||
callback(data.data);
|
||||
}else{
|
||||
MSG.hidemsg();
|
||||
layer.alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
},
|
||||
error:function(){
|
||||
MSG.hidemsg();
|
||||
layer.alert("网络错误或超时");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
//验证验证码
|
||||
checkVerify:function(callback){
|
||||
MSG.showmsg("验证码验证中....");
|
||||
COMPARE.publiucAjax("{:U('checkVerify')}",{verify:DATA.verify},function(data){
|
||||
MSG.showmsg("验证码验证通过，开始进行打款 [0/"+DATA.datacount+"] ......");
|
||||
callback();
|
||||
});
|
||||
},
|
||||
//打款
|
||||
doPayment:function(callback){
|
||||
var senddata ={id:DATA.data[(DATA.now-1)]['id']} ;
|
||||
|
||||
COMPARE.publiucAjax("{:U('doPayment')}",senddata,function(data){
|
||||
MSG.showmsg("开始进行打款 ["+DATA.now+"/"+DATA.datacount+"] ......");
|
||||
DATA.now ++;
|
||||
|
||||
if (data.status == 0) {
|
||||
pay_status = 0;
|
||||
}
|
||||
|
||||
if( DATA.now > DATA.datacount){
|
||||
callback();
|
||||
}else{
|
||||
COMPARE.doPayment(callback)
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var r = function(i, t) {
|
||||
if (i>0) {
|
||||
var r = 60;
|
||||
e='#sendSasfeCode';
|
||||
$(e).removeClass('g-btn').addClass('g-btntn');
|
||||
var a = setInterval(function() {
|
||||
r--;
|
||||
$(e).text(r + '秒');
|
||||
0 == r && ($(e).removeClass('g-btntn').addClass('g-btn'),
|
||||
$(e).text('获取验证码'),
|
||||
clearInterval(a))
|
||||
},1000)
|
||||
}
|
||||
};
|
||||
$('#sendSasfeCode').on('click',function() {
|
||||
if ($(this).hasClass('g-btntn')) {
|
||||
return false;
|
||||
}
|
||||
var phone = "{$mobile}";
|
||||
$.ajax({
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
data:'phone='+phone,
|
||||
url:'{:U("Public/telsafecode")}',
|
||||
success:function(data) {
|
||||
if (data.status ==1) {
|
||||
r(1);
|
||||
} else {
|
||||
alert(data.msg);
|
||||
}
|
||||
},
|
||||
error:function() {
|
||||
alert('服务器开小差了，请稍后再试。');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
$("#setPayment").on("click",function(){
|
||||
MSG.showmsg("程序初始化中...");
|
||||
var verify = $("input[name='verify']").val();
|
||||
if($.trim(verify) == ''){
|
||||
MSG.hidemsg();
|
||||
alert('验证码不能为空');
|
||||
return false;
|
||||
};
|
||||
DATA.now=1;
|
||||
DATA.verify=verify;
|
||||
DATA.datacount = DATA.data.length;
|
||||
//执行流程
|
||||
COMPARE.checkVerify(function(){
|
||||
COMPARE.doPayment(function(){
|
||||
MSG.showmsg("打款结束，执行跳转中......");
|
||||
setTimeout(function(){
|
||||
// window.location.href = "{:U('lists')}";
|
||||
window.parent.closeLayer(pay_status);
|
||||
},2000)
|
||||
})
|
||||
});
|
||||
})
|
||||
function cancelPoolAjax(opurl,senddata){
|
||||
//执行
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: opurl,
|
||||
dataType: 'json',
|
||||
async: false,
|
||||
data: senddata,
|
||||
success:function(data){
|
||||
if(data.status==1){
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
setTimeout(function(){
|
||||
window.location.reload();
|
||||
},1500);
|
||||
}else{
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</block>
|
||||
Loading…
Reference in New Issue