static/watero/js/page/order_details.js

var isPay = true;
var isEfficacious = true;
var isSpell=getParam('isSpell');
var orderId = getParam("orderId"),productId='',colorId='',isSpellstr='';
var orderStatus = {
				1: '<button type="button" class="my-btn-black my-order-btn order_operate" fixedStatus="pay" orderId>立即支付</button><button type="button" class="my-btn-black order_operate " fixedStatus="1" orderId>取消订单</button>',
				2: '<button type="button" class="my-btn-black order_operate " fixedStatus="aftermarket" orderId>申请售后</button>', //申请退款
				3: '<button type="button" class="my-btn-black order_operate " fixedStatus="3" orderId>取消申请</button>', //退款申请中，可以取消退款
				5: '<button type="button" class="my-btn-black order_operate " fixedStatus="aftermarket" orderId>申请售后</button>', //已发货状态，可以申请退货、申请换货；
				6: '<button type="button" class="my-btn-black order_operate " fixedStatus="5" orderId>取消申请</button>', //申请退货中，可以取消申请；
				7: '<button type="button" class="my-btn-black order_operate " fixedStatus="6" orderId>取消退货</button>', //退货中，可以取消退货
				11: '<button type="button" class="my-btn-black order_operate " fixedStatus="8" orderId>取消申请</button>', //申请换货中，可以取消申请
				15: '<button type="button" class="my-btn-black my-btn-redP order_operate" fixedStatus="ping" orderId productId colorId>邀请好友拼单</button>'
		};			
