Browse Source

物流信息

wangxiaoming 7 years ago
parent
commit
abf4a1645e
3 changed files with 329 additions and 18 deletions
  1. 213 0
      aiberle/logistics-massage.html
  2. 97 8
      aiberle/order-details.html
  3. 19 10
      aiberle/order-list.html

+ 213 - 0
aiberle/logistics-massage.html

@@ -0,0 +1,213 @@
+<!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="logistics-massage-head">
+					
+				
+				<div class="logistics-massage-cell">
+					<div>
+						<img width="80px" src="images/logo.png" />
+				</div>
+				<h4 id="com"></h4>
+				<h6 id="nu"></h6>
+				</div>
+				</div>
+				<div class="content">
+					<article id="logistic">
+						
+						<!--<section style="opacity: .5;">
+							<span class="point-time"></span>
+							<time datetime="2014-07">
+								<span>2018-01-11</span>
+							</time>
+							<aside>
+								<div class="things">
+									开始处理
+								</div>
+								<div class="brief">
+									2018-01-02  12:12:12
+								</div>
+							</aside>
+						</section>
+						<section style="opacity: .5;">
+							<span class="point-time"></span>
+							<time datetime="2014-07">
+								<span>2018-01-11</span>
+							</time>
+							<aside>
+								<div class="things">
+									开始处理
+								</div>
+								<div class="brief">
+									2018-01-02  12:12:12
+								</div>
+							</aside>
+						</section>
+						<section>
+							<span class="point-time"></span>
+							<time datetime="2014-07">
+								<span>2018-01-11</span>
+							</time>
+							<aside>
+								<div class="things">
+									开始处理
+								</div>
+								<div class="brief">
+									2018-01-02  12:12:12
+								</div>
+							</aside>
+						</section>-->
+					</article>
+				</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();
+				}
+			});
+			
+		var com = getParam("salesPostFirm");  //快递公司代码
+		var nu = getParam("salesPostNum");  //快递单号
+		mui.ready(function(){
+			var  name = "";
+			switch (com){
+                case "sto":
+                    name= "申通快递";
+                    break;
+                case "yto":
+                    name= "圆通快递";
+                    break;
+                case "zto":
+                    name= "中通速递";
+                    break;
+                case "sf":
+                    name= "顺丰快递";
+                    break;
+                case "ems":
+                    name= "邮政EMS";
+                    break;
+                case "eyb":
+                    name= "E邮宝";
+                    break;
+                case "zjs":
+                    name= "宅急送";
+                    break;
+                case "yunda":
+                    name= "韵达快递";
+                    break;
+                case "cces":
+                    name= "cces快递";
+                    break;
+                case "pick":
+                    name= "上门提货";
+                    break;
+                case "htky":
+                    name= "汇通快递";
+                    break;
+                case "ttkdex":
+                    name= "天天快递";
+                    break;
+                case "stars":
+                    name= "星晨急便";
+                    break;
+                case "jd":
+                    name= "京东快递";
+                    break;
+                case "01":
+                    name= "其他";
+                    break;
+                case "02":
+                    name= "上门送货";
+                    break;
+                case "longbanwuliu":
+                    name= "龙邦快递";
+                    break;
+                default:
+                    break;
+            }
+			$("#com").html(name);
+			$("#nu").html("单号:" + nu);
+			
+				$.ajax(base_path + '/logistics/getExpressInfo?dates=' + new Date().getTime(), {
+					data: {
+						"com": com,
+						"nu":nu
+					},
+					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 html = "";
+							mui.each(dt.data.data, function(index) {
+								var logisticsDate = this.time.substring(0,10);
+								html += '<section style="opacity: .5;">'
+								html += '<span class="point-time"></span>'
+								html += '<time datetime="2014-07"><span>'+ logisticsDate +'</span></time>'
+								html += '<aside>'
+								html += '<div class="things">'+ this.context +'</div>'
+								html += '<div class="brief">'+ this.time +'</div>'
+								html += '</aside>'
+								html += '</section>'
+							});
+							
+							html += '<button type="button" class="my-btn-black order_operate" style="margin: 0 auto;width: 100px;display: block;" fixedStatus="aftermarket" orderId>返回</button>'
+							
+							$("#logistic").html(html);
+						}
+					},
+					error: function(xhr, type, errorThrown) {
+						console.log(xhr);
+						mui.alert("获取订单列表失败!网络错误");
+					}
+				});
+			
+		console.log("页面加载完毕");
+		$(".loading").hide().css("opacity", "0");//隐藏(正在加载...)
+	});	
+	
+	
+	
+	/*订单按钮触发事件*/
+	$(document).on('tap', '.order_operate', function() {
+		window.history.back();
+	});
+	</script>
+	</body>
+</html>

