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.

306 lines
15 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta 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="線上預約服務 - G-Yi 駒驛物流">
  12. <meta name="description" content="">
  13. <title>線上詢價 - G-Yi 駒驛物流</title>
  14. <link rel="shortcut icon" href="../images/favicon.ico">
  15. <link href="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.css" rel="stylesheet" />
  16. <link href="../../Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  17. <link href="../../Content/toastr.min.css" rel="stylesheet" />
  18. <link href="../css/main.css?v=20180730" rel="stylesheet">
  19. <link href="../css/inquiry.css" rel="stylesheet">
  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. <header>
  43. <div id="headerWrapper">
  44. <h1><a href="index.html">駒驛</a></h1>
  45. <ul id="language">
  46. <!--<li class="cn"><a href="#">简</a></li>-->
  47. <li class="en"><a href="inquiry_en.html">EN</a></li>
  48. </ul>
  49. <h4>Menu</h4>
  50. <ul id="menu">
  51. <li id="index"><a href="index.html">首頁</a></li>
  52. <li id="about"><a href="about.html">關於駒驛</a></li>
  53. <li id="service"><a href="service.html">服務項目</a></li>
  54. <li id="inquiry"><a href="inquiry.html">線上詢價</a></li>
  55. <li id="contact"><a href="contact.html">聯絡駒驛</a></li>
  56. <li id="download"><a href="download.html">資料下載</a></li>
  57. </ul>
  58. </div>
  59. </header>
  60. <!-- header end -->
  61. <!--------------------- article --------------------->
  62. <div class="article">
  63. <h1 class="addBG">線上詢價 <span>| Online Inquiry |</span></h1>
  64. <p>&nbsp;</p>
  65. <h3 class="bold">
  66. *僅限「展場服務」詢價,如想了解運費及其他服務報價,<a href="contact.html">請與我們聯繫</a> ,感謝您的合作!
  67. </h3>
  68. <p>&nbsp;</p>
  69. <h2>參加展覽</h2>
  70. <p>&nbsp;</p>
  71. <ul id="expoSort">
  72. <li>
  73. <p class="formTitle">地區</p>
  74. <select class="textStyle expo-search" id="area">
  75. <option value="">請選擇地區</option>
  76. </select>
  77. </li>
  78. <li>
  79. <p class="formTitle">展期</p>
  80. <select class="textStyle expo-search" id="year">
  81. <option value="">選擇年份</option>
  82. <option value="2018">2018</option>
  83. <option value="2019">2019</option>
  84. <option value="2020">2020</option>
  85. </select>
  86. <select class="textStyle expo-search" id="month">
  87. <option value="">選擇月份</option>
  88. <option value="01-03">01-03</option>
  89. <option value="04-06">04-06</option>
  90. <option value="07-09">07-09</option>
  91. <option value="10-12">10-12</option>
  92. </select>
  93. </li>
  94. <li>
  95. <p class="formTitle">展覽</p>
  96. <select class="textStyle maxText" id="expo">
  97. <option>請選擇展覽</option>
  98. <option>2018 展昭高雄寵物用品展-搶先場</option>
  99. <option>2018台北國際酒展‧純酒展</option>
  100. <option>2018台灣蔬食‧自然產品展</option>
  101. </select>
  102. </li>
  103. </ul>
  104. <p>&nbsp;</p>
  105. <h2>預估費用查詢</h2>
  106. <p>&nbsp;</p>
  107. <!--------------------- inquiryNo --------------------->
  108. <form id="form_inquiry">
  109. <dl id="inquiryNo">
  110. <dd>
  111. <h4 class="orange">新增一項展品</h4>
  112. <span class="add"></span>
  113. </dd>
  114. </dl>
  115. <input type="hidden" name="Total" />
  116. </form>
  117. <!--------------------- inquiryNo end --------------------->
  118. <p>&nbsp;</p>
  119. <!--------------------- SUM --------------------->
  120. <h3 class="align_r">費用總計:新台幣 <span class="red totaltext">0</span> 元 (含稅)</h3>
  121. <p>&nbsp;</p>
  122. <p class="align_r">
  123. <a href="javascript:void(0);" id="inquiryIntro">使用說明</a> &nbsp;
  124. <a href="javascript:void(0);" id="goappoint" class="btn btnStyle">線上預約服務</a>
  125. </p>
  126. <p>&nbsp;</p>
  127. <div id="CostInstruction">
  128. </div>
  129. </div>
  130. <!--------------------- article end --------------------->
  131. <!--------------------- footer --------------------->
  132. <footer>
  133. <div id="footer">
  134. <img src="../images/logoFooter.png">
  135. <ul>
  136. <li>台北市南港區重陽路457號10樓</li>
  137. <li>02-2785-7900</li>
  138. <li><a href="mailto:info@g-yi.com">info@g-yi.com</a></li>
  139. </ul>
  140. <p>Copyright &copy; 駒驛物流</p>
  141. </div>
  142. </footer>
  143. <div id="toTop">TOP</div>
  144. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  145. <!--------------------- footer end --------------------->
  146. <script id="temp_costdoc" type="text/x-jsrender">
  147. <h2>費用說明 </h2>
  148. <p>&nbsp;</p>
  149. <h4>1. 堆高機機動服務</h4>
  150. <p>&nbsp;</p>
  151. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableDisplay">
  152. <tbody>
  153. <tr>
  154. <th>重量</th>
  155. <th>價格(新台幣,含稅) </th>
  156. </tr>
  157. {{for CostRules}}
  158. <tr>
  159. <td align="center">{{if Weight_Min!=0}}{{:Weight_Min}}噸以上至 {{/if}}{{:Weight_Max}}噸以下</td>
  160. <td align="center">{{:~setMoney(Price)}} 元/{{if PricingMode=="T"}}每噸{{else}}每件{{/if}}</td>
  161. </tr>
  162. {{/for}}
  163. </tbody>
  164. </table>
  165. <p>&nbsp;</p>
  166. <ol class="dot">
  167. <li>含進場時自卡車卸下並搬運至攤位一次性定位,及退場時自攤位搬上卡車。</li>
  168. <li>展品定位完成後,如須再次移動或配合組裝,其價格請參閱備註。</li>
  169. <li>其他噸數,或需吊車吊掛之貨物,以及拆裝貨櫃等費用請來電另議。</li>
  170. </ol>
  171. <p>&nbsp;</p>
  172. <h4>2. 拆箱服務 (裝箱服務同價) </h4>
  173. <p>&nbsp;</p>
  174. <p>
  175. {{:CurrencyName}}{{:~setMoney(PackingPrice)}}元/立方米
  176. {{if HasPackingRequiredMinCBM }}(最低按 {{:PackingRequiredMinCBM}} 立方米計算){{/if}}{{:PackingMinCBMModeText}}(含稅)
  177. </p>
  178. <p>&nbsp;</p>
  179. <h4>3.空箱收送與儲存 (進退場+展覽期間)</h4>
  180. <p>&nbsp;</p>
  181. <p>
  182. {{:CurrencyName}}{{:~setMoney(FeedingPrice)}}元/立方米
  183. {{if HasFeedingRequiredMinCBM }}(最低按 {{:FeedingRequiredMinCBM}} 立方米計算){{/if}}{{:FeedingMinCBMModeText}}(含稅)
  184. </p>
  185. <p>&nbsp;</p>
  186. <div>
  187. {{:CostInstruction}}
  188. </div>
  189. <!--<p>&nbsp;</p>
  190. <h3><strong>服務說明</strong></h3>
  191. <p>&nbsp;</p>
  192. <div>
  193. {{:ServiceInstruction}}
  194. </div>-->
  195. <p>&nbsp;</p>
  196. {{if Files.length>0 }}
  197. <h3><strong>展品搬運服務需求委運書下載</strong></h3>
  198. <p>&nbsp;</p>
  199. <ul class="download">
  200. {{for Files}}
  201. <li><a href="javascript:void(0);" filename="{{:~getFileName(FileName)}}" filepath="{{:FilePath}}">{{:~getFileName(FileName)}}</a></li>
  202. {{/for}}
  203. </ul>
  204. {{/if}}
  205. </script>
  206. <script id="temp_costinfo" type="text/x-jsrender">
  207. <dd id="PackingInfo{{:Index}}">
  208. <ul class="inquiryProd">
  209. <li>
  210. <h4>展品資訊</h4>
  211. </li>
  212. <li>
  213. 包裝:
  214. <select class="smallText textStyle expotype" name="PackingInfo{{:Index}}[ExpoType]">
  215. <option value="01">裸機</option>
  216. <option value="02">木箱</option>
  217. <option value="03">散貨</option>
  218. <option value="04">打板</option>
  219. <option value="05">其他</option>
  220. </select>
  221. </li>
  222. <li>
  223. 尺寸:
  224. <input type="text" name="PackingInfo{{:Index}}[ExpoLen]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="長" value="{{:ExpoLen}}" />
  225. <input type="text" name="PackingInfo{{:Index}}[ExpoWidth]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="寬" value="{{:ExpoWidth}}" />
  226. <input type="text" name="PackingInfo{{:Index}}[ExpoHeight]" class="textStyle smallText inputnumber" data-type="money" data-name="int" placeholder="高" value="{{:ExpoHeight}}" />
  227. CM
  228. </li>
  229. <li>
  230. 重量:
  231. <input type="text" class="textStyle smallText inputnumber" data-type="money" data-name="int" name="PackingInfo{{:Index}}[ExpoWeight]" placeholder="重量" value="{{:ExpoWeight}}" />
  232. KG
  233. </li>
  234. <li>
  235. 件數:
  236. <input type="number" min="0" class="textStyle smallText" name="PackingInfo{{:Index}}[ExpoNumber]" placeholder="件數" value="{{:ExpoNumber}}" />
  237. </li>
  238. <p class="clear"></p>
  239. </ul>
  240. <p class="divider">&nbsp;</p>
  241. <p class="count align_r">小計:<span class="subtext">{{:~setSubtext(SubText)}}</span></p>
  242. <p class="divider">&nbsp;</p>
  243. <input type="hidden" name="PackingInfo{{:Index}}[SubTotalNumber]" value="{{:SubTotalNumber}}" />
  244. <input type="hidden" name="PackingInfo{{:Index}}[TotalCBM]" value="{{:TotalCBM}}" />
  245. <input type="hidden" name="PackingInfo{{:Index}}[TotalWeight]" value="{{:TotalWeight}}" />
  246. <ul class="inquiryProd">
  247. <li>
  248. <h4>服務需求</h4>
  249. </li>
  250. <li>
  251. <input type="checkbox" class="largeItem" id="ExpoStack{{:Index}}" name="PackingInfo{{:Index}}[ExpoStack]" {{:~setCheck(ExpoStack)}}>
  252. <label for="ExpoStack{{:Index}}">堆高機</label>
  253. </li>
  254. <li>
  255. <input type="checkbox" class="largeItem packing" id="ExpoSplit{{:Index}}" name="PackingInfo{{:Index}}[ExpoSplit]" {{:~setCheck(ExpoSplit)}}>
  256. <label for="ExpoSplit{{:Index}}">拆箱</label>
  257. </li>
  258. <li>
  259. <input type="checkbox" class="largeItem packing" id="ExpoPack{{:Index}}" name="PackingInfo{{:Index}}[ExpoPack]" {{:~setCheck(ExpoPack)}}>
  260. <label for="ExpoPack{{:Index}}">裝箱</label>
  261. </li>
  262. <li>
  263. <input type="checkbox" class="largeItem single-packing" id="ExpoFeed{{:Index}}" name="PackingInfo{{:Index}}[ExpoFeed]" {{:~setCheck(ExpoFeed)}}>
  264. <label for="ExpoFeed{{:Index}}">空箱收送與儲存(進退場+展覽期間)</label>
  265. </li>
  266. <p class="clear"></p>
  267. </ul>
  268. <p class="divider">&nbsp;</p>
  269. <p class="count align_r">預估費用(含稅):<span class="subtotal">{{:~setMoney(SubTotal,true)}}</span></p>
  270. <span class="hidden ExpoSplitkFee">{{:~ExpoSplitkFee}}</span>
  271. <span class="hidden ExpoPackFee">{{:~ExpoPackFee}}</span>
  272. <span class="hidden ExpoFeedFee">{{:~ExpoFeedFee}}</span>
  273. <!--<div name="PackingInfo{{:Index}}[ExpoSplitkFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoSplitkFee}}" />
  274. <div name="PackingInfo{{:Index}}[ExpoPackFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoPackFee}}" />
  275. <div name="PackingInfo{{:Index}}[ExpoFeedFee]" class="hidden textStyle smallText inputnumber ExpoSplitkFee" data-type="money" data-name="int" value="{{:ExpoFeedFee}}" />-->
  276. <span class="delete"></span>
  277. <input type="hidden" class="subtotalval" name="PackingInfo{{:Index}}[SubTotal]" value="{{:SubTotal}}" />
  278. </dd>
  279. </script>
  280. </body>
  281. </html>
  282. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  283. <script src="../../Scripts/i18next.min.js"></script>
  284. <script src="../../Scripts/jquery.indexeddb.min.js"></script>
  285. <script src="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.js"></script>
  286. <script src="../../Scripts/3rd/select2/js/select2.min.js"></script>
  287. <script src="../../Scripts/format-number.min.js"></script>
  288. <script src="../../Scripts/toastr.min.js"></script>
  289. <script src="../../Scripts/jquery.serialize-object.js"></script>
  290. <script src="../../Scripts/jsrender.min.js"></script>
  291. <script src="../../Scripts/jquery.blockUI.js"></script>
  292. <script src="../../Scripts/lib/base64.js"></script>
  293. <script src="../../Scripts/lib/Util.min.js?v=20180730"></script>
  294. <script src="../js/menu.js?v=20180730"></script>
  295. <script src="../js/inquiry.js?v=20190131"></script>
  296. <!--Global site tag(gtag.js) - Google Analytics-->
  297. <script>
  298. if ('www.g-yi.com'.indexOf(window.location.hostname) > -1) {
  299. document.write('<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120713824-1"><\x2Fscript><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-120713824-1");<\x2Fscript>');
  300. }
  301. </script>