<!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" />
<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="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>
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.itemProductColor +'<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>