mui.ready(function() {
	if(isSpell==1){
		isSpellstr='&isSpell=1';
	}
	$('#check-luck-draw').attr("value", orderId);
	var table = document.body.querySelector('.shopping-cart-list');
	$.ajax(base_path + '/cart/getShopOrderByOrderId', {
		data: {
			orderId: orderId
		},
		dataType: 'json',
		type: 'post',
		timeout: 15000,
		xhrFields: {
			withCredentials: true
		},
		crossDomain: true,
		success: function(dt) {
			if(dt.isRedirect) {
				location.href = dt.redirectURL;
			} else {
				if(dt.status) {
					var bannerdata = dt.data;
					isEfficacious = bannerdata.efficacious;
					$('#exchangeOrder').hide();
					$('#salesReturn').hide();
					$('#refund').hide();
					$('#cancelOrder').hide();
					$('#orderPay').hide();
					$('#oldStatus').val(
						bannerdata.salesStatus);
					if(bannerdata.salesStatus >= 5) {
						$('#showLogistics').show()
					} else {
						$('#showLogistics').hide()
					}
					if(bannerdata.salesStatus == 1) {
						$('#salesStatus').html('待支付');
						$('#cancelOrder').show();
						$('#orderPay').show()
					} else if(bannerdata.salesStatus == 2) {
						$('#salesStatus').html('已支付，待发货');
						$('#refund').show();
						$("#choujiang").show()
					} else if(bannerdata.salesStatus == 3) {
						$('#salesStatus').html('退款申请中')
					} else if(bannerdata.salesStatus == 4) {
						$('#salesStatus').html('已退款')
					} else if(bannerdata.salesStatus == 5) {
						$('#salesStatus').html('已发货');
						$('#exchangeOrder').show();
						$('#salesReturn').show()
					} else if(bannerdata.salesStatus == 6) {
						$('#salesStatus').html('申请退货中')
					} else if(bannerdata.salesStatus == 7) {
						$('#salesStatus').html('退货中')
					} else if(bannerdata.salesStatus == 8) {
						$('#salesStatus').html('订单退货，订单关闭')
					} else if(bannerdata.salesStatus == 9) {
						$('#salesStatus').html('换货中')
					} else if(bannerdata.salesStatus == 10) {
						$('#salesStatus').html('换货完成')
					} else if(bannerdata.salesStatus == 11) {
						$('#salesStatus').html('申请换货中')
					} else if(bannerdata.salesStatus == 12) {
						$('#salesStatus').html('订单完成');
						$('#exchangeOrder').show()
					} else if(bannerdata.salesStatus == 15) {
						$('#salesStatus').html('正在拼单');
						$('#exchangeOrder').show()
					} else if(bannerdata.salesStatus == 0) {
						$('#salesStatus').html('取消订单')
					}
					$('#salesOrderid').html(bannerdata.salesOrderid);
					$('#salesCreateDate').html(bannerdata.salesCreateDate);
					$('#salesAmount').html('¥' + accDiv(bannerdata.salesAmount, 100));
					$('#salesYetAmount').html('¥' + accDiv(bannerdata.salesYetAmount, 100));
					$('#salesAddressInfo').html("收货地址："+bannerdata.salesAddressInfo);
					$('#receiver').html(bannerdata.salesAddressName);
					$('#salesAddressTel').html(bannerdata.salesAddressTel);
					$('#salesUserRemark').html(bannerdata.salesUserRemark);
					$('#salesLockType').val(bannerdata.salesLockType);
					$('#couponReduce').html('¥' + accDiv(bannerdata.salesAmount-bannerdata.salesYetAmount,100));
					var posStr='';
					if(bannerdata.salesPostFirm != null && bannerdata.salesPostFirm != "" && typeof(bannerdata.salesPostFirm) != "undefined"){
								$("#salesPostFirm").val(bannerdata.salesPostFirm);
							}
							if(bannerdata.salesPostNum != null && bannerdata.salesPostNum != "" && typeof(bannerdata.salesPostNum) != "undefined"){
								$("#salesPostNum").val(bannerdata.salesPostNum);
								posStr+=bannerdata.salesPostNum;
							}
					/*if(bannerdata.salesStatus != 0 &&
						bannerdata.salesStatus != 1 &&
						bannerdata.couponReduce != null &&
						bannerdata.couponReduce != '') {
						$('#couponReduce').html('¥' + accDiv(bannerdata.couponReduce, 100));
						$('#couponMoney').show()
					} else {
						$('#couponMoney').hide()
					}*/
					if(null != bannerdata.salesPostFirm &&
						bannerdata.salesPostFirm != '' &&
						bannerdata.salesPostNum != null &&
						bannerdata.salesPostNum != '') {
						if(bannerdata.salesPostFirm == 'sto') {
							$('#salesPostFirm').html('申通快递')
						}
						if(bannerdata.salesPostFirm == 'yto') {
							$('#salesPostFirm').html('圆通快递')
						}
						if(bannerdata.salesPostFirm == 'sf') {
							$('#salesPostFirm').html('顺丰快递')
						}
						if(bannerdata.salesPostFirm == 'ems') {
							$('#salesPostFirm').html('邮政EMS')
						}
						if(bannerdata.salesPostFirm == 'zto') {
							$('#salesPostFirm').html('中通快递')
						}
						if(bannerdata.salesPostFirm == 'zjs') {
							$('#salesPostFirm').html('宅急送')
						}
						if(bannerdata.salesPostFirm == 'yunda') {
							$('#salesPostFirm').html('韵达快递')
						}
						if(bannerdata.salesPostFirm == 'cces') {
							$('#salesPostFirm').html('cces快递')
						}
						if(bannerdata.salesPostFirm == 'pick') {
							$('#salesPostFirm').html('上门提货')
						}
						if(bannerdata.salesPostFirm == 'htky') {
							$('#salesPostFirm').html('汇通快递')
						}
						if(bannerdata.salesPostFirm == 'ttkdex') {
							$('#salesPostFirm').html('天天快递')
						}
						if(bannerdata.salesPostFirm == 'stars') {
							$('#salesPostFirm').html('星晨急便')
						}
						if(bannerdata.salesPostFirm == 'jd') {
							$('#salesPostFirm').html('京东快递')
						}
						if(bannerdata.salesPostFirm == '01') {
							$('#salesPostFirm').html('其他')
						}
						if(bannerdata.salesPostFirm == '02') {
							$('#salesPostFirm').html('上门送货')
						}
						if(bannerdata.salesPostFirm == 'longbanwuliu') {
							$('#salesPostFirm').html('龙邦快递')
						}
						if(bannerdata.salesPostFirm == 'dbkd') {
							$('#salesPostFirm').html('德邦快递')
						}
						$('#salesPostNum').html(bannerdata.salesPostNum)
						$('#salesPostNumAndFrim').html($('#salesPostFirm').text() + "-"+posStr);
						
						// $("#showLogistics>span:first-child").text($('#salesPostFirm').text()+' - 物流单号  '+posStr);		
						
					} else {
						$('#salesPostFirm').html('暂无')
					}
					$('#logistics').attr("postfirm",
						bannerdata.salesPostFirm);
					$('#logistics').attr("postnum",
						bannerdata.salesPostNum);
					$('#logistics').attr("gourl", 'order_details.html?orderId=' + bannerdata.salesOrderid);
					var item = bannerdata.orderItemList;
					if(item != null) {
						var count=0;
						$(item).each(function(index) {
								var pro_color = switchcolor(this.itemColorId);
								var colorImg = switchColorImg(this.itemColorId);
								count+=this.itemNum;
								var li = document.createElement('li');
								li.className = 'mui-table-view-cell mui-media bg-f';
								let price=accDiv(this.itemProductDiscount, 100);
								var spClass='go_chanpin_details';
								if(isSpell==1){
									price=accDiv((this.itemTotal/this.itemNum), 100);
									if(this.itemProductDiscount==0){
										spClass='';
									}
								}
								li.innerHTML = '<a proid="' + this.itemProductId + '" colorid="' + this.itemColorId + '" class="'+spClass+'"><table class="my-table-order"><tr><td rowspan="3" style="width:80px;"><div class="wh-80" style="margin: 5px 10px 0 5px;"><img src="' + this.itemProductPic + '"></div></td><td colspan="2" style="white-space: pre-line;">' + this.itemProductName + '</td></tr><tr><td><span><h5>' + this.productColor + ' x ' + this.itemNum + '</h5></span></td></tr><tr><td><span><span class="cl-red">¥' + price + '</span></span></td><td><span>合计：<span>¥' + accDiv(this.itemTotal, 100) + '</span></span></td></tr><table></a>';
								// if (this.productStatus != 1) {
								//     li.innerHTML = '<a proid="'
								//         + this.itemProductId
								//         + '" class=""><table class="my-table-order" width="100%"><tr><td rowspan="3"><div class="wh-80"><img src="'
								//         + this.itemProductPic
								//         + '"></div></td><td rowspan="3"><span>赠送'
								//         + (this.itemNum / 3)
								//         + '套三年滤芯</span></td><td></td></tr><tr><td><p class="mui-ellipsis delete-cart-style cl-red"></p></td></tr><table></a>'
								// }
								table.appendChild(li);
						});
						$("#all-count").text(count);
					}
					var status = bannerdata.salesStatus;
							var statusHtml = '';
							statusHtml = orderStatus[status]; //获取订单状态所展示的按钮
							if(statusHtml == null || statusHtml == "" || typeof(statusHtml) == "undefined") {
								statusHtml = '';
							}
							if(status == 5 ||  status == 12 ||  status == 6 ||  status == 11) {  //状态为取消，待支付，代发货，退货，换货都没有物流信息
								if(bannerdata.salesPostFirm != null && bannerdata.salesPostFirm != "" && typeof(bannerdata.salesPostFirm) != "undefined" && bannerdata.salesPostNum != null && bannerdata.salesPostNum != "" && typeof(bannerdata.salesPostNum) != "undefined"){
//									statusHtml += '<button type="button" class="my-btn-black order_operate order_logistics" fixedStatus="logistics" orderId>查询物流</button>';
								}
							}
							if(status==15){
								productId=bannerdata.orderItemList[0].itemProductId;
								colorId=bannerdata.orderItemList[0].itemColorId;
								statusHtml  = statusHtml.replace('productId','productId="'+ bannerdata.orderItemList[0].itemProductId +'"');
								statusHtml  = statusHtml.replace('colorId','colorId="'+ bannerdata.orderItemList[0].itemColorId +'"');
							}
							statusHtml  = statusHtml.replace(/\orderId/g,'orderId="'+ bannerdata.salesOrderid +'"')
							$("#operation").html(statusHtml);
					document.querySelector('.loading-bg').style.display = 'none'
				}
			}
		},
		error: function(xhr, type, errorThrown) {
			console.log(xhr)
		}
	});
	getCartNum();
});

