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.

313 lines
15 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="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
  16. <link href="css/main.css" rel="stylesheet" type="text/css">
  17. <link href="css/inquiry.css" rel="stylesheet" type="text/css">
  18. <link href="../Content/toastr.min.css" rel="stylesheet" />
  19. <link href="../Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" type="text/css">
  20. <style>
  21. .select2-container, .select2-selection--single, .select2-selection__rendered, .select2-selection__arrow {
  22. height: 40px !important;
  23. }
  24. .select2-container, .select2-selection__rendered {
  25. min-width: 70px;
  26. }
  27. .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered {
  28. line-height: 40px;
  29. }
  30. .isDisabled {
  31. color: currentColor;
  32. cursor: not-allowed;
  33. opacity: 0.5;
  34. text-decoration: none;
  35. pointer-events: none;
  36. display: inline-block; /* For IE11/ MS Edge bug */
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <!-- header -->
  42. <div id="headerWrapper">
  43. <header>
  44. <h1><a href="index.html">奕達運通</a></h1>
  45. <ul id="language">
  46. <li class="cn"><a href="cn/about.html"><span></span> <em>简体中文</em></a></li>
  47. <li class="en"><a href="en/about.html"><span>EN</span> <em>English</em></a></li>
  48. <li class="CherryBuy"><a href="#"><span>&nbsp;</span> <em>櫻桃訂購專區</em></a></li>
  49. </ul>
  50. </header>
  51. </div>
  52. <!-- header end -->
  53. <!-- Menu -->
  54. <h4 class="openMenu">Menu</h4>
  55. <div id="menuWrapper">
  56. <!--載入menubar.js生成menu-->
  57. </div>
  58. <!-- Menu end -->
  59. <div id="innerTitle" class="addBG">
  60. <h1 class="indexTitle"><em id="TitleEName">Service Booking</em> <span id="TitleName">預約服務</span></h1>
  61. </div>
  62. <article>
  63. <h2 class="orange">參加展覽</h2>
  64. <p>&nbsp;</p>
  65. <ul id="expoSort">
  66. <li>
  67. <p class="formTitle">地區</p>
  68. <select class="textStyle expo-search" id="area">
  69. <option value="">請選擇地區</option>
  70. </select>
  71. </li>
  72. <li>
  73. <p class="formTitle">展期</p>
  74. <select class="textStyle expo-search" id="year">
  75. <option value="">選擇年份</option>
  76. <option value="2018">2018</option>
  77. <option value="2019">2019</option>
  78. <option value="2020">2020</option>
  79. </select>
  80. <select class="textStyle expo-search" id="month">
  81. <option value="">選擇月份</option>
  82. <option value="01-03">01-03</option>
  83. <option value="04-06">04-06</option>
  84. <option value="07-09">07-09</option>
  85. <option value="10-12">10-12</option>
  86. </select>
  87. </li>
  88. <li>
  89. <p class="formTitle">展覽</p>
  90. <select class="textStyle maxText" id="expo" style="width:400px">
  91. <option>請選擇展覽</option>
  92. <option>2018 展昭高雄寵物用品展-搶先場</option>
  93. <option>2018台北國際酒展‧純酒展</option>
  94. <option>2018台灣蔬食‧自然產品展</option>
  95. </select>
  96. </li>
  97. </ul>
  98. <p>&nbsp;</p>
  99. <h2 class="orange">預估費用查詢</h2>
  100. <p>&nbsp;</p>
  101. <!--------------------- inquiryNo --------------------->
  102. <form id="form_inquiry">
  103. <dl id="inquiryNo">
  104. <dd>
  105. <h4 class="orange">新增一項展品</h4>
  106. <span class="add"></span>
  107. </dd>
  108. </dl>
  109. <input type="hidden" name="Total" />
  110. </form>
  111. <!--------------------- inquiryNo end --------------------->
  112. <p>&nbsp;</p>
  113. <!--------------------- SUM --------------------->
  114. <h3 class="align_r">費用總計:新台幣 <span class="red totaltext">0</span> 元 (含稅)</h3>
  115. <p>&nbsp;</p>
  116. <p class="align_r">
  117. <a href="inquiryIntro.html" data-fancybox data-type="iframe" class="iframe">使用說明</a> &nbsp;
  118. <a href="javascript:void(0);" id="goappoint" class="btn btnStyle">下一步</a>
  119. </p>
  120. <p>&nbsp;</p>
  121. <div id="CostInstruction">
  122. </div>
  123. </article>
  124. <!--------------------- footer --------------------->
  125. <footer>
  126. <div id="footer">
  127. <a href="index.html"><img src="images/logoFooterEuro.png"></a>
  128. <a href="https://www.iela.org" target="_blank"><img src="images/logoFooterIELA.png"></a>
  129. <a href="https://www.ttclub.com" target="_blank"><img src="images/logoFooterTT.png"></a>
  130. <a href="https://afeca.asia" target="_blank"><img src="images/logoFooterAFECA.png"></a>
  131. <ul>
  132. <li>台北市南港區重陽路455號10樓</li>
  133. <li>02-2785-6000</li>
  134. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  135. </ul>
  136. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank"></a><a href="https://lin.ee/PywKrQc" target="_blank"></a></p>
  137. </div>
  138. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  139. </footer>
  140. <div id="toTop">TOP</div>
  141. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  142. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  143. <div id="lineapp" class="NoShowInMobile"><a href="https://lin.ee/PywKrQc" target="_blank"></a></div>
  144. <!--------------------- footer end --------------------->
  145. <script id="temp_costdoc" type="text/x-jsrender">
  146. <h2>費用說明 </h2>
  147. <p>&nbsp;</p>
  148. <h4>1. 堆高機機動服務</h4>
  149. <p>&nbsp;</p>
  150. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableDisplay">
  151. <tbody>
  152. <tr>
  153. <th>重量</th>
  154. <th>價格(新台幣,含稅) </th>
  155. </tr>
  156. {{for CostRules}}
  157. <tr>
  158. <td align="center">{{if Weight_Min!=0}}{{:Weight_Min}}噸以上至 {{/if}}{{:Weight_Max}}噸以下</td>
  159. <td align="center">{{:~setMoney(Price)}} 元/{{if PricingMode=="T"}}每噸{{else}}每件{{/if}}</td>
  160. </tr>
  161. {{/for}}
  162. </tbody>
  163. </table>
  164. <p>&nbsp;</p>
  165. <ol class="dot">
  166. <li>含進場時自卡車卸下並搬運至攤位一次性定位,及退場時自攤位搬上卡車。</li>
  167. <li>展品定位完成後,如須再次移動或配合組裝,其價格請參閱備註。</li>
  168. <li>其他噸數,或需吊車吊掛之貨物,以及拆裝貨櫃等費用請來電另議。</li>
  169. </ol>
  170. <p>&nbsp;</p>
  171. <h4>2. 拆箱服務 (裝箱服務同價) </h4>
  172. <p>&nbsp;</p>
  173. <p>
  174. {{:CurrencyName}}{{:~setMoney(PackingPrice)}}元/立方米
  175. {{if HasPackingRequiredMinCBM }}(最低按 {{:PackingRequiredMinCBM}} 立方米計算){{/if}}{{:PackingMinCBMModeText}}(含稅)
  176. </p>
  177. <p>&nbsp;</p>
  178. <h4>3.空箱收送與儲存 (進退場+展覽期間)</h4>
  179. <p>&nbsp;</p>
  180. <p>
  181. {{:CurrencyName}}{{:~setMoney(FeedingPrice)}}元/立方米
  182. {{if HasFeedingRequiredMinCBM }}(最低按 {{:FeedingRequiredMinCBM}} 立方米計算){{/if}}{{:FeedingMinCBMModeText}}(含稅)
  183. </p>
  184. <p>&nbsp;</p>
  185. <div>
  186. {{:CostInstruction}}
  187. </div>
  188. <!--<p>&nbsp;</p>
  189. <h3><strong>服務說明</strong></h3>
  190. <p>&nbsp;</p>
  191. <div>
  192. {{:ServiceInstruction}}
  193. </div>-->
  194. <p>&nbsp;</p>
  195. {{if Files.length>0 }}
  196. <h3><strong>展品搬運服務需求委運書下載</strong></h3>
  197. <p>&nbsp;</p>
  198. <ul class="download">
  199. {{for Files}}
  200. <li><a href="javascript:void(0);" filename="{{:~getFileName(FileName)}}" filepath="{{:FilePath}}">{{:~getFileName(FileName)}}</a></li>
  201. {{/for}}
  202. </ul>
  203. {{/if}}
  204. </script>
  205. <script id="temp_costinfo" type="text/x-jsrender">
  206. <dd id="PackingInfo{{:Index}}">
  207. <ul class="inquiryProd">
  208. <li>
  209. <h4>展品資訊</h4>
  210. </li>
  211. <li>
  212. 包裝:
  213. <select class="smallText textStyle expotype" name="PackingInfo{{:Index}}[ExpoType]">
  214. <option value="01">裸機</option>
  215. <option value="02">木箱</option>
  216. <option value="03">散貨</option>
  217. <option value="04">打板</option>
  218. <option value="05">其他</option>
  219. </select>
  220. </li>
  221. <li>
  222. 尺寸:
  223. <input type="text" name="PackingInfo{{:Index}}[ExpoLen]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="長" value="{{:ExpoLen}}" />
  224. <input type="text" name="PackingInfo{{:Index}}[ExpoWidth]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="寬" value="{{:ExpoWidth}}" />
  225. <input type="text" name="PackingInfo{{:Index}}[ExpoHeight]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="高" value="{{:ExpoHeight}}" />
  226. CM
  227. </li>
  228. <li>
  229. 重量:
  230. <input type="text" class="textStyle smallText inputnumber" data-type="money" data-name="int" name="PackingInfo{{:Index}}[ExpoWeight]" placeholder="重量" value="{{:ExpoWeight}}" />
  231. KG
  232. </li>
  233. <li>
  234. 件數:
  235. <input type="number" min="0" class="textStyle smallText" name="PackingInfo{{:Index}}[ExpoNumber]" placeholder="件數" value="{{:ExpoNumber}}" />
  236. </li>
  237. <p class="clear"></p>
  238. </ul>
  239. <p class="divider">&nbsp;</p>
  240. <p class="count align_r">小計:<span class="subtext">{{:~setSubtext(SubText)}}</span></p>
  241. <p class="divider">&nbsp;</p>
  242. <input type="hidden" name="PackingInfo{{:Index}}[SubTotalNumber]" value="{{:SubTotalNumber}}" />
  243. <input type="hidden" name="PackingInfo{{:Index}}[TotalCBM]" value="{{:TotalCBM}}" />
  244. <input type="hidden" name="PackingInfo{{:Index}}[TotalWeight]" value="{{:TotalWeight}}" />
  245. <ul class="inquiryProd">
  246. <li>
  247. <h4>服務需求</h4>
  248. </li>
  249. <li>
  250. <input type="checkbox" class="largeItem" id="ExpoStack{{:Index}}" name="PackingInfo{{:Index}}[ExpoStack]" {{:~setCheck(ExpoStack)}}>
  251. <label for="ExpoStack{{:Index}}">堆高機</label>
  252. </li>
  253. <li>
  254. <input type="checkbox" class="largeItem packing" id="ExpoSplit{{:Index}}" name="PackingInfo{{:Index}}[ExpoSplit]" {{:~setCheck(ExpoSplit)}}>
  255. <label for="ExpoSplit{{:Index}}">拆箱</label>
  256. </li>
  257. <li>
  258. <input type="checkbox" class="largeItem packing" id="ExpoPack{{:Index}}" name="PackingInfo{{:Index}}[ExpoPack]" {{:~setCheck(ExpoPack)}}>
  259. <label for="ExpoPack{{:Index}}">裝箱</label>
  260. </li>
  261. <li>
  262. <input type="checkbox" class="largeItem single-packing" id="ExpoFeed{{:Index}}" name="PackingInfo{{:Index}}[ExpoFeed]" {{:~setCheck(ExpoFeed)}}>
  263. <label for="ExpoFeed{{:Index}}">空箱收送與儲存(進退場+展覽期間)</label>
  264. </li>
  265. <p class="clear"></p>
  266. </ul>
  267. <p class="divider">&nbsp;</p>
  268. <p class="count align_r">預估費用(含稅):<span class="subtotal">{{:~setMoney(SubTotal,true)}}</span></p>
  269. <span class="hidden ExpoSplitkFee">{{:~ExpoSplitkFee}}</span>
  270. <span class="hidden ExpoPackFee">{{:~ExpoPackFee}}</span>
  271. <span class="hidden ExpoFeedFee">{{:~ExpoFeedFee}}</span>
  272. <!--<div name="PackingInfo{{:Index}}[ExpoSplitkFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoSplitkFee}}" />
  273. <div name="PackingInfo{{:Index}}[ExpoPackFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoPackFee}}" />
  274. <div name="PackingInfo{{:Index}}[ExpoFeedFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoFeedFee}}" />-->
  275. <span class="delete"></span>
  276. <input type="hidden" class="subtotalval" name="PackingInfo{{:Index}}[SubTotal]" value="{{:SubTotal}}" />
  277. </dd>
  278. </script>
  279. </body>
  280. </html>
  281. <script src="js/jquery-2.2.4.min.js"></script>
  282. <script src="js/jquery.fancybox.min.js"></script>
  283. <script src="js/menubar.js"></script>
  284. <script src="js/stickySidebar.js"></script>
  285. <script src="../Scripts/3rd/select2/js/select2.min.js"></script>
  286. <script src="../Scripts/format-number.min.js"></script>
  287. <script src="../Scripts/i18next.min.js"></script>
  288. <script src="../Scripts/jquery.validate.min.js"></script>
  289. <script src="../Scripts/jsrender.min.js"></script>
  290. <script src="../Scripts/jquery.blockUI.js"></script>
  291. <script src="../Scripts/toastr.min.js"></script>
  292. <script src="../Scripts/jquery.serialize-object.js"></script>
  293. <script src="../Scripts/lib/base64.js"></script>
  294. <script src="../Scripts/lib/Util.js?v=20180801"></script>
  295. <script src="js/menu.js?v=20180801"></script>
  296. <script src="js/about.js"></script>
  297. <script src="js/inquiry.js"></script>
  298. <script>
  299. var _lang = $('[http-equiv="content-language"]').attr('content') || 'zh-TW',
  300. init = function () { };
  301. if (_lang === 'zh') {
  302. document.write('<script defer="defer" src="https://api.map.baidu.com/api?v=2.0&ak=4rop77UmGWuaACwGM9pCCCGyA594iaPS&callback=init"><\x2Fscript>');
  303. }
  304. else {
  305. document.write('<script defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs1XHQcUJVaVHdXxKceXLoAcRosoTQhkQ&callback=init"><\x2Fscript>');
  306. }
  307. </script>