liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
							<!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/style.css" />
		<style>
		.logistics-massage-head{background-color: #fff;height:175px;text-align: center;padding:10px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
		.logistics-massage-cell{position: absolute;width: 100%;left: 0;top: 18px;text-align: center;}
		.logistics-massage-cell h4,.logistics-massage-cell h6{margin: 10px 0;}
		</style>
		<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">
		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>