<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的返现</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
//屏蔽分享
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
</script>
</head>
<body style="background: #fff;">
<div class="loading-bg">
<div class="mui-loading">
<div class="mui-spinner">
</div>
加载中...
</div>
</div>
<div class="mui-content" style="background: #fff;">
<div class="gradient">
<div>
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-12">
<p>可提现</p>
<h3 class="cl-red">¥<span id="uables-amount">0.00</span></h3></div>
</div>
<br />
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-6">
<p>待入账</p>
<h4>¥<span id="await-amount">0.00</span></h4>
<div class="line"></div>
</div>
<div class="mui-table-cell mui-col-xs-6">
<p>提现中</p>
<h4>¥<span id="lock-amount">0.00</span></h4>
</div>
<div class="mui-table-cell mui-col-xs-6">
<p>总入账</p>
<h4>¥<span id="total-amount">0.00</span></h4>
</div>
</div>
</div>
<span style="display: block;margin-top: 5px;font-size: 10px;color: gray;text-align: left;padding-left: 5px;padding-right: 5px;">
1、待入账金额，即代金券已经下单使用，在订单确认收货15天后即可点击“申请提现”进行提取返现;<br>
2、申请提现后，工作人员将在自提现之日起3个工作日内，将按申请金额打入您的指定账户;
</span>
</div>
<button style="margin-top: 20%;" type="button" class="mui-btn btn-apply">申请提现</button>
<br />
<div style="margin: 14px;">
<div id="reward-menu" class="mui-segmented-control">
<a class="mui-control-item mui-active" href="#item1">已入账</a>
<a class="mui-control-item" href="#item2">待入账</a>
<a class="mui-control-item" href="#item3">提现记录</a>
</div>
<div id="item1" class="mui-control-content mui-active">
<!--已入账列表-->
<ul class="reward-list"></ul>
</div>
<div id="item2" class="mui-control-content">
<!--待入账列表-->
<ul class="reward-list"></ul>
</div>
<div id="item3" class="mui-control-content">
<!--提现记录列表-->
<ul class="reward-list"></ul>
</div>
</div>
</div>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
var amount = 0;
mui.ready(function() {
$('.loading-bg').hide();
ajax("post", "/wechat/welfare/getAmount", {"time":new Date().getTime()}, function(res) {
amount = res.data.amonutUsable;
$("#uables-amount").text((amount/100).toFixed(2));
$("#await-amount").text((res.data.amonutAwait/100).toFixed(2));
$("#total-amount").text((res.data.amonutTotal/100).toFixed(2));
$("#lock-amount").text((res.data.amonutLock/100).toFixed(2));
});
// 加载已入账的信息
ajax("post", "/wechat/welfare/listAmountLogs", {"time":new Date().getTime(), "logsType":1}, function(res) {
if (res.status && !!res.data && res.data.length >= 1) {
var item1 = $("#item1").find(".reward-list").empty();
for (var i = 0; i < res.data.length; i++) {
var obj = res.data[i];
var head = "images/tx-1.jpg";
var name = "微信好友";
var tel = "18888880000";
if (!!obj.member) {
head = (!!obj.member.userHead)?obj.member.userHead:"images/tx-1.jpg";
}
if (!!obj.order) {
name = (!!obj.order.salesAddressName)?obj.order.salesAddressName:"微信好友";
tel = (!!obj.order.salesAddressTel)?obj.order.salesAddressTel:"18888880000";
}
item1.append(
'<li>'+
'<div class="mui-table">'+
'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle mui-text-left">'+
'<img class="head" src="' + (head) + '" />'+
'</div>'+
'<div style="width: 18%;" class="mui-table-cell mui-col-xs-5 table-middle">'+
'<div>' + hide_string(name,0,1) + '</div>'+
'<p>' + hide_string(tel,2,3) + '</p>'+
'</div>'+
'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle">'+
'<h4 class="cl-red">' + (new Number(obj.logsAmount/100)) + '</h4>'+
'</div>'+
'<div style="padding-left: 12%;" class="mui-table-cell mui-col-xs-3 table-middle">'+ (format_Date(obj.logsDate)) + '</div>'+
'</div>'+
'</li>'
);
}
} else {
$("#item1").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
}
});
// 加载待入账信息
ajax("post", "/wechat/welfare/listAmountLogs", {"time":new Date().getTime(), "logsType":2}, function(res) {
if (res.status && !!res.data && res.data.length >= 1) {
var item1 = $("#item2").find(".reward-list").empty();
for (var i = 0; i < res.data.length; i++) {
var obj = res.data[i];
var head = "images/tx-1.jpg";
var name = "微信好友";
var tel = "18888880000";
if (!!obj.member) {
head = (!!obj.member.userHead)?obj.member.userHead:"images/tx-1.jpg";
}
if (!!obj.order) {
name = (!!obj.order.salesAddressName)?obj.order.salesAddressName:"微信好友";
tel = (!!obj.order.salesAddressTel)?obj.order.salesAddressTel:"18888880000";
}
var str =
'<li><div class="mui-table">'+
'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle mui-text-left">'+
'<img class="head" src="' + head + '" /></div>'+
'<div style="width: 19%;" class="mui-table-cell mui-col-xs-5 table-middle">'+
'<div>' + hide_string(name,0,1) + '</div>'+
'<p>' + hide_string(tel,2,3) + '</p>'+
'</div>'+
'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle">'+
'<h4>' + (new Number(obj.logsAmount/100)) + '</h4>'+
'</div>'+
'<div style="padding-left: 10%;" class="mui-table-cell mui-col-xs-3 table-middle">'+
format_Date(obj.logsDate)+
'<h6 class="cl-red">(预计' + (DateDiff(format_Date(obj.logsDate), format_Date(new Date()))) + '天入账)</h6>'+
'</div>'+
'</div>'+
'</li>';
item1.append(str);
}
} else {
$("#item2").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
}
});
// 加载提现记录
ajax("post", "/wechat/welfare/listAtlogs", {"time":new Date().getTime()}, function(res) {
if (res.status && !!res.data && res.data.length >= 1) {
var item1 = $("#item3").find(".reward-list").empty();
for (var i = 0; i < res.data.length; i++) {
var obj = res.data[i];
var state = "";
if (obj.atState == 1) {
state = "提现中";
} else if (obj.atState == 2) {
state = "已通过<br><span style=\"color:gray\">(请留意银行记录)</span>";
} else {
state = "驳回<br><span style=\"color:gray\">("+obj.atRemark+")</span>";
}
var str ='<li>'+
'<div class="mui-table">'+
'<div style="width: 35%;" class="mui-table-cell mui-col-xs-7 table-middle">'+
'<div>' + (obj.atName) + '</div>'+
'<p>' + (obj.atCardNo) + '</p>'+
'<p>' + (obj.atBankName) + '</p>'+
'</div>'+
'<div class="mui-table-cell mui-col-xs-2 table-middle">'+
'<h4 class="cl-red">'+(new Number(obj.atAmonut/100))+'</h4>'+
'</div>'+
'<div style="padding-left: 8%;" class="mui-table-cell mui-col-xs-3 table-middle">'+
'<h6 class="cl-red">'+state+'</h6>'+ format_Date(obj.atCreateTime) +
'</div>'+
'</div>'+
'</li>';
item1.append(str);
}
} else {
$("#item3").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
}
});
$(document).on("tap", ".btn-apply", function(){
if (amount < 10000) {
mui.toast('可提现金额不足，快去分享代金券给好友吧');
} else {
location.href="apply-cash.html";
}
});
});
function hide_string(str,frontLen,endLen) {
var len = str.length-frontLen-endLen;
var xing = '';
for (var i=0;i<len;i++) {
xing+='*';
}
return str.substring(0,frontLen)+xing+str.substring(str.length-endLen);
}
function DateDiff(sDate1, sDate2){
var aDate,oDate1,oDate2,iDays;
aDate = sDate1.split("-");
oDate1 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]);
aDate = sDate2.split("-");
oDate2 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]);
iDays = parseInt(Math.abs(oDate1 - oDate2) / 86400000);
return iDays;
}
</script>
</body>
</html>