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.

263 lines
13 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">
  5. <link rel="stylesheet" type="text/css" href="/js/zTree/css/awesomeStyle/awesome.css">
  6. <link rel="stylesheet" type="text/css" href="/css/role.css">
  7. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap.css">
  8. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap-table.css">
  9. <link rel="stylesheet" type="text/css" href="/js/layer/skin/layer.css">
  10. <link rel="stylesheet" type="text/css" href="/css/common.css">
  11. <style type="text/css">
  12. div.fixed-table-container {
  13. /*height: calc(100vh - 40px) !important;*/
  14. }
  15. button .new-customer-btn {
  16. padding: 3px 6px !important;
  17. font-size: 12px;
  18. font-weight: normal;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div class="hideData" style="display: none;">
  24. <input name="username" id="current_username" value="${user.username }">
  25. <input name="workShop" id="current_work_shop" value="${user.workShop!'' }">
  26. <input name="display" id="current_display" value="${user.display }">
  27. <input name="id" id="current_id" value="${user.id!'' }">
  28. <input name="site" id="current_site" value="${user.site }">
  29. </div>
  30. <div class="panel-heading">
  31. <div class="operate" style="margin-top: 36px; margin-bottom: 5px;">
  32. <div style="margin-left: -5px;margin-top: -40px;">
  33. <span style="margin-left: 7px;font-size: 12px">是否付款:</span>
  34. <div>
  35. <select id="paymentStatus" style="margin-left: 5px; height:23px;font-size: 12px">
  36. <option value="" label="ALL"></option>
  37. <option value="Y" label="已付款"></option>
  38. <option value="N" label="未付款"></option>
  39. </select>
  40. </div>
  41. </div>
  42. <div style="margin-left: 77px;margin-top: -43px;">
  43. <span style="margin-left: 7px;font-size: 12px">是否到港:</span>
  44. <div>
  45. <select id="active" style="margin-left: 5px; height:23px;font-size: 12px">
  46. <option value="" label="ALL"></option>
  47. <option value="Y" label="到港"></option>
  48. <option value="N" label="未到港"></option>
  49. </select>
  50. </div>
  51. </div>
  52. <div style="margin-left: 153px;margin-top: -43px;">
  53. <span style="margin-left: 6px;font-size: 12px">店铺名称:</span>
  54. <div>
  55. <input id="wareHouseName" style="font-size: 12px" autocomplete="off" class="search-input">
  56. </div>
  57. </div>
  58. <div style="margin-left: 285px;margin-top: -43px;">
  59. <span style="margin-left: 7px;font-size: 12px">运单号:</span>
  60. <div>
  61. <input id="delno" style="font-size: 12px" autocomplete="off" class="search-input">
  62. </div>
  63. </div>
  64. <div style="margin-left: 430px;margin-top: -24px;">
  65. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="search()">
  66. 查询
  67. </button>
  68. </div>
  69. </div>
  70. </div>
  71. <div id="toolbar" class="toolbar">
  72. <button id="remove_button" onclick="remover()" class="btn btn-danger new-customer-btn control-btn">
  73. <i class="fa fa-trash"></i>删除
  74. </button>
  75. <button id="edit_button" onclick="addModal()" class="btn btn-warning new-customer-btn control-btn">
  76. <i class="fa fa-pencil-square-o"></i>编辑发运单信息
  77. </button>
  78. <button id="edit_button" onclick="paymentModal()" class="btn btn-warning new-customer-btn control-btn">
  79. <i class="fa fa-pencil-square-o"></i>付款
  80. </button>
  81. <button id="edit_button" onclick="arrivalModal()" class="btn btn-warning new-customer-btn control-btn">
  82. <i class="fa fa-pencil-square-o"></i>到港
  83. </button>
  84. <button id="download_button" data-type="xlsx" class="btn btn-primary new-customer-btn control-btn">
  85. <i class="fa fa-cloud-download"></i>下载
  86. </button>
  87. </div>
  88. <div class="panel-body" style="margin-top: -20px;">
  89. <table id="codeltrak_data">
  90. </table>
  91. </div>
  92. <#-- 付款-->
  93. <div class="modal fade" id="payment_modal" tabindex="-1" role="dialog"
  94. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  95. <div class="modal-dialog" style="width: 400px; margin: 10% auto;">
  96. <div class="modal-content">
  97. <div class="modal-body">
  98. <form class="form-horizontal" action="" method="post">
  99. <fieldset>
  100. <div id="legend" class="">
  101. <legend class="">付款</legend>
  102. </div>
  103. <div class="form-group form-group-x">
  104. <div class="second-col" style="margin-left: -10px;">
  105. <label class="col-sm-t col-sm-t-4 control-label">付款金额</label>
  106. <div class="col-sm-x col-sm-x-6">
  107. <input id="paymentAmount" style="width: 170px;" class="form-control"
  108. value="">
  109. </div>
  110. </div>
  111. </div>
  112. </fieldset>
  113. </form>
  114. </div>
  115. <div class="modal-footer" style="TEXT-ALIGN: center">
  116. <div class="control-group">
  117. <!-- Button -->
  118. <div class="controls">
  119. <button onclick="payment()" class="btn btn-success">保存</button>
  120. <button id="paymentClose" data-dismiss="modal" class="btn btn-success">取消</button>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <#-- 到港-->
  128. <div class="modal fade" id="arrival_modal" tabindex="-1" role="dialog"
  129. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  130. <div class="modal-dialog" style="width: 400px; margin: 10% auto;">
  131. <div class="modal-content">
  132. <div class="modal-body">
  133. <form class="form-horizontal" action="" method="post">
  134. <fieldset>
  135. <div id="legend" class="">
  136. <legend class="">到港</legend>
  137. </div>
  138. <div class="form-group form-group-x">
  139. <div class="second-col" style="margin-left: -10px;">
  140. <label class="col-sm-t col-sm-t-4 control-label">到港时间</label>
  141. <div class="col-sm-x col-sm-x-6">
  142. <input id="delivery_date" style="width: 170px;" class="form-control"
  143. value="">
  144. </div>
  145. </div>
  146. </div>
  147. </fieldset>
  148. </form>
  149. </div>
  150. <div class="modal-footer" style="TEXT-ALIGN: center">
  151. <div class="control-group">
  152. <!-- Button -->
  153. <div class="controls">
  154. <button onclick="arrival()" class="btn btn-success">保存</button>
  155. <button id="arrivalClose" data-dismiss="modal" class="btn btn-success">取消</button>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <#--补充发运单信息-->
  163. <div class="modal fade" id="add_modal" tabindex="-1" role="dialog"
  164. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  165. <div class="modal-dialog" style="width: 800px; margin: 10% auto;">
  166. <div class="modal-content">
  167. <div class="modal-body">
  168. <form class="form-horizontal" action="" method="post">
  169. <fieldset>
  170. <div id="legend" class="">
  171. <legend class="">发货单信息</legend>
  172. </div>
  173. <div class="form-group form-group-x">
  174. <div class="second-col" style="margin-left: -10px;">
  175. <label class="col-sm-t col-sm-t-4 control-label">目标国家</label>
  176. <div class="col-sm-x col-sm-x-6">
  177. <input id="targetCountry" style="width: 170px;" class="form-control"
  178. value="">
  179. </div>
  180. <label class="col-sm-t col-sm-t-4 control-label">重量</label>
  181. <div class="col-sm-x col-sm-x-6">
  182. <input id="weight" style="width: 170px;" class="form-control"
  183. value="">
  184. </div>
  185. </div>
  186. </div>
  187. <div class="form-group form-group-x">
  188. <div class="second-col" style="margin-left: 245px;margin-top: -64px;">
  189. <label class="col-sm-t col-sm-t-4 control-label">货运方式</label>
  190. <div class="col-sm-x col-sm-x-6">
  191. <select id="deliveryMethod" style="width: 170px;" class="form-control"
  192. value="">
  193. <option value="海运" label="海运"></option>
  194. <option value="空运" label="空运"></option>
  195. </select>
  196. </div>
  197. <label class="col-sm-t col-sm-t-4 control-label">物流单价</label>
  198. <div class="col-sm-x col-sm-x-6">
  199. <input id="logisticsBilling" style="width: 170px;" class="form-control"
  200. value="">
  201. </div>
  202. </div>
  203. </div>
  204. <div class="form-group form-group-x">
  205. <div class="second-col" style="margin-left: 500px;margin-top: -69px;">
  206. <label class="col-sm-t col-sm-t-4 control-label">是否包税</label>
  207. <div class="col-sm-x col-sm-x-6">
  208. <select id="tax" style="width: 170px;" class="form-control"
  209. value="">
  210. <option value="Y" label="包税"></option>
  211. <option value="N" label="不包税"></option>
  212. </select>
  213. </div>
  214. <label class="col-sm-t col-sm-t-4 control-label">取货方式</label>
  215. <div class="col-sm-x col-sm-x-6">
  216. <select id="pickupMethod" style="width: 170px;" class="form-control"
  217. value="">
  218. <option value="Y" label="上门取件"></option>
  219. <option value="N" label="送货上门"></option>
  220. </select>
  221. </div>
  222. </div>
  223. </div>
  224. </fieldset>
  225. </form>
  226. </div>
  227. <div class="modal-footer" style="TEXT-ALIGN: center">
  228. <div class="control-group">
  229. <!-- Button -->
  230. <div class="controls">
  231. <button onclick="saveCodelTrack()" class="btn btn-success">保存</button>
  232. <button id="codelTrackClose" data-dismiss="modal" class="btn btn-success">取消</button>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
  240. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
  241. <!-- 导出需要的excel -->
  242. <script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
  243. <script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
  244. <script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
  245. <script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
  246. <script type="text/javascript" src="/js/export/tableExport.js"></script>
  247. <script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
  248. <!-- 结束 -->
  249. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap-datetimepicker.js"></script>
  250. <script type="text/javascript" src="/js/common.js"></script>
  251. <script type="text/javascript" src="/js/layer/layer.js"></script>
  252. <script type="text/javascript" src="/js/zTree/jquery.ztree.core.js"></script>
  253. <script type="text/javascript" src="/js/zTree/jquery.ztree.excheck.js"></script>
  254. <script src="/js/plan/deliveryRecord.js"></script>
  255. </body>
  256. </html>