logistics-massage.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>物流信息</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  13. <script>
  14. //屏蔽分享
  15. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  16. WeixinJSBridge.call('hideOptionMenu');
  17. });
  18. </script>
  19. </head>
  20. <body>
  21. <div class="mui-content">
  22. <div class="logistics-massage-head">
  23. <div class="logistics-massage-cell">
  24. <div>
  25. <img width="80px" src="images/logo.png" />
  26. </div>
  27. <h4 id="com"></h4>
  28. <h6 id="nu"></h6>
  29. </div>
  30. </div>
  31. <div class="content">
  32. <article id="logistic">
  33. <!--<section style="opacity: .5;">
  34. <span class="point-time"></span>
  35. <time datetime="2014-07">
  36. <span>2018-01-11</span>
  37. </time>
  38. <aside>
  39. <div class="things">
  40. 开始处理
  41. </div>
  42. <div class="brief">
  43. 2018-01-02 12:12:12
  44. </div>
  45. </aside>
  46. </section>
  47. <section style="opacity: .5;">
  48. <span class="point-time"></span>
  49. <time datetime="2014-07">
  50. <span>2018-01-11</span>
  51. </time>
  52. <aside>
  53. <div class="things">
  54. 开始处理
  55. </div>
  56. <div class="brief">
  57. 2018-01-02 12:12:12
  58. </div>
  59. </aside>
  60. </section>
  61. <section>
  62. <span class="point-time"></span>
  63. <time datetime="2014-07">
  64. <span>2018-01-11</span>
  65. </time>
  66. <aside>
  67. <div class="things">
  68. 开始处理
  69. </div>
  70. <div class="brief">
  71. 2018-01-02 12:12:12
  72. </div>
  73. </aside>
  74. </section>-->
  75. </article>
  76. </div>
  77. </div>
  78. <!-- 加载ing begin-->
  79. <div class="loading covers">
  80. <div class="loading-bj"></div>
  81. <p>正在加载...</p>
  82. </div>
  83. <!-- 加载ing end -->
  84. <script type="text/javascript" src="js/mui.min.js"></script>
  85. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  86. <script type="text/javascript" src="js/main.js"></script>
  87. <script type="text/javascript">
  88. window.addEventListener('pageshow', function(e) {
  89. // 通过persisted属性判断是否存在 BF Cache
  90. if(e.persisted) {
  91. location.reload();
  92. }
  93. });
  94. var com = getParam("salesPostFirm"); //快递公司代码
  95. var nu = getParam("salesPostNum"); //快递单号
  96. mui.ready(function(){
  97. var name = "";
  98. switch (com){
  99. case "sto":
  100. name= "申通快递";
  101. break;
  102. case "yto":
  103. name= "圆通快递";
  104. break;
  105. case "zto":
  106. name= "中通速递";
  107. break;
  108. case "sf":
  109. name= "顺丰快递";
  110. break;
  111. case "ems":
  112. name= "邮政EMS";
  113. break;
  114. case "eyb":
  115. name= "E邮宝";
  116. break;
  117. case "zjs":
  118. name= "宅急送";
  119. break;
  120. case "yunda":
  121. name= "韵达快递";
  122. break;
  123. case "cces":
  124. name= "cces快递";
  125. break;
  126. case "pick":
  127. name= "上门提货";
  128. break;
  129. case "htky":
  130. name= "汇通快递";
  131. break;
  132. case "ttkdex":
  133. name= "天天快递";
  134. break;
  135. case "stars":
  136. name= "星晨急便";
  137. break;
  138. case "jd":
  139. name= "京东快递";
  140. break;
  141. case "01":
  142. name= "其他";
  143. break;
  144. case "02":
  145. name= "上门送货";
  146. break;
  147. case "longbanwuliu":
  148. name= "龙邦快递";
  149. break;
  150. default:
  151. break;
  152. }
  153. $("#com").html(name);
  154. $("#nu").html("单号:" + nu);
  155. $.ajax(base_path + '/logistics/getExpressInfo?dates=' + new Date().getTime(), {
  156. data: {
  157. "com": com,
  158. "nu":nu
  159. },
  160. dataType: 'json',
  161. xhrFields: {
  162. withCredentials: true
  163. },
  164. crossDomain: true,
  165. type: 'get',
  166. timeout: 15000,
  167. success: function(dt) {
  168. if(dt.isRedirect) {
  169. location.href = dt.redirectURL;
  170. } else {
  171. console.log(dt);
  172. var html = "";
  173. mui.each(dt.data.data, function(index) {
  174. var logisticsDate = this.time.substring(0,10);
  175. html += '<section style="opacity: .5;">'
  176. html += '<span class="point-time"></span>'
  177. html += '<time datetime="2014-07"><span>'+ logisticsDate +'</span></time>'
  178. html += '<aside>'
  179. html += '<div class="things">'+ this.context +'</div>'
  180. html += '<div class="brief">'+ this.time +'</div>'
  181. html += '</aside>'
  182. html += '</section>'
  183. });
  184. html += '<button type="button" class="my-btn-black order_operate" style="margin: 0 auto;width: 100px;display: block;" fixedStatus="aftermarket" orderId>返回</button>'
  185. $("#logistic").html(html);
  186. }
  187. },
  188. error: function(xhr, type, errorThrown) {
  189. console.log(xhr);
  190. mui.alert("获取订单列表失败!网络错误");
  191. }
  192. });
  193. console.log("页面加载完毕");
  194. $(".loading").hide().css("opacity", "0");//隐藏(正在加载...)
  195. });
  196. /*订单按钮触发事件*/
  197. $(document).on('tap', '.order_operate', function() {
  198. window.history.back();
  199. });
  200. </script>
  201. </body>
  202. </html>