<!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" href="/css/mui.min.css">
<link rel="stylesheet" href="/css/iconfont.css" />
<link rel="stylesheet" href="/css/style.css" />
<style>
.huanhuo,.tuihuo,.tuikuan{position: relative;display: inline-block;width: 70px;height: 20px;color: #666; text-align: center;}
.huanhuo:after{content: '申请换货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
.tuihuo:after{content: '申请退货';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
.tuikuan:after{content: '申请退款';position: absolute;right: 1px;top: 0;font-size: 14px;width: 5em;}
.iconfont{color: #22cbf5;font-size: 30px;}
.mui-table-view:after,.mui-table-view:before,.mui-table-view .mui-table-view-cell:after,.mui-table-view .mui-table-view-cell:before{display: none;}
.mui-table-view-cell{padding: 20px 15px;background: #eee;margin: 10px 0;border-radius: 5px;}
.mui-navigate-right:after, .mui-push-right:after {font-size: 25px;color: #666;}
</style>
<script>
// 屏蔽分享
window.hiddenAllWechatMenu = true;
</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="mui-content-padded">
<ul class="mui-table-view" id="my_order_service">
<li class="mui-table-view-cell">
<a class="mui-navigate-right my-navigate-right" href="/watero/view/apply_replacement.html">
<span class="iconfont icon-huanhuo"><span/><div class="huanhuo"></div>
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right my-navigate-right" href="/watero/view/apply_returns.html">
<span class="iconfont icon-tuihuo"><span/><div class="tuihuo"></div><span class="mui-h6" style="-webkit-transform:translateY(-50%);">（退还押金）</span>
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right my-navigate-right1" href="#">
<span class="iconfont icon-tuikuan"><span/><div class="tuikuan"></div>
</a>
</li>
</ul>
</div>
</div>
<script src="/js/mui.min.js"></script>
<script src="/js/jquery-2.1.1.min.js"></script>
<script src="/js/shop/main.js"></script>
<script src="/js/shop/wechat-utils-1.0.js"></script>
<script type="text/javascript">
mui.ready(function(){
var parm=getParam("orderId"),item=getParam("itemId"),postStatus=getParam("postStatus");
mui.each(document.querySelectorAll('#my_order_service .my-navigate-right'), function(index, el) {
var th=this;
el.addEventListener('tap', function() {
if(postStatus==5){
mui.openWindow({
url: th.getAttribute("href")+"?orderId="+parm+"&itemId="+item
});
}else{
mui.alert('此订单暂时不支持此操作');
}
}, false)
});
mui('body').on('tap', '.my-navigate-right1', function() {
if(postStatus==2) {
mui.ajax(base_path + '/rent_order/apply_return_money', {
data: {
orderId: parm,
itemId: item
},
type: 'post',
timeout: 15000,
success: function (dt) {
/*console.log(dt)*/
if (dt.isRedirect) {
location.href = dt.redirectURL;
} else {
if (dt.status) {
mui.alert("申请成功！", function () {
location.href = 'lease_order_details.html?rentStatus=-1';
});
} else {
mui.alert(dt.message);
}
}
},
error: function (xhr, type, errorThrown) {
console.log(xhr)
}
});
}else if(postStatus==3){
mui.alert('正在退款中，请耐心等候');
}else{
mui.alert('此订单暂时不支持此操作');
}
});
document.querySelector('.loading-bg').style.display='none';
});
function getOrderStatus(status){
switch (status){
case 0:
return '取消订单';
case 1:
return '待支付';
case 2:
return '待发货';
case 3:
return '退款申请中';
case 4:
return '已退款';
case 5:
return '已发货';
case 6:
return '申请退货中';
case 7:
return '退货中';
case 8:
return '退货成功';
case 9:
return '换货中';
case 10:
return '换货完成';
case 11:
return '申请换货中';
default:
break;
}
}
</script>
</body>
</html>