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.

359 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" />
  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. <!-- Magnific Popup core CSS file -->
  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-cn.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-cn.html"><img src="../img/download-arrow.png" />运送须知</a></li>
  47. <li><a href="join-cn.html"><img src="../img/add-contact-01.png" />加入奕达</a></li>
  48. <li>
  49. <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>
  50. <a href="#" class="wechat"><img src="../img/wechat.png" /></a>
  51. </li>
  52. <li><a href="ProgressOnlineQuery-en.html">English</a></li>
  53. <li><a href="ProgressOnlineQuery.html">繁中</a></li>
  54. </ul>
  55. </div>
  56. </div>
  57. <div class="navtop navtop-m">
  58. <div class="container">
  59. <ul class="navbar-right">
  60. <li>
  61. <a href="news-cn.html">最新消息</a>
  62. <img class="news-tips" src="../img/icon_new.gif" />
  63. </li>
  64. <li><a href="#">货况查询</a></li>
  65. <li><a href="mailto:info@eurotranexpo.com">线上询价</a></li>
  66. <li><a href="ProgressOnlineQuery-en.html">English</a></li>
  67. <li><a href="ProgressOnlineQuery.html">繁中</a></li>
  68. </ul>
  69. </div>
  70. </div>
  71. <div class="main-nav">
  72. <div class="container">
  73. <!-- Brand and toggle get grouped for better mobile display -->
  74. <div class="navbar-header page-scroll">
  75. <a class="navbar-brand page-scroll navbar-brand-m" href="index-cn.html"><img class="logo" src="../img/logo-01.svg"></a>
  76. <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>
  77. </div>
  78. <!-- Collect the nav links, forms, and other content for toggling -->
  79. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  80. <ul class="nav navbar-nav navbar-center">
  81. <li class="hidden active"> <a href="index-cn.html"></a> </li>
  82. <li> <a class="page-scroll" href="index-cn.html#about">关于奕达</a> </li>
  83. <li> <a class="page-scroll" href="index-cn.html#case">经典案例</a> </li>
  84. <li> <a class="page-scroll" href="index-cn.html#service">服务项目</a> </li>
  85. <li> <a class="page-scroll" href="index-cn.html#contact">联络奕达</a> </li>
  86. <li class="nav-hidden"> <a href="news-cn.html">最新消息</a> </li>
  87. <li class="nav-hidden"><a href="download-cn.html">运送须知</a></li>
  88. <li class="nav-hidden"><a href="join-cn.html">加入奕达</a></li>
  89. <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>
  90. <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
  91. </ul>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="nav-shadow"></div>
  96. </nav>
  97. </header>
  98. <ul class="social-nav social-nav-side">
  99. <li> <a href="#" class="sidebar-1"><img src="../img/search-cn.png" /></a> </li>
  100. <li><a href="mailto:info@eurotranexpo.com" class="sidebar-2"><img src="../img/online-search-cn.png" /></a></li>
  101. </ul>
  102. <div class="banner news-bg">
  103. <div class="container banner-text-detail"><img src="../img/banner-t-cn.png"> </div>
  104. </div>
  105. <section>
  106. <div class="page-inner container">
  107. <!--<div class="detail-title">
  108. <p>貨況查詢</p>
  109. </div>-->
  110. <div id="main-wrapper" class="container container2 clearfix">
  111. <div class="col-xs-12">
  112. <div class="panel m-panel shadow">
  113. <div class="row">
  114. <div class="col-xs-12">
  115. <div class="col-xs-12">
  116. <h2 class="form-header"><i class="fa fa-search" aria-hidden="true"></i>随时掌握货况进度!</h2>
  117. </div>
  118. <form>
  119. <div class="col-md-12">
  120. <div class="form-group-material">
  121. <label class="material-label" for="queryNum">请输入查询号码</label>
  122. <input class="material-field" id="queryNum" required type="text" />
  123. </div>
  124. </div>
  125. <div class="col-md-6">
  126. <div class="form-group-material">
  127. <label class="material-label" for="randomNum">请输入验证码</label>
  128. <input class="material-field" id="randomNum" type="text" />
  129. </div>
  130. </div>
  131. <div class="col-md-6" id="changeImg">
  132. <canvas id="canvas" width="120" height="40"></canvas>
  133. <a href="#" class="change"><i class="fa fa-undo" aria-hidden="true"></i></a>
  134. </div>
  135. </form>
  136. </div>
  137. <div class="col-xs-12 text-right send">
  138. <span class="errormsg" hidden>
  139. </span>
  140. <a class="btn btnquery">送出表单 <i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="panel-info">
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </section>
  150. <div class="footertop">
  151. <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>
  152. </div>
  153. <footer>
  154. <div class="container">
  155. <div class="row">
  156. <div class="col-md-6 col-xs-12">
  157. <div class="col-md-3 footer-logo logo-item">
  158. <a href="#">
  159. <img src="../img/footer-logo.png" />
  160. </a>
  161. </div>
  162. <div class="col-md-1 logo-item">
  163. <a href="https://www.iela.org/" target="_new">
  164. <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
  165. </a>
  166. </div>
  167. <div class="col-md-1 logo-item">
  168. </div>
  169. <div class="col-md-1 logo-item">
  170. </div>
  171. <div class="col-md-8">
  172. <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>
  173. <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
  174. </div>
  175. </div>
  176. <div class="col-md-6 col-xs-12 text-right">
  177. <div class="lag"><a href="ProgressOnlineQuery-en.html">ENGILSH <img src="../img/icon_store.svg" /></a></div>
  178. <div class="lag"><a href="ProgressOnlineQuery.html">繁中版 <img src="../img/icon_store.svg" /></a></div>
  179. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  180. </div>
  181. </div>
  182. </div>
  183. </footer>
  184. </body>
  185. </html>
  186. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  187. <script src="../../Scripts/i18next.min.js"></script>
  188. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  189. <script src="../../Scripts/jquery.blockUI.js"></script>
  190. <script src="../../Scripts/bootstrap.min.js"></script>
  191. <script src="../js/jquery.gotop.min.js"></script>
  192. <script src="../../Scripts/ConvertLang.js"></script>
  193. <script src="../../Scripts/jsrender.min.js"></script>
  194. <script src="../../Scripts/jquery.jqprint-0.3.js"></script>
  195. <script src="../../Scripts/linq.min.js"></script>
  196. <script src="../../Scripts/lib/base64.min.js"></script>
  197. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  198. <script src="../js/ProgressOnlineQuery.js"></script>
  199. <script src="../js/listen.js"></script>
  200. <script id="temp_info" type="text/x-jsrender">
  201. <div class="panel-body">
  202. <form>
  203. <div class="title">
  204. <h2>INFORMATION</h2>
  205. <h5 data-i18n="common.CargoInformation">
  206. 貨件資料
  207. </h5>
  208. </div>
  209. <div class="goodsinfo">
  210. <div class="ng-scope">
  211. <h4><label id="SupplierName">{{:~setSupplierName(SupplierName,SupplierEName)}}</label>{{if Exhibitioname_CN}}<span>{{:Exhibitioname_CN}}</span>{{/if}}</h4>
  212. </div>
  213. {{for Flows}}
  214. <div role="tabpanel" class="tab-pane col-xs-12 text-center">
  215. <div class="form-group col-sm-3 text-center w18p">
  216. <label class="col-sm-12 control-label baseflownlael"></label>
  217. <div class="col-sm-12 span-padding">
  218. <label class="text-label" data-i18n="{{:FlowName}}"> 貨物進口 </label>
  219. </div>
  220. </div>
  221. {{if ~root.Type =='IM'}}
  222. <div class="form-group col-sm-2 text-center w11p span-padding">
  223. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
  224. <div class="col-sm-12 span-padding">
  225. <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
  226. </div>
  227. </div>
  228. <div class="form-group col-sm-5 text-center span-padding w11p">
  229. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
  230. <div class="col-sm-12 span-padding">
  231. <label class="text-label content-font"> {{:ShipmentPort}} </label>
  232. </div>
  233. </div>
  234. <div class="form-group col-sm-5 text-center span-padding w11p">
  235. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
  236. <div class="col-sm-12 span-padding">
  237. <label class="text-label content-font"> {{:Destination}} </label>
  238. </div>
  239. </div>
  240. <div class="form-group col-sm-2 text-center w15p">
  241. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNO">提單號碼</label>
  242. <div class="col-sm-12 span-padding">
  243. <label class="text-label content-font"> {{:BillLadNO}} </label>
  244. </div>
  245. </div>
  246. <div class="form-group col-sm-2 text-center w15p">
  247. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">分提單號碼</label>
  248. <div class="col-sm-12 span-padding">
  249. <label class="text-label content-font"> {{:~setBillLadNOSub(BillLadNOSub)}} </label>
  250. </div>
  251. </div>
  252. <div class="form-group col-sm-2 text-center w15p">
  253. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ContainerNumber">貨櫃號碼</label>
  254. <div class="col-sm-12 span-padding">
  255. <label class="text-label content-font"> {{:~setBillLadNOSub(ContainerNumber)}} </label>
  256. </div>
  257. </div>
  258. {{else}}
  259. <div class="form-group col-sm-4 text-center w11p span-padding">
  260. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
  261. <div class="col-sm-12 span-padding">
  262. <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
  263. </div>
  264. </div>
  265. <div class="form-group col-sm-5 text-center span-padding w11p">
  266. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
  267. <div class="col-sm-12 span-padding">
  268. <label class="text-label content-font"> {{:ShipmentPort}} </label>
  269. </div>
  270. </div>
  271. <div class="form-group col-sm-5 text-center span-padding w11p">
  272. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
  273. <div class="col-sm-12 span-padding">
  274. <label class="text-label content-font"> {{:Destination}} </label>
  275. </div>
  276. </div>
  277. {{if SitiContactor1}}
  278. <div class="form-group col-sm-5 text-center span-padding w12p">
  279. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor1">現場聯絡人1</label>
  280. <div class="col-sm-12 span-padding">
  281. <label class="text-label content-font"> {{:SitiContactor1}} </label>
  282. </div>
  283. </div>
  284. {{/if}}
  285. {{if SitiTelephone1}}
  286. <div class="form-group col-sm-5 text-center span-padding w12p">
  287. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">聯絡電話1</label>
  288. <div class="col-sm-12 span-padding">
  289. <label class="text-label content-font"> {{:SitiTelephone1}} </label>
  290. </div>
  291. </div>
  292. {{/if}}
  293. {{if SitiContactor2}}
  294. <div class="form-group col-sm-5 text-center span-padding w12p">
  295. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor2">現場聯絡人2</label>
  296. <div class="col-sm-12 span-padding">
  297. <label class="text-label content-font"> {{:SitiContactor2}} </label>
  298. </div>
  299. </div>
  300. {{/if}}
  301. {{if SitiTelephone2}}
  302. <div class="form-group col-sm-5 text-center span-padding w12p">
  303. <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">聯絡電話2</label>
  304. <div class="col-sm-12 span-padding">
  305. <label class="text-label content-font"> {{:SitiTelephone2}} </label>
  306. </div>
  307. </div>
  308. {{/if}}
  309. {{/if}}
  310. </div>
  311. {{/for}}
  312. </div>
  313. </form>
  314. </div>
  315. <hr>
  316. <div class="panel-body">
  317. <div class="row project-stats">
  318. <div id="content-box-view">
  319. <form id="MainForm" class="form-horizontal">
  320. {{for Flows}}
  321. <div class="col-md-12 col-xs-12">
  322. <div class="title">
  323. <h2>{{:ShotName}}</h2>
  324. <h5 data-i18n="{{:FlowName}}"></h5>
  325. </div>
  326. </div>
  327. <div class="section">
  328. <ul class="steps clearfix">
  329. {{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
  330. </ul>
  331. </div>
  332. <div class="table-responsive">
  333. <table class="table table-bordered table-striped">
  334. <thead>
  335. <tr>
  336. <th class="w33p" data-i18n="common.DateTime"> 時間 </th>
  337. <th class="w33p" data-i18n="common.Status">狀態</th>
  338. <th class="w33p" data-i18n="common.Remark">備註</th>
  339. </tr>
  340. </thead>
  341. {{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
  342. </table>
  343. </div>
  344. {{if ShotName=='IMPORT' || ShotName=='RETURN'}}
  345. <div class="flowtitle cusbuttons">
  346. {{: ~setBtn(Data,ShotName,SignatureFile)}}
  347. </div>
  348. {{/if}}
  349. <hr />
  350. {{/for}}
  351. </form>
  352. </div>
  353. <div class="flowtitle text-center toolbar">
  354. <a class="btn btnquery-next" data-i18n="common.QueryNextOne">查詢下一筆</a>
  355. <a class="btn btnprint" data-i18n="common.PrintResult">列印查詢結果</a>
  356. </div>
  357. </div>
  358. </div>
  359. </script>