express.html
7.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>单号查询结果</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/express.css"/>
<script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
<include file="public/header" />
</head>
<body>
<include file="public/navBall" />
<input id="stoid" value="{$Think.request.stoid}" type="hidden"/>
<div class="viewport enableNavbar enableToolbar enableScroll enableTransition">
<!--<if condition="$Request.param.display eq null">-->
<!--<header class="navbar">-->
<!--<ul>-->
<!--<li>查看物流</li>-->
<!--<li><a class="back" data-id="back" href="javascript:history.back(-1)">返回</a></li>-->
<!--<li></li>-->
<!--</ul>-->
<!--</header>-->
<!--</if> -->
<section class="content">
<div class="wrap">
<div class="inactive prev" index="0"></div>
<div class="active" index="1" style="transform: translate3d(0px, 0px, 0px);">
<div id="J_oper_plugin">
<div class="logis-order"><!--订单商品-->物流详情</div>
<!--<foreach name="order_goods" item="v">
<div class="mb-ollr">
<div class="ol-l">
<a class="fragment" href="{:U('Goods/goodsInfo',array('id'=>$v[goods_id],'stoid'=>$Think.request.stoid))}"><img src="{$v.goods_id|goods_thum_images=200,200}"></a>
</div>
<div class="ol-r">
<a class="fragment">
<h3><span>{$v.goods_name}</span></h3>
<p class="r-price"> {$v.goods_price}</p>
<p class="d-total"> 共{$v.goods_num}件 </p>
</a>
</div>
</div>
</foreach>
<div class="logis-info">
<p> 物流公司 {$delivery.shipping_name} </p>
<p> 运单号码 {$delivery.invoice_no} </p>
</div>-->
<div class="logistics">
<img src="{:getimg($expimg,NOIMG)}" width="100">
<ul class="logistics_info">
<li class="state">物流状态：<span id="wustate"></span></li>
<li>承运公司：{$delivery['shipping_name']|default='暂无'}</li>
<li>运单编号：{$delivery['invoice_no']|default='暂无'}</li>
<!--<li>官方电话：暂无</li>-->
</ul>
</div>
<div class="logis-detail">
<ul>
<li id="fexpinfo">
<if condition="$delivery['shipping_code'] AND $delivery['invoice_no']">
<p class="logis-detail-date" id="express_info">物流动态</p>
<script>
queryExpress();
function queryExpress()
{
var shipping_code = "{$delivery['shipping_code']}";
var invoice_no = "{$delivery['invoice_no']}";
var ii=layer.open({type:2, shadeClose: false});
$.ajax({
type : "GET",
dataType: "json",
//url:"/index.php?m=Home&c=Api&a=queryExpress&shipping_code="+shipping_code+"&invoice_no="+invoice_no,//+tab,
url:"/index.php/mobile/user/getwuliu/stoid/"+$("#stoid").val()+"/bh/"+invoice_no+"/com/"+shipping_code,
success: function(data){
layer.close(ii);
var html = '';
if(data.code==0){
switch (data.state)
{
case "0":
$("#wustate").text('无轨迹');
break;
case "1":
$("#wustate").text('已揽收');
break;
case "2":
$("#wustate").text('在途中');
break;
case "3":
$("#wustate").text('签收');
break;
case "4":
$("#wustate").text('问题件');
break;
}
$.each(data.data.reverse(), function(i,n){
if(i == 0){
html +="<div class='logis-detail-d logis-detail-first'>"+
"<div class='logis-detail-content'><p class='logis-detail-content-time'>" +n.AcceptTime+
"</p><p class='logis-detail-content-detail'>" + n.AcceptStation+ "</p></div></div>";
}else{
html +="<div class='logis-detail-d'>"+
"<div class='logis-detail-content'><p class='logis-detail-content-time'>" +n.AcceptTime+
"</p><p class='logis-detail-content-detail'>" + n.AcceptStation+ "</p></div></div>";
}
});
}else{
var msg=data.msg;
var rcode=data.rscode;
if(rcode==500){
msg="查无结果，订单号错误或者请隔段时间再查";
}
$("#fexpinfo").html("");
$("#experr").text(msg);
$("#noexp").show();
}
$("#express_info").after(html);
}
});
}
</script>
</if>
</li>
</ul>
</div>
<div id="noexp" style="text-align: center; display: none">
<p class="logis-order" style="text-align: left;" id="express_info">物流动态</p>
<img src="__STATIC__/images/user/car.png" style="width: 50%;margin:20px auto;" />
<p id="experr" style="font-size: 14px;color: #333333;">物流信息错误！</p>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
<script>
$(function () {
var htm=$.trim($("#fexpinfo").html());
if(htm==""){
$("#noexp").show();
}
});
</script>
</html>