/*订单按钮触发事件*/
			$(document).on('tap', '.order_operate', function() {
				var status = $(this).attr("fixedStatus");
//				var orderId = $(this).attr("orderId");
//				var remark = "";
//				if( status == "pay") { //调用支付接口
//					pay(orderId);
//				}else if(status == "logistics") {  //查询物流
//					var salesPostFirm = $("#salesPostFirm").val();
//					var salesPostNum = $("#salesPostNum").val();
//					location.href = "logistics-massage.html?salesPostFirm="+salesPostFirm + "&salesPostNum="+salesPostNum;
//				}else if(status == "aftermarket"){
//					location.href = "customer-service.html?orderId=" + orderId;
//				}else{
//					updateOrderStatus(orderId, status, remark);
//				}
if(status=='ping'){
	productId=$(this).attr('productId');
	colorId=$(this).attr('colorId');
}
				operation(status);
			});



function goOrderPay() {
	if(!isEfficacious) {
		mui.alert("您的订单有商品下架，请重新生成订单购买!");
		return false
	}
	var salesOrderid = $('#salesOrderid').html();
	var dataArgs = {
		"orderId": salesOrderid
	};
	if(isPay) {
		layer.open({
			type: 2,
			shadeClose: false,
			content: "正在请求加载订单信息..."
		});
		isPay = false;
		$.ajax(
			base_path + '/cart/orderPay', {
				data: dataArgs,
				dataType: 'json',
				type: 'POST',
				timeout: 15000,
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				success: function(dt) {
					if(dt.isRedirect) {
						location.href = dt.redirectURL;
					} else {
						layer.closeAll();
						if(dt.status) {
							
							var str = dt.data.info;
							var obj = JSON.parse("{" + str + "}");
							WeixinJSBridge.invoke('getBrandWCPayRequest', obj,
								function(res) {
									if(res.err_msg == 'get_brand_wcpay_request:ok') {
										var orderIds = {
											"orderId": dt.data.orderId
										};
										layer.open({
											type: 2,
											shadeClose: false,
											content: "正在请求加载订单信息..."
										});
										$.ajax(base_path + '/order/checkOrderPaySuccess', {
											data: orderIds,
											dataType: 'json',
											type: 'post',
											timeout: 15000,
											xhrFields: {
												withCredentials: true
											},
											crossDomain: true,
											success: function(dt) {
												if(dt.isRedirect) {
													location.href = dt.redirectURL;
												} else {
													if(dt.status) {
														if(isSpell==1 && orderId==null){
															location.href='pay_add_group.html?productId='+productId+'&colorId='+colorId+'&orderid='+orderIds.orderId+'&isSpell=1'
														}else{
															location.href = "pay_win.html?orderId=" + orderIds.orderId + isSpellstr;
														}
													} else {
														isPay = false;
														setTimeout(checkOrderStatus(orderIds.orderId), 1000)
													}
												}
												},
												error: function(xhr,type,errorThrown) {
													isPay = true;
													layer.closeAll();
													mui.alert("您的网络异常，请刷新重试!");
													return
												}
										});
									} else {
										isPay = true;
										mui.alert("对不起，支付失败!请稍后重试!" + dt.data.orderId + "支付失败!");
										location.href = "order_details.html?orderId=" + dt.data.orderId + isSpellstr;
									}
								})
						} else {
							isPay = true;
							mui.alert(dt.message)
						}
					}
				},
				error: function(xhr, type, errorThrown) {
					isPay = true;
					layer.closeAll();
					mui.alert("您的网络异常，请刷新重试!");
					return
				}
			})
	} else {
		mui.alert("正在请求支付中~~请稍后!");
		return
	}
};

