| 提交 | 用户 | age | ||
| 693828 | 1 | <%@ page import="com.yc.sdk.shopping.util.SettingKey" %> |
| X | 2 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> |
| 3 | <% | |
| 4 | String URL = SettingKey.getHostUrl(request); | |
| 5 | String shippercode = request.getParameter("shippercode"); | |
| 6 | shippercode = (shippercode != null ? shippercode : ""); | |
| 7 | String logisticscode = request.getParameter("logisticscode"); | |
| 8 | logisticscode = (logisticscode != null ? logisticscode : ""); | |
| 625bed | 9 | String logisticsstate = request.getParameter("logisticsstate"); |
| X | 10 | logisticsstate = (logisticsstate != null ? logisticsstate : ""); |
| 693828 | 11 | String shippername = request.getParameter("shippername"); |
| X | 12 | shippername = (shippername != null ? shippername : ""); |
| 625bed | 13 | String ReceipterTelephone = request.getParameter("receiptertelephone"); |
| X | 14 | ReceipterTelephone = (ReceipterTelephone != null ? ReceipterTelephone : ""); |
| 693828 | 15 | int formid = Integer.parseInt(request.getParameter("formid")); |
| X | 16 | String doccode = request.getParameter("doccode"); |
| 17 | %> | |
| 18 | <html> | |
| 19 | <head> | |
| 20 | <title>物流信息</title> | |
| 21 | <link rel="stylesheet" | |
| 22 | href="<%=URL%>/layui/css/layui.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/layui/css/layui.css")%>"> | |
| 23 | <link rel="stylesheet" | |
| 24 | href="<%=URL%>/layui/css/main.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/layui/css/main.css")%>"> | |
| 25 | <style> | |
| 26 | body { | |
| 27 | overflow-y: hidden; | |
| 28 | } | |
| 29 | ||
| 30 | .center { | |
| 31 | margin: 10px; | |
| 32 | padding: 5px; | |
| 33 | overflow-y: hidden; | |
| 34 | } | |
| 35 | ||
| 36 | .Top { | |
| 37 | margin: 10px; | |
| 38 | height: 80px; | |
| 39 | padding: 5px; | |
| 40 | width: auto; | |
| 41 | box-shadow: 0px 0px 10px #CCC; | |
| 42 | border-radius: 5px; | |
| 43 | overflow-y: hidden; | |
| 44 | } | |
| 45 | ||
| 46 | .bottom { | |
| 47 | margin-top: 25px; | |
| 48 | overflow-y: hidden; | |
| 49 | } | |
| 50 | ||
| 51 | table { | |
| 52 | height: 100%; | |
| 53 | margin-left: 20px; | |
| 54 | } | |
| 55 | ||
| 56 | .aui-timeLine::-webkit-scrollbar { | |
| 57 | width: 8px; /*对垂直流动条有效*/ | |
| 58 | } | |
| 59 | ||
| 60 | /*定义两端按钮的样式*/ | |
| 61 | .aui-timeLine::-webkit-scrollbar-thumb { | |
| 62 | border-radius: 7px; | |
| 63 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); | |
| 64 | background-color: #E8E8E8; | |
| 65 | } | |
| 66 | ||
| 67 | .aui-timeLine { | |
| 68 | background-color: #fff; | |
| 69 | font-size: 13px; | |
| 70 | color: #6e6e6e; | |
| 71 | overflow: hidden; | |
| 72 | position: relative; | |
| 73 | z-index: 1; | |
| 74 | overflow-y: auto; | |
| 75 | height: calc(100% - 180px); | |
| 76 | } | |
| 77 | ||
| 78 | .b-line { | |
| 79 | position: relative; | |
| 80 | } | |
| 81 | ||
| 82 | .aui-timeLine-content { | |
| 83 | margin-left: 16px; | |
| 84 | border-left: 1px solid #e4e5e9; | |
| 85 | } | |
| 86 | ||
| 87 | .aui-timeLine-content-item { | |
| 88 | padding: 16px 12px 16px 0; | |
| 89 | margin-left: 16px; | |
| 90 | position: relative; | |
| 91 | border-bottom: 1px solid #eae6e6; | |
| 92 | } | |
| 93 | ||
| 94 | .aui-timeLine-content .aui-timeLine-content-item:first-child { | |
| 95 | margin-top: 16px; | |
| 96 | padding-top: 0; | |
| 97 | color: #ff8785; | |
| 98 | } | |
| 99 | ||
| 100 | .aui-timeLine-content .aui-timeLine-content-item:first-child:before { | |
| 101 | content: ""; | |
| 102 | width: 16px; | |
| 103 | height: 16px; | |
| 104 | position: absolute; | |
| 105 | z-index: 0; | |
| 106 | top: 0; | |
| 107 | left: -24px; | |
| 108 | background-color: #fbbfbf; | |
| 109 | border-radius: 99px; | |
| 110 | } | |
| 111 | ||
| 112 | .aui-timeLine-content-icon { | |
| 113 | width: 8px; | |
| 114 | height: 8px; | |
| 115 | border-radius: 99px; | |
| 116 | background-color: #e4e5e9; | |
| 117 | content: ""; | |
| 118 | position: absolute; | |
| 119 | z-index: 1; | |
| 120 | left: -16px; | |
| 121 | display: block; | |
| 122 | top: 19px; | |
| 123 | -webkit-transform: translate(-50%); | |
| 124 | transform: translate(-50%); | |
| 125 | } | |
| 126 | ||
| 127 | .aui-timeLine-content-item:first-child > .aui-timeLine-content-icon { | |
| 128 | top: 3px; | |
| 129 | } | |
| 130 | ||
| 131 | .aui-timeLine-content-item:first-child > .aui-timeLine-content-icon { | |
| 132 | background-color: #f23030; | |
| 133 | width: 10px; | |
| 134 | height: 10px; | |
| 135 | } | |
| 136 | </style> | |
| 137 | </head> | |
| 138 | <body> | |
| 139 | <div class="center"> | |
| 140 | <div class="Top"> | |
| 141 | <table> | |
| 142 | <tr> | |
| 143 | <td> | |
| 144 | <div style="width: 100px;color: #636161">快递单号：</div> | |
| 145 | </td> | |
| 146 | <td> | |
| 625bed | 147 | <div id="logisticsCode" style="width: 500px"><%=logisticscode%> |
| X | 148 | </div> |
| 693828 | 149 | </td> |
| X | 150 | <td rowspan="2"> |
| 151 | <div id="stateDesc" style="text-align: center;width: 100px;font-size: 22px;"></div> | |
| 152 | </td> | |
| 153 | </tr> | |
| 154 | <tr> | |
| 155 | <td> | |
| 156 | <div style="width: 100px;color: #636161">物流公司：</div> | |
| 157 | </td> | |
| 158 | <td> | |
| 625bed | 159 | <div id="shipperName" style="width: 500px"><%=shippername%> |
| X | 160 | </div> |
| 693828 | 161 | </td> |
| X | 162 | </tr> |
| 163 | </table> | |
| 164 | </div> | |
| 165 | <div class="bottom"> | |
| 166 | <div class="aui-timeLine b-line"> | |
| 167 | <ul class="aui-timeLine-content"> | |
| 168 | ||
| 169 | </ul> | |
| 170 | </div> | |
| 171 | </div> | |
| 172 | </div> | |
| 173 | <script type="text/javascript" | |
| 174 | src="/js/jquery-1.4.4.min.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jquery-1.4.4.min.js")%>"></script> | |
| 175 | <script src="<%=URL %>/layui/layui.all.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/layui/layui.all.js")%>" | |
| 176 | type="text/javascript"></script> | |
| 177 | <script> | |
| 178 | $(function () { | |
| 179 | var data = { | |
| 180 | "logisticsCode": "<%=logisticscode%>", | |
| 625bed | 181 | "logisticsState": <%=logisticsstate%>"", |
| 0765d8 | 182 | "shipperCode": "<%=shippercode%>", |
| X | 183 | "shipperName": "<%=shippername%>", |
| 625bed | 184 | "receipterTelephone": "<%=ReceipterTelephone%>", |
| 693828 | 185 | "formid":<%=formid%>, |
| X | 186 | "docCode": "<%=doccode%>" |
| 187 | }; | |
| 188 | $.ajax({ | |
| 189 | url: "/mutual/getTraces.do", | |
| 190 | data: JSON.stringify(data), | |
| 191 | type: "post", | |
| 192 | dataType: "json", | |
| 193 | contentType: 'application/json;charset=UTF-8', | |
| 194 | success: function (result) { | |
| 195 | if (result != null && result.state == 0) { | |
| 196 | sethtml(result.data); | |
| 197 | } else { | |
| 625bed | 198 | errorText(result.msg); |
| 693828 | 199 | } |
| 625bed | 200 | }, error: function (XMLHttpRequest, textStatus, errorThrown) { |
| X | 201 | errorText(XMLHttpRequest.responseText); |
| 693828 | 202 | } |
| X | 203 | }); |
| 204 | }) | |
| 205 | ||
| 206 | function sethtml(data) { | |
| 207 | if (data != null) { | |
| 208 | $("#stateDesc").html(data.stateDesc);//物流状态 | |
| 209 | $("#logisticsCode").html(data.logisticCode);//物流单号 | |
| 210 | $("#shipperName").html(data.shipperName);//物流公司名 | |
| 211 | var traces = data.traces; | |
| 212 | var li = ""; | |
| 625bed | 213 | if (traces.length == 0) { |
| X | 214 | errorText(data.reason); |
| 215 | return; | |
| 216 | } | |
| 693828 | 217 | for (var i in traces) { |
| X | 218 | li += '<li class="aui-timeLine-content-item">' + |
| 219 | '<em class="aui-timeLine-content-icon"></em>' + | |
| 220 | '<p>' + traces[i].acceptStation + '</p>' + | |
| 221 | '<p style="margin-top: 10px;">' + traces[i].acceptTime + '</p></li>'; | |
| 222 | } | |
| 223 | $(".aui-timeLine-content").html(li); | |
| 224 | } | |
| 225 | } | |
| 625bed | 226 | |
| X | 227 | function errorText(text) { |
| 228 | var li = '<li class="aui-timeLine-content-item">' + | |
| 229 | '<em class="aui-timeLine-content-icon"></em>' + | |
| 230 | '<p>' + text + '</p></li>'; | |
| 231 | $(".aui-timeLine-content").html(li); | |
| 232 | } | |
| 693828 | 233 | </script> |
| X | 234 | </body> |
| 235 | </html> | |
