<html>
<head runat="server">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
charset=utf-8 />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/KuaiDiView.css" />
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<title>物流信息</title>
<script>
var wlgsname = ""; //物流公司名称
var wldh = ""; //快递单号
var wlgsid = ""; //物流公司代码ID
$(function () {
//物流公司名称（如：顺丰）
wlgsname = getUrlParam("wlgsname");
wlgsname = decodeURI(wlgsname, "utf-8");
//物流单号（如：SF00000001）
wldh = getUrlParam("wldh");
wldh = decodeURI(wldh);
//物流公司代码（如：shunfeng）
wlgsid = getUrlParam("wlgsid");
wlgsid = decodeURI(wlgsid);
$(".gsname").text(wlgsname);
$(".gsdh").text(wldh);
KuaiDiSearch(wlgsid, wldh);
});
//正则表达式获取url参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return r[2];
return null; //返回参数值
}
//快递查询详情状态
function KuaiDiSearch(wlgsid_0, wldh_0) {
$.ajax({
url: "http://xxx:8071/api/SelectKDXX?comId=" + wlgsid + "&kdBillno=" + wldh + "",//*自定义查询快递信息接口
type: "Get",
data: {},
success: function (dataObject) {
if (dataObject.state == 200) {
let dat = JSON.parse(dataObject.data);
debugger
if (dat.message == "ok") {
for (var i = 0; i < dat.data.length; i++) {
var kdtime = dat.data[i].time; //快递节点时间
var kdtext = dat.data[i].context; //快递节点信息
if (i == 0) //第一个节点字体蓝色(最新物流信息)
{
$(".liebiao_1").append(
"<ul class='ul0' style='color:#2fbdfb;padding-top:20px'><li><div class='circle'></div></li><li><div class='div_text'><label class='wl_text'>" + kdtext + "</label></div></li><li><div class='div_time'><label class='wl_time'>" + kdtime + "</label></div> </li></ul><div class='div_fgx'></div>");
continue;
} else if (i == (dat.data.length - 1)) //最后一个节点字体无竖线
{
$(".liebiao_1").append(
"<ul class='ul0' style='color:#8b8b8b'><li><div class='circle'></div></li><li><div class='div_text'><label class='wl_text'>" + kdtext + "</label></div></li><li><div class='div_time'><label class='wl_time'>" + kdtime + "</label></div> </li></ul>");
continue;
}
$(".liebiao_1").append(
"<ul class='ul0' style='color:#8b8b8b'><li><div class='circle'></div></li><li><div class='div_text'><label class='wl_text'>" + kdtext + "</label></div></li><li><div class='div_time'><label class='wl_time'>" + kdtime + "</label></div> </li></ul><div class='div_fgx'></div>");
}
}
else {
$(".liebiao_1").append("<ul class='ul0' style='color:red'><li><div class='circle'></div></li><li><div class='div_text'><label class='wl_text'>" + dat.message + "</label></div></li></ul>");
}
} else {
//alert(dat.message);
alert("该快递单号不存在或者已经过期！");
}
},
error: function (err) {
alert("发生一个异常！请联系管理员！");
console.log(err);
}
});
};
</script>
</head>
<body>
<div class="content">
<div>
<header class="header">
<p class="text">
物流追踪
</p>
</header>
</div>
<div class="xiabu_1">
<div
style="width:100%;height:80px;text-align:left;margin-bottom:-10px;background-color:#fff;border-bottom:1px solid #e7e7e7;">
<img style=" width:120px;height:80px;margin-top:0px;margin-left:5px;" class="img_kuaidi"
src="img/timg.gif" alt="" />
<div style="margin-top:-80px;margin-left:85px;">
<ul style="width:70%;color:#8b8b8b">
<li style="display: block">公司：<label style="font-weight: 600;" class="gsname"></label></li>
<li style="display: block;margin-top:8px;">单号：<label style="font-weight: 600;"
class="gsdh"></label></li>
</ul>
</div>
</div>
<div class="liebiao">
<div class="liebiao_1">
</div>
</div>
</div>
</div>
</body>
</html>
- 1
- 2
前往页