<!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>
<div class="mui-content">
<div class="receive-null">
<img width="100px" src="images/charger-null.png">
<p>暂无已领取充电器信息</p>
</div>
<ul class="my-list" style="display: none;margin: 5px 0 0 0;">
<!--<li>
<div class="mui-table">
<div class="mui-card">
<div class="mui-card-content my-card-content">
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="status-radius cl-red">正在处理</div>
</div>
<div class="mui-table-cell mui-col-xs-6">
<div>soodo上朵-樱花粉</div>
<span class="mui-h6 mui-ellipsis">何小小 159****7808 </span>
</div>
<div class="mui-table-cell mui-col-xs-3 mui-text-right middle-top">
<a class="mui-btn my-btn-link">查看物流</a>
</div>
</div>
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-3">
</div>
<div class="mui-table-cell mui-col-xs-5">
<p>邮费：¥10.00</p>
</div>
<div class="mui-table-cell mui-col-xs-4 mui-text-right">
<div class="mui-content-padded">
<p>2019-12-20</p>
</div>
</div>
</div>
</div>
</div>
</div>
</li>-->
</ul>
<div style="padding:20px 0;text-align: center;">
<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="加载中" class="mui-btn btn-submit" style="padding: 8px 18px;display: none;">立即领取</button>
</div>
</div>
<!-- 加载ing begin-->
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<!-- 加载ing end -->
<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">
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if(e.persisted) {
location.reload();
}
});
mui.ready(function() {
$.ajax(base_path + '/wechat/receive/select_receive?dates=' + new Date().getTime(), {
data: {
pageSize:'10',
pageNO:'1'
},
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
type: 'post',
timeout: 15000,
success: function(dt) {
if(dt.isRedirect) {
location.href = dt.redirectURL;
} else {
console.log(dt)
if(dt.status) {
var table = document.body.querySelector('.my-list');
var list=dt.data.list;
if(list.length>0){
$(".my-list").show();
}else{
$(".receive-null").show();
}
mui.each(list, function(index) {
var li = document.createElement("li");
var status='',post='';
if(this.receiveStatus==2){
status='<div class="status-radius cl-blue">正在处理</div>';
}else if(this.receiveStatus==3){
status='<div class="status-radius cl-yellow">正在发货</div>';
post='<a class="mui-btn my-btn-link">查看物流</a>';
}
li.innerHTML='<div class="mui-table"><div class="mui-card"><div class="mui-card-content my-card-content"><div class="mui-table"><div class="mui-table-cell mui-col-xs-3 mui-text-center">'+status+'</div><div class="mui-table-cell mui-col-xs-6"><div>'+this.colorName+'</div><span class="mui-h6 mui-ellipsis">'+this.receiveAddressName+' '+this.receiveAddressTel+' </span></div><div class="mui-table-cell mui-col-xs-3 mui-text-right middle-top">'+post+'</div></div><div class="mui-table"><div class="mui-table-cell mui-col-xs-3"></div><div class="mui-table-cell mui-col-xs-5"><p>邮费：¥10.00</p></div><div class="mui-table-cell mui-col-xs-4 mui-text-right"><div class="mui-content-padded"><p>'+formatDateFull(this.receiveCreateTime)+'</p></div></div></div></div></div></div>';
table.appendChild(li);
});
// if(dt.data.isReceive){
$(".btn-submit").show();
// }
}else{
mui.alert(dt.message, function() {
location.href = "index.html?dates=" + new Date().getTime(); // 前往首页
});
}
$(".loading").hide(); //隐藏（正在加载...）
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
mui.alert("获取数据失败！网络错误");
}
});
});
//查看物流
$(document).on('tap', '.my-btn-link', function() {
});
//自定义显示loading的按钮
mui(document.body).on('tap', '.mui-btn', function(e) {
mui(this).button('loading');//显示
setTimeout(function() {
mui(this).button('reset');//隐藏
location.href="free-receive-charger.html";
}.bind(this), 500);
});
</script>
</body>
</html>