liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							<!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>