+ 97 - 8
aiberle/order-details.html

@@ -48,6 +48,9 @@
 		</footer>
 		
 		<div class="mui-content">
+			<input type="hidden"  id="salesPostFirm" name="salesPostFirm" value=""/>
+			<input type="hidden"  id="salesPostNum" name="salesPostNum" value=""/>
+				
 			<div style="margin:14px 14px 0 14px;background-color: #f3f3f3;text-align: center;">
 				<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
 					<li class="mui-table-view-cell" style="background-color: #f3f3f3;border-radius: 5px;padding: 11px 8px;">
@@ -101,6 +104,7 @@
 		<script src="js/main.js"></script>
 		<script>
 			var orderId = getParam("orderId");
+			var status;
 			var isPay = true; // 是否在请求支付,false表示正在请求,true可以请求
 			var isEfficacious = true; //商品是否有效,有效则可以支付,无效则不能支付
 			mui.ready(function() {
@@ -128,9 +132,11 @@
 							location.href = dt.redirectURL;
 						} else {
 							if(dt.status) {
-								console.log(dt)
+								//console.log(dt)
 								var order = dt.data;
 								
+								status = order.salesStatus;
+								
 								$("#addressInfo").html(order.salesAddressInfo);
 								$("#addressName").html(order.salesAddressName);
 								$("#salesAddressTel").html(order.salesAddressTel);
@@ -144,10 +150,22 @@
 								document.querySelector('.shopping-cart-list').innerHTML = str;
 								document.querySelector('.loading-bg').style.display = 'none';
 								
-								var payHtml = '<button type="button" class="mui-btn my-btn-request go_pay" >立即支付</button>';
-								var aftermarketHtml = '<button type="button" class="mui-btn my-btn-request go_aftermarket" >我要售后</button>';
-								var logisticsHtml = '<button type="button" class="mui-btn my-btn-request" >查看物流</button>';
-								var cancelHtml = '<button type="button" class="mui-btn my-btn-request" >取消申请</button>';
+								if(order.salesPostFirm != null && order.salesPostFirm != "" && typeof(order.salesPostFirm) != "undefined"){
+									$("#salesPostFirm").val(order.salesPostFirm);
+								}
+								if(order.salesPostNum != null && order.salesPostNum != "" && typeof(order.salesPostNum) != "undefined"){
+									$("#salesPostNum").val(order.salesPostNum);
+								}
+							
+								var logisticsHtml =  '';
+								if(status == 5 ||  status == 12 ||  status == 6 ||  status == 11) {  //状态为取消,待支付,代发货,退货,换货都没有物流信息
+									if(order.salesPostFirm != null && order.salesPostFirm != "" && typeof(order.salesPostFirm) != "undefined" && order.salesPostNum != null && order.salesPostNum != "" && typeof(order.salesPostNum) != "undefined"){
+										logisticsHtml = '<button type="button" class="mui-btn my-btn-request logistics" style="margin-right: 20px;">查看物流</button>';
+									}
+								} 
+								var payHtml = '<button type="button" class="mui-btn my-btn-request go_pay"  style="margin-right: 20px;">立即支付</button>';
+								var aftermarketHtml = '<button type="button" class="mui-btn my-btn-request go_aftermarket" style="margin-right: 20px;">我要售后</button>';
+								var cancelHtml = '<button type="button" class="mui-btn my-btn-request go_cancel" style="margin-right: 20px;">取消申请</button>';
 								/*订单状态*/
 								var statusName = "";
 								var operationHtml = "";
@@ -251,13 +269,84 @@
 			});
 			
 			/**
-			 * 立即支付
+			 * 查询物流
 			 */
-			mui('body').on('tap', '.go_pay', function() {
-				goOrderPay(orderId);
+			mui('body').on('tap', '.logistics', function() {
+				var salesPostFirm = $("#salesPostFirm").val();
+				var salesPostNum = $("#salesPostNum").val();
+				location.href = "logistics-massage.html?salesPostFirm="+salesPostFirm + "&salesPostNum="+salesPostNum;
+			});
+			
+            /**
+			 * 取消订单
+			 */
+			mui('body').on('tap', '.go_cancel', function() {
+				var newStatus;
+				if(status == 3){  //申请退款的
+					newStatus = 3
+				}else if(status == 6){  //申请退货的
+					newStatus = 5
+				}else if(status == 7){ //退货中 的
+					newStatus = 6
+				}else if(status == 11){
+					newStatus = 8
+				}
+				if(status != null){
+					updateOrderStatus(orderId,newStatus,"");
+				}
 			});
 			
 			
+			
+			
+			/*修改订单状态*/
+			function updateOrderStatus(orderId, status, remark) {
+				var msg = "";
+				if(status == 1){
+					msg = "是否取消该订单";
+				}else if(status == 3){
+					msg = "是否取消申请退款";
+				}else if(status == 5){
+					msg = "是否取消申请退货";
+				}else if(status == 6){
+					msg = "是否取消申请退货";
+				}else if(status == 8){
+					msg = "是否取消申请换货";
+				}
+				
+				var btnArray = ['否', '是'];
+				mui.confirm(msg, "", btnArray, function(e){
+					 if (e.index == 1) {
+					 	$.ajax(base_path + '/wechat/cart/updateOrderStatus?dates=' + new Date().getTime(), {
+							data: {
+								"status": status, //更改后的状态
+								"orderId": orderId, //订单id
+								"remark": remark
+							},
+							dataType: 'json',
+							xhrFields: {
+								withCredentials: true
+							},
+							crossDomain: true,
+							type: 'get',
+							timeout: 15000,
+							success: function(dt) {
+								if(dt.resultCode == 200) {
+									//mui.alert("获取订单列表失败!网络错误");
+									//location.reload();//刷新
+								}
+								location.reload();//刷新
+							},
+							error: function(xhr, type, errorThrown) {
+								console.log(xhr);
+								mui.alert("获取订单列表失败!网络错误");
+							}
+						});
+					 }
+				})
+			}
+			
+			
 	function goOrderPay(salesOrderid) {
         var dataArgs = {
             "orderId": salesOrderid

+ 19 - 10
aiberle/order-list.html

@@ -246,7 +246,10 @@
                                 + '<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-right cl-red">'
                                 + '<span class="mui-pull-left">共' + color_num + '件</span>合计:¥' + accDiv(txt_order.salesYetAmount,100) + '&nbsp;&nbsp;'
                                 + '</li>'
-                                + '<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-left">'
+                                + '<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-left">';
+                             var ali = '<li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-right">';
+                             var ali2 = '</li>';
+                             var orderDesc = '<button type="button" class="my-order-btn" onclick="order_details(\'' + txt_order.salesOrderid + '\')">订单详情</button>';
                             if (txt_order.salesStatus == 1) {
                                 if(txt_order.salesAdminRemark > 0) {
                                     SetRemainTime("setName" + index, index, this.salesAdminRemark);
@@ -254,17 +257,23 @@
                                 }
                                 a += '<li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-right">'
                                     //+ '<button type="button" class="my-order-btn" onclick="cancel_order(\'' + txt_order.salesOrderid + '\',\'' + txt_order.salesStatus + '\')">取消订单</button>'
-                                    + '<button type="button" class="my-order-btn" onclick="goOrderPay(\'' + txt_order.salesOrderid + '\')">立即支付</button>'
-                                    + '<button type="button" class="my-order-btn" onclick="order_details(\'' + txt_order.salesOrderid + '\')">订单详情</button>'
-                                    + '</li>'
+                                    + '<button type="button" class="my-order-btn" onclick="goOrderPay(\'' + txt_order.salesOrderid + '\')">立即支付</button>';
+                                a += orderDesc;
+                                a += '</li>';
                             } else if (txt_order.salesStatus == 2) {
-                                a += '<li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-right">'
-                                    + '<button type="button" class="my-order-btn" onclick="order_details(\'' + txt_order.salesOrderid + '\')">订单详情</button><button type="button" class="my-order-btn" onclick="warnSend(\'' + txt_order.salesOrderid + '\',\'' + txt_order.salesStatus + '\')">提醒发货</button>'
-                                    + '</li>'
+                            	a += ali;
+                                a += '<button type="button" class="my-order-btn" onclick="warnSend(\'' + txt_order.salesOrderid + '\',\'' + txt_order.salesStatus + '\')">提醒发货</button>'
+                            	a += orderDesc;
+                            	a += ali2;
                             } else if (txt_order.salesStatus == 5) {
-                                a += '<li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-right">'
-                                    + '<button type="button" class="my-order-btn" onclick="show_logistics(\'' + txt_order.salesPostNum + '\',\'' + txt_order.salesPostFirm + '\');">查看物流</button><button type="button" class="my-order-btn" onclick="confirm_receipt(\'' + txt_order.salesOrderid + '\',\'' + txt_order.salesStatus + '\')">确认收货</button>'
-                                    + '</li>'
+                            	a += ali;
+                                a += '<button type="button" class="my-order-btn" onclick="confirm_receipt(\'' + txt_order.salesOrderid + '\',\'' + txt_order.salesStatus + '\')">确认收货</button>'
+                            	a += orderDesc;
+                            	a += ali2;
+                            }else{
+                            	a += ali;
+                            	a += orderDesc;
+                            	a += ali2;
                             }
                             li.innerHTML = a + '</ul>';
                             table.appendChild(li);