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.

356 lines
21 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  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" />
  11. <meta name="keywords" content="奕達,展覽品,展覽品運輸展演,會展,展覽,會議,運輸,物流,包裝,展場,快遞,小三通,表演器材,藝術品,超大物品,危險品,報關,保稅,押稅,空運,海運,eurotran" />
  12. <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
  13. <meta name="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  14. <meta name="copyright" CONTENT="本網頁奕達運通所有" />
  15. <meta itemprop="name" content="Eurotran 奕達運通有限公司" />
  16. <meta itemprop="image" content="../img/case1.jpg" />
  17. <meta itemprop="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  18. <meta name="author" content="PacePhoebe" />
  19. <meta name="Creation-Date" CONTENT="01-Mar-2017 18:40:01" />
  20. <meta name="format-detection" content="telephone=no" />
  21. <!-- Facebook share -->
  22. <meta property="og:title" content="Eurotran 奕達運通有限公司" />
  23. <meta property="og:url" content="網址" />
  24. <meta property="og:image" content="../img/case1.jpg" />
  25. <meta property="og:description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  26. <title>奕達運通有限公司</title>
  27. <title></title>
  28. <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  29. <link href="../../Content/font-awesome.css" rel="stylesheet" />
  30. <link href="../css/custom.css" rel="stylesheet" type="text/css" />
  31. <link href="../css/export-style.css" rel="stylesheet" type="text/css" />
  32. <link href="../../Scripts/3rd/fancybox/jquery.fancybox.css" rel="stylesheet" />
  33. </head>
  34. <body id="page-top">
  35. <div id="gotop" class="gotop" style="right: 30px;"><a href="#page-top"><span>GO TOP</span></a></div>
  36. <header class="header">
  37. <nav class="navbar navbar-default navbar-fixed-top">
  38. <div class="navtop">
  39. <div class="container">
  40. <a class="navbar-brand page-scroll" href="index.html"><img class="logo" src="../img/logo-01.svg"></a>
  41. <ul class="navbar-right">
  42. <li>
  43. <a href="news.html"><img src="../img/news-icon.png" />最新消息</a>
  44. <img class="news-tips" src="../img/icon_new.gif" />
  45. </li>
  46. <li><a href="download.html"><img src="../img/download-arrow.png" />運送須知</a></li>
  47. <li><a href="join.html"><img src="../img/add-contact-01.png" />加入奕達</a></li>
  48. <li> <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" class="facebook" target="_new"><img src="../img/facebook.png" /></a> <a href="#" class="wechat"><img src="../img/wechat.png" /></a></li>
  49. <li><a href="ProgressOnlineQuery-en.html">English</a></li>
  50. <li><a href="ProgressOnlineQuery-cn.html">簡中</a></li>
  51. </ul>
  52. </div>
  53. </div>
  54. <div class="navtop navtop-m">
  55. <div class="container">
  56. <ul class="navbar-right">
  57. <li>
  58. <a href="news.html">最新消息</a>
  59. <img class="news-tips" src="../img/icon_new.gif" />
  60. </li>
  61. <li><a href="#">貨況查詢</a></li>
  62. <li><a href="mailto:info@eurotranexpo.com">線上詢價</a></li>
  63. <li><a href="ProgressOnlineQuery-en.html">English</a></li>
  64. <li><a href="ProgressOnlineQuery-cn.html">簡中</a></li>
  65. </ul>
  66. </div>
  67. </div>
  68. <div class="main-nav">
  69. <div class="container">
  70. <!-- Brand and toggle get grouped for better mobile display -->
  71. <div class="navbar-header page-scroll">
  72. <a class="navbar-brand page-scroll navbar-brand-m" href="index.html"><img class="logo" src="../img/logo-01.svg"></a>
  73. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
  74. </div>
  75. <!-- Collect the nav links, forms, and other content for toggling -->
  76. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  77. <ul class="nav navbar-nav navbar-center">
  78. <li class="hidden active"> <a href="index.html"></a> </li>
  79. <li> <a class="page-scroll" href="index.html#about">關於奕達</a> </li>
  80. <li> <a class="page-scroll" href="index.html#case">經典案例</a> </li>
  81. <li> <a class="page-scroll" href="index.html#service">服務項目</a> </li>
  82. <li> <a class="page-scroll" href="index.html#contact">聯絡奕達</a> </li>
  83. <li class="nav-hidden"> <a href="news.html">最新消息</a> </li>
  84. <li class="nav-hidden"><a href="download.html">運送須知</a></li>
  85. <li class="nav-hidden"><a href="join.html">加入奕達</a></li>
  86. <li class="nav-hidden social-nav-m"><a class="color-facebook" href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb-b.png" /></a></li>
  87. <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="nav-shadow"></div>
  93. </nav>
  94. </header>
  95. <ul class="social-nav social-nav-side">
  96. <li> <a href="#" class="sidebar-1"><img src="../img/search.png" /></a> </li>
  97. <li><a href="mailto:info@eurotranexpo.com" class="sidebar-2"><img src="../img/online-search.png" /></a></li>
  98. </ul>
  99. <div class="banner news-bg">
  100. <div class="container banner-text-detail"><img src="../img/banner-t.png"> </div>
  101. </div>
  102. <section>
  103. <div class="page-inner container">
  104. <!--<div class="detail-title">
  105. <p>貨況查詢</p>
  106. </div>-->
  107. <div id="main-wrapper" class="container container2 clearfix">
  108. <div class="col-xs-12">
  109. <div class="panel m-panel shadow">
  110. <div class="row">
  111. <div class="col-xs-12">
  112. <div class="col-xs-12">
  113. <h2 class="form-header"><i class="fa fa-search" aria-hidden="true"></i>隨時掌握貨況進度!</h2>
  114. </div>
  115. <form>
  116. <div class="col-md-12">
  117. <div class="form-group-material">
  118. <label class="material-label" for="queryNum">請輸入查詢號碼</label>
  119. <input class="material-field" id="queryNum" required type="text" />
  120. </div>
  121. </div>
  122. <div class="col-md-6">
  123. <div class="form-group-material">
  124. <label class="material-label" for="randomNum">請輸入驗證碼</label>
  125. <input class="material-field" id="randomNum" type="text" />
  126. </div>
  127. </div>
  128. <div class="col-md-6" id="changeImg">
  129. <canvas id="canvas" width="120" height="40"></canvas>
  130. <a href="#" class="change"><i class="fa fa-undo" aria-hidden="true"></i></a>
  131. </div>
  132. </form>
  133. </div>
  134. <div class="col-xs-12 text-right send">
  135. <span class="errormsg" hidden>
  136. </span>
  137. <a class="btn btnquery">送出表單 <i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="panel-info">
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </section>
  147. <div class="footertop">
  148. <div class="container"> <a href="#page-top" class="page-scroll"><span>GO TOP</span><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div>
  149. </div>
  150. <footer>
  151. <div class="container">
  152. <div class="row">
  153. <div class="col-md-6 col-xs-12">
  154. <div class="col-md-3 footer-logo logo-item">
  155. <a href="#">
  156. <img src="../img/footer-logo.png" />
  157. </a>
  158. </div>
  159. <div class="col-md-1 logo-item">
  160. <a href="https://www.iela.org/" target="_new">
  161. <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
  162. </a>
  163. </div>
  164. <div class="col-md-1 logo-item">
  165. </div>
  166. <div class="col-md-1 logo-item">
  167. </div>
  168. <div class="col-md-8">
  169. <div class="footer-icon"><a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb.png" /> Facebook</a></div>
  170. <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
  171. </div>
  172. </div>
  173. <div class="col-md-6 col-xs-12 text-right">
  174. <div class="lag"><a href="ProgressOnlineQuery-en.html">ENGILSH <img src="../img/icon_store.svg" /></a></div>
  175. <div class="lag"><a href="ProgressOnlineQuery-cn.html">簡中版 <img src="../img/icon_store.svg" /></a></div>
  176. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  177. </div>
  178. </div>
  179. </div>
  180. </footer>
  181. </body>
  182. </html>
  183. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  184. <script src="../../Scripts/i18next.min.js"></script>
  185. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  186. <script src="../../Scripts/jquery.blockUI.js"></script>
  187. <script src="../../Scripts/bootstrap.min.js"></script>
  188. <script src="../js/jquery.gotop.min.js"></script>
  189. <script src="../../Scripts/jquery.jqprint-0.3.js"></script>
  190. <script src="../../Scripts/ConvertLang.js"></script>
  191. <script src="../../Scripts/jsrender.min.js"></script>
  192. <script src="../../Scripts/linq.min.js"></script>
  193. <script src="../../Scripts/lib/base64.min.js"></script>
  194. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  195. <script src="../js/ProgressOnlineQuery.js"></script>
  196. <script src="../js/listen.js"></script>
  197. <script id="temp_info" type="text/x-jsrender">
  198. <div class="panel-body">
  199. <form>
  200. <div class="title print-title">
  201. <h2>INFORMATION</h2>
  202. <h5 data-i18n="common.CargoInformation">
  203. 貨件資料
  204. </h5>
  205. </div>
  206. <div class="goodsinfo">
  207. <div class="ng-scope">
  208. <h4><label id="SupplierName">{{:~setSupplierName(SupplierName,SupplierEName)}}</label>{{if Exhibitioname_TW}}<span>{{:Exhibitioname_TW}}</span>{{/if}}</h4>
  209. </div>
  210. {{for Flows}}
  211. <div role="tabpanel" class="tab-pane col-xs-12 text-center">
  212. <div class="form-group col-sm-3 text-center w18p">
  213. <label class="col-sm-12 control-label baseflownlael"></label>
  214. <div class="col-sm-12 span-padding">
  215. <label class="text-label" data-i18n="{{:FlowName}}"> 貨物進口 </label>
  216. </div>
  217. </div>
  218. {{if ~root.Type =='IM'}}
  219. <div class="form-group col-sm-2 text-center w11p span-padding">
  220. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
  221. <div class="col-sm-12 span-padding">
  222. <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
  223. </div>
  224. </div>
  225. <div class="form-group col-sm-5 text-center span-padding w11p">
  226. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
  227. <div class="col-sm-12 span-padding">
  228. <label class="text-label content-font"> {{:ShipmentPort}} </label>
  229. </div>
  230. </div>
  231. <div class="form-group col-sm-5 text-center span-padding w11p">
  232. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
  233. <div class="col-sm-12 span-padding">
  234. <label class="text-label content-font"> {{:Destination}} </label>
  235. </div>
  236. </div>
  237. <div class="form-group col-sm-2 text-center w15p">
  238. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNO">提單號碼</label>
  239. <div class="col-sm-12 span-padding">
  240. <label class="text-label content-font"> {{:BillLadNO}} </label>
  241. </div>
  242. </div>
  243. <div class="form-group col-sm-2 text-center w15p">
  244. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">分提單號碼</label>
  245. <div class="col-sm-12 span-padding">
  246. <label class="text-label content-font"> {{:~setBillLadNOSub(BillLadNOSub)}} </label>
  247. </div>
  248. </div>
  249. <div class="form-group col-sm-2 text-center w15p">
  250. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ContainerNumber">貨櫃號碼</label>
  251. <div class="col-sm-12 span-padding">
  252. <label class="text-label content-font"> {{:~setBillLadNOSub(ContainerNumber)}} </label>
  253. </div>
  254. </div>
  255. {{else}}
  256. <div class="form-group col-sm-4 text-center w11p span-padding">
  257. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
  258. <div class="col-sm-12 span-padding">
  259. <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
  260. </div>
  261. </div>
  262. <div class="form-group col-sm-5 text-center span-padding w11p">
  263. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
  264. <div class="col-sm-12 span-padding">
  265. <label class="text-label content-font"> {{:ShipmentPort}} </label>
  266. </div>
  267. </div>
  268. <div class="form-group col-sm-5 text-center span-padding w11p">
  269. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
  270. <div class="col-sm-12 span-padding">
  271. <label class="text-label content-font"> {{:Destination}} </label>
  272. </div>
  273. </div>
  274. {{if SitiContactor1}}
  275. <div class="form-group col-sm-5 text-center span-padding w12p">
  276. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor1">現場聯絡人1</label>
  277. <div class="col-sm-12 span-padding">
  278. <label class="text-label content-font"> {{:SitiContactor1}} </label>
  279. </div>
  280. </div>
  281. {{/if}}
  282. {{if SitiTelephone1}}
  283. <div class="form-group col-sm-5 text-center span-padding w12p">
  284. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">聯絡電話1</label>
  285. <div class="col-sm-12 span-padding">
  286. <label class="text-label content-font"> {{:SitiTelephone1}} </label>
  287. </div>
  288. </div>
  289. {{/if}}
  290. {{if SitiContactor2}}
  291. <div class="form-group col-sm-5 text-center span-padding w12p">
  292. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor2">現場聯絡人2</label>
  293. <div class="col-sm-12 span-padding">
  294. <label class="text-label content-font"> {{:SitiContactor2}} </label>
  295. </div>
  296. </div>
  297. {{/if}}
  298. {{if SitiTelephone2}}
  299. <div class="form-group col-sm-5 text-center span-padding w12p">
  300. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">聯絡電話2</label>
  301. <div class="col-sm-12 span-padding">
  302. <label class="text-label content-font"> {{:SitiTelephone2}} </label>
  303. </div>
  304. </div>
  305. {{/if}}
  306. {{/if}}
  307. </div>
  308. {{/for}}
  309. </div>
  310. </form>
  311. </div>
  312. <hr>
  313. <div class="panel-body">
  314. <div class="row project-stats">
  315. <div id="content-box-view">
  316. <form id="MainForm" class="form-horizontal">
  317. {{for Flows}}
  318. <div class="col-md-12 col-xs-12">
  319. <div class="title">
  320. <h2>{{:ShotName}}</h2>
  321. <h5 data-i18n="{{:FlowName}}"></h5>
  322. </div>
  323. </div>
  324. <div class="section">
  325. <ul class="steps clearfix">
  326. {{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
  327. </ul>
  328. </div>
  329. <div class="table-responsive">
  330. <table class="table table-bordered table-striped">
  331. <thead>
  332. <tr>
  333. <th class="w33p" data-i18n="common.DateTime"> 時間 </th>
  334. <th class="w33p" data-i18n="common.Status">狀態</th>
  335. <th class="w33p" data-i18n="common.Remark">備註</th>
  336. </tr>
  337. </thead>
  338. {{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
  339. </table>
  340. </div>
  341. {{if ~checkFlowName(ShotName)}}
  342. <div class="flowtitle cusbuttons">
  343. {{: ~setBtn(Data,ShotName,SignatureFile)}}
  344. </div>
  345. {{/if}}
  346. <hr />
  347. {{/for}}
  348. </form>
  349. </div>
  350. <div class="flowtitle text-center toolbar">
  351. <a class="btn btnquery-next" data-i18n="common.QueryNextOne">查詢下一筆</a>
  352. <a class="btn btnprint" data-i18n="common.PrintResult">列印查詢結果</a>
  353. </div>
  354. </div>
  355. </div>
  356. </script>