123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207 |
- <!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">
- 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>
|