218 lines
8.4 KiB
HTML
218 lines
8.4 KiB
HTML
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||
<title>物流详情</title>
|
||
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
||
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
|
||
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
|
||
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
|
||
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
||
<script type="text/javascript" src="/layer/layer.js"></script>
|
||
<script type="text/javascript" src="/Scripts/long.js"></script>
|
||
<script type="text/javascript" src="/script/moment.js"></script>
|
||
<script type="text/javascript" src="/script/api.js"></script>
|
||
<style type="text/css">
|
||
html, body {
|
||
overflow: hidden;
|
||
background-color:#fff;
|
||
}
|
||
|
||
#wrapper {
|
||
flex: 1;
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
.pullDown {
|
||
position: absolute;
|
||
top: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullUp {
|
||
position: absolute;
|
||
bottom: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
||
display: block;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
var userId = null;
|
||
var LoginId = null;
|
||
var CartId = null;
|
||
var opentimes = null;
|
||
var kdgs = null;
|
||
var kdgsmc = null;
|
||
var ydh = null;
|
||
var mobile = null;
|
||
var myScroll = null;
|
||
var pullDown = 1; // 下拉刷新避免多次执行
|
||
var pullUp = 1; // 上拉加载避免多次执行
|
||
var downHeight = 0;
|
||
var upHeight = 0;
|
||
var isload = true;//设置是否终止滚动加载
|
||
var curScrollHeight = 0;//当前滚动位置
|
||
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||
$(document).ready(function () {
|
||
userId = getlocalStorage("userId");
|
||
LoginId = getlocalStorage("LoginId");
|
||
kdgs = getlocalStorage("kdgs");
|
||
kdgsmc = getlocalStorage("kdgsmc");
|
||
ydh = getlocalStorage("ydh");
|
||
mobile = getlocalStorage("kdmobile");
|
||
$("#wuliugsmc").html(kdgsmc == "自提" ? kdgsmc : kdgsmc + "：" + ydh);
|
||
if (kdgs != "auto") {
|
||
$(".statusbox").removeClass("uhide");
|
||
rdata();
|
||
} else {
|
||
$(".statusbox").addClass("uhide");
|
||
}
|
||
|
||
|
||
|
||
});
|
||
|
||
|
||
|
||
function rdata() {
|
||
userId = getlocalStorage("userId");
|
||
LoginId = getlocalStorage("LoginId");
|
||
$(".ajaxLoader").removeClass("uhide");
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: "/apiajax.ashx",
|
||
data: "&action=kdchaxun&ifweb=1&kdgs=" + kdgs + "&ydh=" + ydh + "&mobile=" + mobile +"&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
||
dataType: "JSON",
|
||
error: function (xhr, type) {
|
||
tishi3("发生错误：" + JSON.stringify(xhr));
|
||
},
|
||
success: function (data) {
|
||
|
||
|
||
if (data) {
|
||
if (data.success) {
|
||
var tconut = data.items.length;
|
||
|
||
var status = parseInt(data.status);
|
||
$(".statusbox h3 span").removeClass("hover");
|
||
$(".statusbox h3 span i.times").html("");
|
||
if (status > 0) {
|
||
$(".statusbox h3 span#status1").addClass("hover");
|
||
}
|
||
if (status > 1) {
|
||
$(".statusbox h3 span#status2").addClass("hover");
|
||
}
|
||
if (status > 2) {
|
||
$(".statusbox h3 span#status3").addClass("hover");
|
||
}
|
||
if (status > 3) {
|
||
$(".statusbox h3 span#status4").addClass("hover");
|
||
$(".statusbox h3 span i.times").html(data.times);
|
||
}
|
||
var strdata = "";
|
||
for (var i = tconut - 1; i >= 0; i--) {
|
||
var ddate = data.items[i].ddate;
|
||
strdata += "<li><span class=\"rq\">" + ddate + "</span>";
|
||
var dconut = data.items[i].lists.length;
|
||
|
||
for (var j = dconut - 1; j >= 0; j--) {
|
||
var sclass = "";
|
||
if (i === tconut && j == dconut) {
|
||
sclass = " hover";
|
||
}
|
||
strdata += "<span class=\"conent" + sclass + "\">";
|
||
strdata += "<span class=\"lconent\"><span></span><em></em></span>";
|
||
strdata += "<span class=\"rconent\"><em></em><span class=\"title\">" + data.items[i].lists[j].remark + "</span><span class=\"time\">" + data.items[i].lists[j].datetime + "</span></span>";
|
||
strdata += "</span>";
|
||
|
||
}
|
||
strdata += "</li>";
|
||
|
||
}
|
||
$(".statusbox ul").html(strdata);
|
||
|
||
$(".ajaxLoader").addClass("uhide");
|
||
} else {
|
||
|
||
tishi3(data.msg);
|
||
$(".ajaxLoader").addClass("uhide");
|
||
if (data.msg == "您未登录") {
|
||
onlink("/");
|
||
}
|
||
}
|
||
} else {
|
||
tishi3("网络错误！");
|
||
$(".ajaxLoader").addClass("uhide");
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body class="wrap">
|
||
<header>
|
||
<div class="ub">
|
||
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
|
||
|
||
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
||
|
||
|
||
</div>
|
||
<h1 class="ub-f1">
|
||
物流详情
|
||
</h1>
|
||
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0; min-width:3em; ">
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="ub-f1" id="wrapper">
|
||
|
||
<div class="maxcontent">
|
||
<div class="ub ub-f1" style="margin: .5em;padding:1em;"><span id="wuliugsmc"></span></div>
|
||
<div class="statusbox">
|
||
<h3>
|
||
<span id="status1"><span class="em"><em></em><br><i>收件</i></span><span class="soujian"></span></span>
|
||
<span id="status2"><span class="em"><em></em><br><i>运输中</i></span><span></span></span>
|
||
<span id="status3"><span class="em"><em></em><br><i>派送</i></span><span></span></span>
|
||
<span id="status4"><span class="qiasou em"><em></em><br><i>签收</i><br><i class="times"></i></span><span class="qs"></span></span>
|
||
</h3>
|
||
<ul></ul>
|
||
|
||
</div>
|
||
|
||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||
<div class="ub ub-ac ub-ver"><img src="../image/load.gif" /><br>正在加载...</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
|
||
</html>
|