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.

221 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="en">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <meta name="keywords" content="Tracking System - Eurotran">
  12. <meta name="description" content="">
  13. <title>Tracking System - Eurotran</title>
  14. <link rel="shortcut icon" href="../images/favicon.png">
  15. <link href="../css/main.css" rel="stylesheet" type="text/css">
  16. <link href="../css/track.css" rel="stylesheet" type="text/css">
  17. <link href="../css/en.css" rel="stylesheet" type="text/css">
  18. <link href="../css/track_print.css" rel="stylesheet" />
  19. <link href="../css/jquery.fancybox.css" rel="stylesheet" type="text/css">
  20. </head>
  21. <body>
  22. <!-- header -->
  23. <div id="headerWrapper">
  24. <header>
  25. <h1><a href="../en/index.html">Eurotran</a></h1>
  26. <ul id="language">
  27. <li class="cn"><a href="../cn/onlineTrack.html"><span></span> <em>简体中文</em></a></li>
  28. <li class="tw"><a href="../onlineTrack.html"><span></span> <em>繁體中文</em></a></li>
  29. </ul>
  30. </header>
  31. </div>
  32. <!-- header end -->
  33. <!-- Menu -->
  34. <h4 class="openMenu">Menu</h4>
  35. <div id="menuWrapper">
  36. <!--Load menubar.js to generate menu-->
  37. </div>
  38. <!-- Menu end -->
  39. <div id="innerTitle" class="addBG">
  40. <h1 class="indexTitle"><em>Online Services</em> <span>Tracking System</span></h1>
  41. </div>
  42. <article>
  43. <!-- left -->
  44. <div id="sidebar">
  45. <div id="left">
  46. <h4>Menu</h4>
  47. <ul>
  48. <li><a href="onlineTrack.html" style="color:#EC681E">Tracking System</a></li>
  49. <li><a href="contact.html?T=O">Online Inquiry</a></li>
  50. <li><a href="onlineDownload.html">Exhibition Logistics Forms</a></li>
  51. </ul>
  52. </div>
  53. </div>
  54. <!-- left end -->
  55. <!-- right -->
  56. <div id="right">
  57. </div>
  58. <!-- right end -->
  59. <p class="clear"></p>
  60. </article>
  61. <!--------------------- footer --------------------->
  62. <footer>
  63. <div id="footer">
  64. <a href="../en/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>
  65. <ul>
  66. <li>10F., No.455, Chongyang Rd., Nangang Dist., Taipei, Taiwan </li>
  67. <li>886-2-2785-6000</li>
  68. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  69. </ul>
  70. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank">Facebook</a> <a href="javascript:void(0);" class="wechat">WeChat</a></p>
  71. </div>
  72. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  73. </footer>
  74. <div id="toTop">TOP</div>
  75. <div id="money" class="NoShowInMobile"><a href="contact.html?T=O"></a></div>
  76. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  77. </body>
  78. </html>
  79. <script src="../js/jquery-2.2.4.min.js"></script>
  80. <script src="../js/jquery.fancybox.min.js"></script>
  81. <script src="../js/menubar-en.js"></script>
  82. <script src="../js/stickySidebar.js"></script>
  83. <script src="../../Scripts/i18next.min.js"></script>
  84. <script src="../../Scripts/jquery.jqprint-0.3.js"></script>
  85. <script src="../../Scripts/jquery.validate.min.js"></script>
  86. <script src="../../Scripts/jsrender.min.js"></script>
  87. <script src="../../Scripts/jquery.blockUI.js"></script>
  88. <script src="../../Scripts/toastr.min.js"></script>
  89. <script src="../../Scripts/lib/base64.js"></script>
  90. <script src="../../Scripts/lib/Util.js?v=20180801"></script>
  91. <script src="../js/menu.js?v=20180801"></script>
  92. <script src="../js/onlineTrack.js?v=201904031"></script>
  93. <script id="temp_query" type="text/x-jsrender">
  94. <h2 class="orange">Tracking System</h2>
  95. <p>&nbsp;</p>
  96. <form id="form_onlinetrack">
  97. <p class="formTitle">Tracking No. <span class="red">*</span></p>
  98. <p>
  99. <input type="text" id="trackingno" name="trackingno" class="textStyle midText" placeholder="ex.12365897" required />
  100. </p>
  101. <p>&nbsp;</p>
  102. <p class="formTitle">Verification Code <span class="red">*</span></p>
  103. <p>
  104. <input type="text" id="validcode" name="validcode" class="textStyle smallText" required />
  105. <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>
  106. <a href="javascript: void(0);" class="refresh refreshO change_validcode">Refresh</a>
  107. </p>
  108. <p>&nbsp;</p>
  109. <p>
  110. <input type="button" class="btn btnMax btnStyle btnquery" value="Send">
  111. </p>
  112. </form>
  113. </script>
  114. <script id="temp_queryinfo" type="text/x-jsrender">
  115. <h2 class="orange bold">INFORMATION</h2>
  116. <h6><span class="track-line"></span>货件资料</h6>
  117. <p>&nbsp;</p>
  118. <ul class="trackInfo">
  119. <li class="bold">{{:~setSupplierName(SupplierEName,SupplierName)}}</li>
  120. <li>{{if Exhibitioname_EN}}{{:Exhibitioname_EN}}{{/if}}</li>
  121. </ul>
  122. <p>&nbsp;</p>
  123. <div class="tWarpper">
  124. <h6></h6>
  125. <div class="css-table mob-table target">
  126. <div class="thead">
  127. {{for Flows}}
  128. {{if Parent}}
  129. <div class="tr center">
  130. <div class="th nowrap"></div>
  131. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Number">Q'ty</div>
  132. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ShipmentPort">Departure</div>
  133. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Destination">Destination</div>
  134. {{if ~root.Type =='IM'}}
  135. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNO">B/L No.</div>
  136. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">House Waybill No.</div>
  137. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ContainerNumber">Container No.</div>
  138. {{else}}
  139. {{if SitiContactor1}}
  140. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor1">SitiContactor1</div>
  141. {{/if}}
  142. {{if SitiTelephone1}}
  143. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">SitiTelephone1</div>
  144. {{/if}}
  145. {{if SitiContactor2}}
  146. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor2">SitiContactor2</div>
  147. {{/if}}
  148. {{if SitiTelephone2}}
  149. <div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">SitiTelephone2</div>
  150. {{/if}}
  151. {{/if}}
  152. </div>
  153. {{/if}}
  154. {{/for}}
  155. </div>
  156. <div class="tbody">
  157. {{for Flows}}
  158. <div class="tr">
  159. <div class="td center" data-i18n="{{:FlowName}}"></div>
  160. <div class="td center">{{:Number}} {{if Unit}}{{:Unit}}{{/if}}</div>
  161. <div class="td center">{{:ShipmentPort}}</div>
  162. <div class="td center">{{:Destination}}</div>
  163. {{if ~root.Type =='IM'}}
  164. <div class="td center">{{:BillLadNO}}</div>
  165. <div class="td center">{{:~setBillLadNOSub(BillLadNOSub)}}</div>
  166. <div class="td center">{{:~setBillLadNOSub(ContainerNumber)}}</div>
  167. {{else}}
  168. {{if SitiContactor1}}
  169. <div class="td center">{{:SitiContactor1}}</div>
  170. {{/if}}
  171. {{if SitiTelephone1}}
  172. <div class="td center">{{:SitiTelephone1}}</div>
  173. {{/if}}
  174. {{if SitiContactor2}}
  175. <div class="td center">{{:SitiContactor2}}</div>
  176. {{/if}}
  177. {{if SitiTelephone2}}
  178. <div class="td center">{{:SitiTelephone2}}</div>
  179. {{/if}}
  180. {{/if}}
  181. </div>
  182. {{/for}}
  183. </div>
  184. </div>
  185. </div>
  186. <p class="trackDivider">&nbsp;</p>
  187. {{for Flows}}
  188. <h2 class="orange bold">{{:ShotName}}</h2>
  189. <h6><span class="track-line"></span><span data-i18n="{{:FlowName}}"></span></h6>
  190. <p>&nbsp;</p>
  191. <ul class="progress">
  192. {{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
  193. </ul>
  194. <p>&nbsp;</p>
  195. <div class="css-table">
  196. <div class="thead">
  197. <div class="tr">
  198. <div class="th nowrap" data-i18n="common.DateTime">Date</div>
  199. <div class="th nowrap center" data-i18n="common.Status">Status</div>
  200. <div class="th nowrap center" data-i18n="common.Remark">Remark</div>
  201. </div>
  202. </div>
  203. <div class="tbody">
  204. {{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
  205. </div>
  206. </div>
  207. <p>&nbsp;</p>
  208. {{if ~checkFlowName(ShotName)}}
  209. <p class="align_c">
  210. {{: ~setBtn(Data,ShotName,SignatureFile)}}
  211. </p>
  212. {{/if}}
  213. <p class="trackDivider">&nbsp;</p>
  214. {{/for}}
  215. <p class="align_c">
  216. <input type="button" value="列印結果" class="btn btnStyle btnprint" data-i18n="common.PrintResult">
  217. &nbsp;
  218. <input type="button" value="重新查詢" class="btn btnStyle btnquery-next" data-i18n="common.QueryNextOne">
  219. </p>
  220. </script>