logistics-massage.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  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. var com = getParam("salesPostFirm"); //快递公司代码
  89. var nu = getParam("salesPostNum"); //快递单号
  90. mui.ready(function(){
  91. var name = "";
  92. switch (com){
  93. case "sto":
  94. name= "申通快递";
  95. break;
  96. case "yto":
  97. name= "圆通快递";
  98. break;
  99. case "zto":
  100. name= "中通速递";
  101. break;
  102. case "sf":
  103. name= "顺丰快递";
  104. break;
  105. case "ems":
  106. name= "邮政EMS";
  107. break;
  108. case "eyb":
  109. name= "E邮宝";
  110. break;
  111. case "zjs":
  112. name= "宅急送";
  113. break;
  114. case "yunda":
  115. name= "韵达快递";
  116. break;
  117. case "cces":
  118. name= "cces快递";
  119. break;
  120. case "pick":
  121. name= "上门提货";
  122. break;
  123. case "htky":
  124. name= "汇通快递";
  125. break;
  126. case "ttkdex":
  127. name= "天天快递";
  128. break;
  129. case "stars":
  130. name= "星晨急便";
  131. break;
  132. case "jd":
  133. name= "京东快递";
  134. break;
  135. case "01":
  136. name= "其他";
  137. break;
  138. case "02":
  139. name= "上门送货";
  140. break;
  141. case "longbanwuliu":
  142. name= "龙邦快递";
  143. break;
  144. default:
  145. break;
  146. }
  147. $("#com").html(name);
  148. $("#nu").html("单号:" + nu);
  149. $.ajax(base_path + '/logistics/getExpressInfo?dates=' + new Date().getTime(), {
  150. data: {
  151. "com": com,
  152. "nu":nu
  153. },
  154. dataType: 'json',
  155. xhrFields: {
  156. withCredentials: true
  157. },
  158. crossDomain: true,
  159. type: 'get',
  160. timeout: 15000,
  161. success: function(dt) {
  162. if(dt.isRedirect) {
  163. location.href = dt.redirectURL;
  164. } else {
  165. console.log(dt);
  166. var html = "";
  167. mui.each(dt.data.data, function(index) {
  168. var logisticsDate = this.time.substring(0,10);
  169. html += '<section style="opacity: .5;">'
  170. html += '<span class="point-time"></span>'
  171. html += '<time datetime="2014-07"><span>'+ logisticsDate +'</span></time>'
  172. html += '<aside>'
  173. html += '<div class="things">'+ this.context +'</div>'
  174. html += '<div class="brief">'+ this.time +'</div>'
  175. html += '</aside>'
  176. html += '</section>'
  177. });
  178. html += '<button type="button" class="my-btn-black order_operate" style="margin: 0 auto;width: 100px;display: block;" fixedStatus="aftermarket" orderId>返回</button>'
  179. $("#logistic").html(html);
  180. }
  181. },
  182. error: function(xhr, type, errorThrown) {
  183. console.log(xhr);
  184. mui.alert("获取订单列表失败!网络错误");
  185. }
  186. });
  187. console.log("页面加载完毕");
  188. $(".loading").hide().css("opacity", "0");//隐藏(正在加载...)
  189. });
  190. /*订单按钮触发事件*/
  191. $(document).on('tap', '.order_operate', function() {
  192. window.history.back();
  193. });
  194. </script>
  195. </body>
  196. </html>