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.

209 lines
15 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.ExhibitionImport_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/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  16. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  17. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  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. width: 240px;
  31. }
  32. .bill-status li div:first-child {
  33. float: left;
  34. text-align: left;
  35. margin-left: 20px;
  36. }
  37. .bill-status li div:last-child {
  38. float: right;
  39. margin-left: 20px;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="page-inner">
  45. <div class="page-title">
  46. </div>
  47. <div id="Toolbar">
  48. </div>
  49. <div id="main-wrapper">
  50. <!--主作業區 Start-->
  51. <div class="row">
  52. <div class="panel-info">
  53. <div class="panel-body">
  54. <div class="table-responsive project-stats">
  55. <div id="searchbar">
  56. <form id="form_main" class="form-horizontal">
  57. <div class="row">
  58. <label class="col-sm-1 control-label" for="input-Default">
  59. <span data-i18n="ExhibitionImport_Upd.RefNumber">查詢號碼</span><span></span>
  60. </label>
  61. <div class="col-sm-2">
  62. <input type="text" maxlength="20" id="RefNumber" name="RefNumber" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_RefNumber">
  63. </div>
  64. <label class="col-sm-1 control-label ismobile" for="input-Default">
  65. <span data-i18n="ExhibitionImport_Upd.ImportBillName">展覽名稱</span><span></span>
  66. </label>
  67. <div class="col-sm-2">
  68. <input type="text" maxlength="50" id="ImportBillName" name="ImportBillName" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_ImportBillName">
  69. </div>
  70. <label class="col-sm-1 control-label ismobile" for="input-Default">
  71. <span data-i18n="ExhibitionImport_Upd.Supplier">參展廠商</span><span></span>
  72. </label>
  73. <div class="col-sm-2 ismobile">
  74. <input type="text" maxlength="20" id="Supplier" name="Supplier" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_Supplier">
  75. </div>
  76. <label class="col-sm-1 control-label ismobile" for="input-Default">
  77. <span data-i18n="ExhibitionImport_Upd.Agent">代理商</span><span></span>
  78. </label>
  79. <div class="col-sm-2 ismobile">
  80. <input type="text" maxlength="20" id="Agent" name="Agent" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_Agent">
  81. </div>
  82. </div>
  83. <div class="row ismobile">
  84. <label class="col-sm-1 control-label ismobile" for="input-Default">
  85. <span data-i18n="ExhibitionImport_Upd.BillLadNO">提單號碼</span><span></span>
  86. </label>
  87. <div class="col-sm-2">
  88. <input type="text" maxlength="20" id="BillLadNO" name="BillLadNO" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_BillLadNO">
  89. </div>
  90. <label class="col-sm-1 control-label" for="input-Default">
  91. <span data-i18n="common.DateStartAndEnd">展覽日期起訖</span><span></span>
  92. </label>
  93. <div class="col-sm-1 specialcol_r">
  94. <input type="text" class="form-control w100p date-picker" name="ExhibitionDateStart" id="ExhibitionDateStart" maxlength="10" placeholderid="ExhibitionImport_Qry.Instruction_ExhibitionDateStart">
  95. </div>
  96. <span class="col-sm-1 connector">~</span>
  97. <div class="col-sm-1 specialcol_l">
  98. <input type="text" class="form-control w100p date-picker" name="ExhibitionDateEnd" id="ExhibitionDateEnd" maxlength="10" placeholderid="ExhibitionImport_Qry.Instruction_ExhibitionDateEnd">
  99. </div>
  100. <label class="col-sm-1 control-label" for="input-Default">
  101. <span data-i18n="ExhibitionImport_Upd.ResponsiblePerson">負責業務</span><span></span>
  102. </label>
  103. <div class="col-sm-2">
  104. <select class="form-control w100p" data-type="select2" id="ResponsiblePerson" name="ResponsiblePerson"></select>
  105. </div>
  106. <label class="col-sm-1 control-label" for="input-Default">
  107. <span data-i18n="ExhibitionImport_Upd.DeclarationClass">報關類別</span><span></span>
  108. </label>
  109. <div class="col-sm-2">
  110. <select class="form-control w100p" id="DeclarationClass" name="DeclarationClass"></select>
  111. </div>
  112. </div>
  113. <div class="row ismobile">
  114. <label class="col-sm-1 control-label ismobile" for="input-Default">
  115. <span data-i18n="ExhibitionImport_Upd.REF">REF#</span><span></span>
  116. </label>
  117. <div class="col-sm-2">
  118. <input type="text" class="form-control w100p" name="REF" id="REF" maxlength="20" placeholderid="ExhibitionImport_Qry.Instruction_RefNumber">
  119. </div>
  120. <label class="col-sm-1 control-label ismobile" for="input-Default">
  121. <span data-i18n="common.Flow_Status">貨物狀態</span><span></span>
  122. </label>
  123. <div class="col-sm-2">
  124. <select class="form-control w100p" id="Flow_Status" name="Flow_Status">
  125. <option value="">請選擇...</option>
  126. <optgroup label="進口">
  127. <option value="Import-1">已收文件</option>
  128. <option value="Import-2">貨物抵港</option>
  129. <option value="Import-3">報關作業</option>
  130. <option value="Import-4">貨物放行</option>
  131. <option value="Import-5">轉至倉庫</option>
  132. <option value="Import-6">客戶簽收</option>
  133. </optgroup>
  134. <optgroup label="退運">
  135. <option value="-Re1">文件確認</option>
  136. <option value="-Re2">報關作業</option>
  137. <option value="-Re3">貨物放行</option>
  138. <option value="-Re4">回運中</option>
  139. <option value="-Re5">抵達目的地</option>
  140. <option value="-Re6">已送達</option>
  141. </optgroup>
  142. </select>
  143. </div>
  144. <label class="col-sm-1 control-label ismobile" for="input-Default">
  145. <span data-i18n="common.JobTracking">作業追蹤</span><span></span>
  146. </label>
  147. <div class="col-sm-2">
  148. <input id="JobTracking_1" type="radio" name="JobTracking" value="Y,N" checked="checked" />
  149. <label for="JobTracking_1" data-i18n="common.All">全部</label>
  150. <input id="JobTracking_2" type="radio" name="JobTracking" value="N" />
  151. <label for="JobTracking_2" data-i18n="common.UnRelease">(貨物)未放行</label>
  152. <input id="JobTracking_3" type="radio" name="JobTracking" value="Y" />
  153. <label for="JobTracking_3" data-i18n="common.Release">(貨物)放行</label>
  154. </div>
  155. <label class="col-sm-1 control-label ismobile" for="input-Default">
  156. <span data-i18n="ExhibitionImport_Upd.ImportPerson">进口人</span><span></span>
  157. </label>
  158. <div class="col-sm-2 ismobile">
  159. <input type="text" maxlength="20" id="ImportPerson" name="ImportPerson" class="form-control w100p" placeholderid="ExhibitionImport_Qry.Instruction_ImportPerson">
  160. </div>
  161. </div>
  162. <div class="row ismobile">
  163. <label class="col-sm-1 control-label ismobile" for="input-Default">
  164. <span data-i18n="common.BillNO">帳單號碼</span><span></span>
  165. </label>
  166. <div class="col-sm-2 ismobile">
  167. <input type="text" maxlength="20" id="BillNO" name="BillNO" class="form-control w100p">
  168. </div>
  169. <label class="col-sm-1 control-label dept-box" for="input-Default">
  170. <span data-i18n="common.Department">部門</span><span></span>
  171. </label>
  172. <div class="col-sm-2 dept-box">
  173. <select name="DepartmentID" id="DepartmentID" class="form-control w100p"></select>
  174. </div>
  175. <label class="col-sm-1 control-label ismobile" for="input-Default">
  176. <span data-i18n="common.IsIncludeVoid">是否包含已作廢</span><span></span>
  177. </label>
  178. <div class="col-sm-2">
  179. <input id="IsIncludeVoid_1" type="radio" name="IsIncludeVoid" value="Y,N" />
  180. <label for="IsIncludeVoid_1" data-i18n="common.Yes"></label>
  181. <input id="IsIncludeVoid_2" type="radio" name="IsIncludeVoid" value="N" checked="checked" />
  182. <label for="IsIncludeVoid_2" data-i18n="common.No"></label>
  183. </div>
  184. </div>
  185. </form>
  186. </div>
  187. <div id="content-box-view">
  188. <div id="content-box-info-nostyle" class="shadowbox">
  189. <div>
  190. <div id="jsGrid"></div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <!--主作業區 End-->
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </body>
  202. </html>
  203. <script src="/Scripts/loadjs.min.js"></script>
  204. <script src="/Scripts/JSLoader.js?v=20180801"></script>
  205. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  206. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  207. <script src="/Scripts/pages/Opm/ExhibitionImport_Qry.js?v=20180801"></script>