function operation(num) {
	console.log(num)
	var url = '';
	var data = new Array;
	var status = num;
	var info = "";
	var message = "";
	var orderId = $('#salesOrderid').html();
	var salesLockType = $('#salesLockType').val();
	var changeOrderId = $("#changeOrderId").val();
	var returnOrderId = $("#returnOrderId").val();
	if(status == 1) {
		info = "您确定要取消订单吗?";
		url = base_path + '/cart/cancelOrder';
		data = {
			orderId: orderId,
			changeOrderId: changeOrderId,
			status: status
		}
		
		console.log(info)
	var btnArray = ['否', '是'];
	mui.confirm(info, '提示', btnArray, function(e) {
		if(e.index == 1) {
			$.ajax({
				data: data,
				url: url,
				dataType: 'json',
				type: 'post',
				timeout: 15000,
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				success: function(dt) {
					if(dt.status) {
						var bannerdata = dt.data;
						location.reload()
					} else {
						mui.alert(message)
					}
				}
			})
		}
	});
	}else if(status=='pay'){
		goOrderPay();
	}else if(status=='ping'){
		location.href='pay_add_group.html?productId='+productId+'&colorId='+colorId+'&orderId='+orderId+isSpellstr;
	}else if(status=='aftermarket'){
		location.href = "customer-service.html?orderId=" + orderId;
	}else{
		mui.alert("请在微信公众号联系客服人员！")
	}
};
// 校验订单状态
    function checkOrderStatus(orderId) {
        $.ajax(base_path + '/wechat/order/checkOrderPaySuccess?dates=' + new Date().getTime(), {
			data: {
				"orderId": orderId
			},
			dataType: 'json',
			xhrFields: {
				withCredentials: true
			},
			crossDomain: true,
			type: 'get',
			timeout: 15000,
			success: function(dataobj) {	
				if(dataobj.isRedirect) {
					location.href = dataobj.redirectURL;
				} else {
					if(dataobj.status == true) { // 支付成功
						if(isSpell==1 && orderId==null){
							location.href='pay_add_group.html?productId='+productId+'&colorId='+colorId+'&orderid='+dataobj.data+'&isSpell=1'
						}else{
							location.href = "pay_win.html?orderId=" + dataobj.data
						}
					} else {
						location.href = 'order_details.html?orderId=' + orderId + isSpellstr; // 前往订单详情
					}
					
				}
			},
			error: function(xhr, type, errorThrown) {
				console.log(xhr);
			}
		});
   };