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.

195 lines
13 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. <title data-i18n="common.ExhibitionExport_Qry">出口</title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  14. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css" />
  15. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  16. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  17. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  18. <link href="/Scripts/3rd/jGrid/jsgrid.min.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  21. <link href="/Content/modern.min.css" rel="stylesheet" />
  22. <link href="/Content/custom.min.css" rel="stylesheet" type="text/css" />
  23. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  24. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  25. <style>
  26. .bill-status li {
  27. position: relative;
  28. left: -20px;
  29. list-style-type: none;
  30. }
  31. .bill-status li div:first-child {
  32. float: left;
  33. text-align: left;
  34. margin-right: 20px;
  35. width: 340px;
  36. }
  37. .bill-status li div:last-child {
  38. width: 80px;
  39. text-align: left;
  40. float: right;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div class="page-inner">
  46. <div class="page-title">
  47. </div>
  48. <div id="Toolbar">
  49. </div>
  50. <div id="main-wrapper">
  51. <!--主作業區 Start-->
  52. <div class="row">
  53. <div class="panel-info">
  54. <div class="panel-body">
  55. <div class="table-responsive project-stats">
  56. <div id="searchbar">
  57. <form id="form_main" class="form-horizontal">
  58. <div class="row">
  59. <label class="col-sm-1 control-label" for="input-Default">
  60. <span data-i18n="ExhibitionExport_Upd.RefNumber">查詢號碼</span><span></span>
  61. </label>
  62. <div class="col-sm-2">
  63. <input type="text" maxlength="50" id="RefNumber" name="RefNumber" class="form-control w100p">
  64. </div>
  65. <label class="col-sm-1 control-label ismobile" for="input-Default">
  66. <span data-i18n="ExhibitionImport_Upd.ExportBillName">展覽名稱</span><span></span>
  67. </label>
  68. <div class="col-sm-2 ismobile">
  69. <input type="text" maxlength="50" id="ExportBillName" name="ExportBillName" class="form-control w100p">
  70. </div>
  71. <label class="col-sm-1 control-label ismobile" for="input-Default">
  72. <span data-i18n="ExhibitionImport_Upd.Supplier">參展廠商</span><span></span>
  73. </label>
  74. <div class="col-sm-2 ismobile">
  75. <input type="text" maxlength="20" id="Supplier" name="Supplier" class="form-control w100p">
  76. </div>
  77. <label class="col-sm-1 control-label ismobile" for="input-Default">
  78. <span data-i18n="ExhibitionImport_Upd.Agent">代理商</span><span></span>
  79. </label>
  80. <div class="col-sm-2 ismobile">
  81. <input type="text" maxlength="20" id="Agent" name="Agent" class="form-control w100p">
  82. </div>
  83. </div>
  84. <div class="row ismobile">
  85. <label class="col-sm-1 control-label" for="input-Default">
  86. <span data-i18n="ExhibitionImport_Upd.ResponsiblePerson">負責業務</span><span></span>
  87. </label>
  88. <div class="col-sm-2">
  89. <select class="form-control w100p" data-type="select2" id="ResponsiblePerson" name="ResponsiblePerson"></select>
  90. </div>
  91. <label class="col-sm-1 control-label" for="input-Default">
  92. <span data-i18n="common.DateStartAndEnd">展覽日期起訖</span><span></span>
  93. </label>
  94. <div class="col-sm-1 specialcol_r">
  95. <input type="text" class="form-control w100p date-picker" name="ExhibitionDateStart" id="ExhibitionDateStart" maxlength="10">
  96. </div>
  97. <span class="col-sm-1 connector">~</span>
  98. <div class="col-sm-1 specialcol_l">
  99. <input type="text" class="form-control w100p date-picker" name="ExhibitionDateEnd" id="ExhibitionDateEnd" maxlength="10">
  100. </div>
  101. <label class="col-sm-1 control-label" for="input-Default">
  102. <span data-i18n="ExhibitionExport_Upd.BillLadNO">提單號碼</span><span></span>
  103. </label>
  104. <div class="col-sm-2">
  105. <input type="text" maxlength="20" id="BillLadNO" name="BillLadNO" class="form-control w100p">
  106. </div>
  107. <label class="col-sm-1 control-label" for="input-Default">
  108. <span data-i18n="common.Flow_Status">貨物狀態</span><span></span>
  109. </label>
  110. <div class="col-sm-2">
  111. <select class="form-control w100p" id="Flow_Status" name="Flow_Status">
  112. <option value="">請選擇...</option>
  113. <option value="已收文件">已收文件</option>
  114. <option value="貨物進倉">貨物進倉</option>
  115. <option value="報關作業">報關作業</option>
  116. <option value="出口放行">出口放行</option>
  117. <option value="航行中">航行中</option>
  118. <option value="貨物抵港">貨物抵港</option>
  119. <option value="貨物放行">貨物放行</option>
  120. <option value="等待進場">等待進場</option>
  121. <option value="送達攤位">送達攤位</option>
  122. <option value="退運">退運</option>
  123. </select>
  124. </div>
  125. </div>
  126. <div class="row ismobile">
  127. <label class="col-sm-1 control-label ismobile" for="input-Default">
  128. <span data-i18n="common.BillNO">帳單號碼</span><span></span>
  129. </label>
  130. <div class="col-sm-2 ismobile">
  131. <input type="text" maxlength="20" id="BillNO" name="BillNO" class="form-control w100p">
  132. </div>
  133. <label class="col-sm-1 control-label ismobile" for="input-Default">
  134. <span data-i18n="ExhibitionImport_Upd.REF">REF#</span><span></span>
  135. </label>
  136. <div class="col-sm-2">
  137. <input type="text" class="form-control w100p" name="REF" id="REF" maxlength="20" placeholderid="ExhibitionImport_Qry.Instruction_RefNumber">
  138. </div>
  139. <label class="col-sm-1 control-label" for="input-Default">
  140. <span data-i18n="common.JobTracking">作業追蹤</span><span></span>
  141. </label>
  142. <div class="col-sm-2">
  143. <input id="JobTracking_1" type="radio" name="JobTracking" value="Y,N" checked="checked" />
  144. <label for="JobTracking_1" data-i18n="common.All">全部</label>
  145. <input id="JobTracking_2" type="radio" name="JobTracking" value="N" />
  146. <label for="JobTracking_2" data-i18n="common.UnRelease">(貨物)未放行</label>
  147. <input id="JobTracking_3" type="radio" name="JobTracking" value="Y" />
  148. <label for="JobTracking_3" data-i18n="common.Release">(貨物)放行</label>
  149. </div>
  150. <label class="col-sm-1 control-label" for="input-Default">
  151. <span data-i18n="common.IsIncludeVoid">是否包含已作廢</span><span></span>
  152. </label>
  153. <div class="col-sm-2">
  154. <input id="IsIncludeVoid_1" type="radio" name="IsIncludeVoid" value="Y,N" />
  155. <label for="IsIncludeVoid_1" data-i18n="common.Yes"></label>
  156. <input id="IsIncludeVoid_2" type="radio" name="IsIncludeVoid" value="N" checked="checked" />
  157. <label for="IsIncludeVoid_2" data-i18n="common.No"></label>
  158. </div>
  159. </div>
  160. <div class="row ismobile dept-box">
  161. <label class="col-sm-1 control-label" for="input-Default">
  162. <span data-i18n="common.Department">部門</span><span></span>
  163. </label>
  164. <div class="col-sm-2">
  165. <select name="DepartmentID" id="DepartmentID" class="form-control w100p"></select>
  166. </div>
  167. </div>
  168. </form>
  169. </div>
  170. <div id="content-box-view">
  171. <div id="content-box-info-nostyle" class="shadowbox">
  172. <div>
  173. <div id="jsGrid"></div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <!--主作業區 End-->
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </body>
  185. </html>
  186. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  187. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  188. <script type="text/javascript">
  189. $(document).ready(function () {
  190. $("head").append("<script type='text/javascript' src='/Scripts/loadjs.min.js'>");
  191. $("head").append("<script type='text/javascript' src='/Scripts/JSLoader.js'>");
  192. $("head").append("<script type='text/javascript' src='/Scripts/pages/Opm/ExhibitionExport_Qry.js'>");
  193. });
  194. </script>