liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<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">
		<title>申请售后</title>
		<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" />
	</head>

	<body>
		<div class="mui-content">
			<div class="clearing-box">
				<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">

				</ul>
				<br />
				<ul class="mui-table-view cusomer-ul">
					<li class="mui-table-view-cell mui-media" id="retreat">
						<a class="mui-navigate-right order_process"  newStatus="2"><div class="mui-media-body">仅退款<p class="mui-ellipsis">还未收到货，并与客服协商同意后</p></div></a>
					</li>
					<li class="mui-table-view-cell mui-media" id="returnOfGoods">
						<a class="mui-navigate-right order_process" newStatus="4"><div class="mui-media-body">退货退款<p class="mui-ellipsis">已收到货，需联系客服寄回已收货物</p></div></a>
					</li>
					<li class="mui-table-view-cell mui-media" id="exchangeGood">
						<a class="mui-navigate-right order_process" newStatus="7"><div class="mui-media-body">申请换货<p class="mui-ellipsis">已收到货，需联系客服获得寄换地址</p></div></a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 加载ing begin-->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>正在加载...</p>
		</div>
		<!-- 加载ing end -->
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/main.js"></script>
		<script>
			window.addEventListener('pageshow', function(e) {
				// 通过persisted属性判断是否存在 BF Cache
				if(e.persisted) {
					location.reload();
				}
			});
			
			var orderId = getParam("orderId");//从URL带过来的订单id
			var status = 0;
			//dom加载完毕
			mui.ready(function() {
				$.ajax(base_path + '/wechat/cart/getShopOrderByOrderId?dates=' + new Date().getTime(), {
					data: {
						"orderId": orderId
					},
					dataType: 'json',
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					type: 'get',
					timeout: 15000,
					success: function(dt) {
						if(dt.isRedirect) {
							location.href = dt.redirectURL;
						} else {
							console.log(dt);
							var order = dt.data
							status = order.salesStatus; //赋值状态
							if(status == 2){
								$("#retreat").show();
								$("#returnOfGoods").hide();
								$("#exchangeGood").hide();
							}else if(status == 5){
								$("#retreat").hide();
								$("#returnOfGoods").show();
								$("#exchangeGood").show();
							}
							var str = "";
							mui.each(order.orderItemList, function(index) {
								str += '<div class="mui-table"><div class="mui-table-cell mui-col-xs-5"><img class="mui-media-object wh-100" src="'+ this.itemProductPic +'"></div><div class="mui-table-cell table-middle mui-col-xs-7" style="line-height:2.5">'+ this.itemProductName +'<h6>颜色：'+ this.productColor +'<span class="center">数量：'+ this.itemNum +'</span></h6><div>¥'+ (this.itemProductDiscount / 100).toFixed(2) +'</div></div></div>';
							});
							document.querySelector('.shopping-cart-list').innerHTML = str;
							
							$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
						}
					},
					error: function(xhr, type, errorThrown) {
						console.log(xhr);
						mui.alert("获取订单列表失败！网络错误");
					}
				});
				
				$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
			});
			
			/*申请退款*/
			$(document).on('tap', '.order_process', function() {
				var newStatus =  $(this).attr("newStatus");
				location.href = "exchange-goods.html?orderId=" + orderId + "&newStatus=" + newStatus;
			})
		</script>
	</body>

</html>