You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

235 lines
10 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Cache-control" content="no-cache" />
  8. <meta http-equiv="Cache" content="no-cache" />
  9. <meta http-equiv="content-language" content="zh-TW">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <meta name="keywords" content="貨況查詢服務 - Eurotran 奕達運通有限公司">
  12. <meta name="description" content="">
  13. <title>貨況查詢服務 - Eurotran 奕達運通有限公司</title>
  14. <link rel="shortcut icon" href="images/favicon.png">
  15. <link href="../Content/toastr.min.css" rel="stylesheet" />
  16. <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
  17. <link href="css/main.css" rel="stylesheet">
  18. <link href="css/track.css" rel="stylesheet">
  19. <link href="css/track_print.css" rel="stylesheet" />
  20. </head>
  21. <body>
  22. <!-- header -->
  23. <div id="headerWrapper">
  24. <header>
  25. <h1><a href="index.html">奕達運通</a></h1>
  26. <ul id="language">
  27. <li class="cn"><a href="cn/onlineTrack.html"><span></span> <em>简体中文</em></a></li>
  28. <li class="en"><a href="en/onlineTrack.html"><span>EN</span> <em>English</em></a></li>
  29. <li class="CherryBuy"><a href="#"><span>&nbsp;</span> <em>櫻桃訂購專區</em></a></li>
  30. </ul>
  31. </header>
  32. </div>
  33. <!-- header end -->
  34. <!-- Menu -->
  35. <h4 class="openMenu">Menu</h4>
  36. <div id="menuWrapper">
  37. <!--載入menubar.js生成menu-->
  38. </div>
  39. <!-- Menu end -->
  40. <div id="innerTitle" class="addBG">
  41. <h1 class="indexTitle"><em>Tracking System</em> <span>貨況查詢服務</span></h1>
  42. </div>
  43. <article>
  44. <!-- left -->
  45. <div id="sidebar">
  46. <div id="left">
  47. <h4>Menu</h4>
  48. <ul>
  49. <li><a href="onlineTrack.html" style="color:#EC681E">貨況查詢服務</a></li>
  50. <li><a href="inquiry.html">預約服務</a></li>
  51. <li><a href="contact.html?T=O">線上詢價</a></li>
  52. <li><a href="onlineDownload.html">會展物流相關表單</a></li>
  53. </ul>
  54. </div>
  55. </div>
  56. <!-- left end -->
  57. <!-- right -->
  58. <div id="right">
  59. </div>
  60. <!-- right end -->
  61. <p class="clear"></p>
  62. </article>
  63. <!--------------------- footer --------------------->
  64. <footer>
  65. <div id="footer">
  66. <a href="index.html"><img src="images/logoFooterEuro.png"></a><a href="https://www.iela.org" target="_blank"><img src="images/logoFooterIELA.png"></a><a href="https://www.ttclub.com" target="_blank"><img src="images/logoFooterTT.png"></a><a href="https://afeca.asia" target="_blank"><img src="images/logoFooterAFECA.png"></a>
  67. <ul>
  68. <li>台北市南港區重陽路455號10樓</li>
  69. <li>02-2785-6000</li>
  70. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  71. </ul>
  72. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank"></a><a href="https://lin.ee/PywKrQc" target="_blank"></a>
  73. </div>
  74. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  75. </footer>
  76. <div id="toTop">TOP</div>
  77. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  78. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  79. <div id="lineapp" class="NoShowInMobile"><a href="https://lin.ee/PywKrQc" target="_blank"></a></div>
  80. <!--------------------- footer end --------------------->
  81. </body>
  82. </html>
  83. <script src="js/jquery-2.2.4.min.js"></script>
  84. <script src="js/jquery.fancybox.min.js"></script>
  85. <script src="js/menubar.js"></script>
  86. <script src="js/stickySidebar.js"></script>
  87. <script src="../Scripts/i18next.min.js"></script>
  88. <script src="../Scripts/jquery.jqprint-0.3.js"></script>
  89. <script src="../Scripts/jquery.validate.min.js"></script>
  90. <script src="../Scripts/jsrender.min.js"></script>
  91. <script src="../Scripts/jquery.blockUI.js"></script>
  92. <script src="../Scripts/toastr.min.js"></script>
  93. <script src="../Scripts/lib/base64.js"></script>
  94. <script>
  95. $(function () {
  96. $("head").append("<script type='text/javascript' src='../Scripts/lib/Util.js'>");
  97. $("head").append("<script type='text/javascript' src='js/menu.js'>");
  98. $("head").append("<script type='text/javascript' src='js/onlineTrack.js'>");
  99. });
  100. </script>
  101. <!--<script src="../Scripts/lib/Util.js?v=20180801"></script>
  102. <script src="js/menu.js?v=20180801"></script>
  103. <script src="js/onlineTrack.js?v=20191029"></script>-->
  104. <script id="temp_query" type="text/x-jsrender">
  105. <h2 class="orange">貨況查詢服務</h2>
  106. <p>&nbsp;</p>
  107. <form id="form_onlinetrack">
  108. <p class="formTitle">查詢號碼 <span class="red">*</span></p>
  109. <p>
  110. <input type="text" id="trackingno" name="trackingno" class="textStyle midText" placeholder="ex.12365897" required />
  111. </p>
  112. <p>&nbsp;</p>
  113. <p class="formTitle">驗證碼 <span class="red">*</span></p>
  114. <p>
  115. <input type="text" id="validcode" name="validcode" class="textStyle smallText" required />
  116. <a href="javascript: void(0);" id="change_validcode" class="validcode"><img id="imgvalidcode" src="/Controller.ashx?action=securityimg&flag=cap4&w=200&h=36" width="120" height="36" /></a>
  117. <a href="javascript: void(0);" class="refresh refreshO change_validcode">Refresh</a>
  118. </p>
  119. <p>&nbsp;</p>
  120. <p>
  121. <input type="button" class="btn btnMax btnStyle btnquery" value="送出表單">
  122. </p>
  123. </form>
  124. </script>
  125. <script id="temp_queryinfo" type="text/x-jsrender">
  126. <h2 class="orange bold">INFORMATION</h2>
  127. <h6><span class="track-line"></span>貨件資料</h6>
  128. <p>&nbsp;</p>
  129. <ul class="trackInfo">
  130. <li class="bold">{{:~setSupplierName(SupplierName,SupplierEName)}}</li>
  131. <li>{{if Exhibitioname_TW}}{{:Exhibitioname_TW}}{{/if}}</li>
  132. </ul>
  133. <p>&nbsp;</p>
  134. <div class="tWarpper">
  135. <h6></h6>
  136. <div class="css-table mob-table target">
  137. <div class="thead">
  138. {{for Flows}}
  139. {{if Parent}}
  140. <div class="tr center">
  141. <div class="th nowrap"></div>
  142. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Number">件數</div>
  143. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</div>
  144. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Destination">目的地</div>
  145. {{if ~root.Type =='IM'}}
  146. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNO">提單號碼</div>
  147. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">分提單號碼</div>
  148. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ContainerNumber">貨櫃號碼</div>
  149. {{else}}
  150. {{if SitiContactor1}}
  151. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor1">現場聯絡人1</div>
  152. {{/if}}
  153. {{if SitiTelephone1}}
  154. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">聯絡電話1</div>
  155. {{/if}}
  156. {{if SitiContactor2}}
  157. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor2">現場聯絡人2</div>
  158. {{/if}}
  159. {{if SitiTelephone2}}
  160. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">聯絡電話2</div>
  161. {{/if}}
  162. {{/if}}
  163. </div>
  164. {{/if}}
  165. {{/for}}
  166. </div>
  167. <div class="tbody">
  168. {{for Flows}}
  169. <div class="tr">
  170. <div class="td center" data-i18n="{{:FlowName}}">貨物進口</div>
  171. <div class="td center">{{:Number}} {{if Unit}}{{:Unit}}{{/if}}</div>
  172. <div class="td center">{{:ShipmentPort}}</div>
  173. <div class="td center">{{:Destination}}</div>
  174. {{if ~root.Type =='IM'}}
  175. <div class="td center">{{:BillLadNO}}</div>
  176. <div class="td center">{{:~setBillLadNOSub(BillLadNOSub)}}</div>
  177. <div class="td center">{{:~setBillLadNOSub(ContainerNumber)}}</div>
  178. {{else}}
  179. {{if SitiContactor1}}
  180. <div class="td center">{{:SitiContactor1}}</div>
  181. {{/if}}
  182. {{if SitiTelephone1}}
  183. <div class="td center">{{:SitiTelephone1}}</div>
  184. {{/if}}
  185. {{if SitiContactor2}}
  186. <div class="td center">{{:SitiContactor2}}</div>
  187. {{/if}}
  188. {{if SitiTelephone2}}
  189. <div class="td center">{{:SitiTelephone2}}</div>
  190. {{/if}}
  191. {{/if}}
  192. </div>
  193. {{/for}}
  194. </div>
  195. </div>
  196. </div>
  197. <p class="trackDivider">&nbsp;</p>
  198. {{for Flows}}
  199. <h2 class="orange bold">{{:ShotName}}</h2>
  200. <h6><span class="track-line"></span><span data-i18n="{{:FlowName}}">展貨回運</span></h6>
  201. <p>&nbsp;</p>
  202. <ul class="progress">
  203. {{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
  204. </ul>
  205. <p>&nbsp;</p>
  206. <div class="css-table">
  207. <div class="thead">
  208. <div class="tr">
  209. <div class="th nowrap" data-i18n="common.DateTime">日期/時間</div>
  210. <div class="th nowrap center" data-i18n="common.Status">狀態</div>
  211. <div class="th nowrap center" data-i18n="common.Remark">備註</div>
  212. </div>
  213. </div>
  214. <div class="tbody">
  215. {{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
  216. </div>
  217. </div>
  218. <p>&nbsp;</p>
  219. {{if ~checkFlowName(ShotName)}}
  220. <p class="align_c">
  221. {{: ~setBtn(Data,ShotName,SignatureFile)}}
  222. </p>
  223. {{/if}}
  224. <p class="trackDivider">&nbsp;</p>
  225. {{/for}}
  226. <p class="align_c">
  227. <input type="button" value="列印結果" class="btn btnStyle btnprint" data-i18n="common.PrintResult">
  228. &nbsp;
  229. <input type="button" value="重新查詢" class="btn btnStyle btnquery-next" data-i18n="common.QueryNextOne">
  230. </p>
  231. </script>