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.

208 lines
10 KiB

5 years ago
5 years ago
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: -3px; margin-bottom: 5px;">
  32. <div>
  33. <span style="font-size: 12px; margin-left: 6px;">状态:</span>
  34. <div>
  35. <select id="status" style="margin-left: 5px; height:23px;font-size: 12px">
  36. <option value="Y">启用</option>
  37. <option value="N">禁用</option>
  38. <option value="ALL">ALL</option>
  39. </select>
  40. </div>
  41. </div>
  42. <div style="margin-left: 70px;margin-top: -43px;">
  43. <span style="margin-left: 6px;font-size: 12px">店铺编号:</span>
  44. <div>
  45. <input id="warehouseid" style="font-size: 12px" autocomplete="off" class="search-input">
  46. </div>
  47. </div>
  48. <div style="margin-left: 212px;margin-top: -43px;">
  49. <span style="margin-left: 7px;font-size: 12px">店铺名称:</span>
  50. <div>
  51. <input id="warehousename" style="font-size: 12px" autocomplete="off" class="search-input">
  52. </div>
  53. </div>
  54. <div style="margin-left: 360px;margin-top: -24px;">
  55. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="searchStor()">
  56. 查询
  57. </button>
  58. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="addStorModal()">
  59. 添加店铺信息
  60. </button>
  61. </div>
  62. </div>
  63. </div>
  64. <div id="toolbar" class="toolbar">
  65. <button id="remove_button" onclick="removerWare()" class="btn btn-danger new-customer-btn control-btn">
  66. <i class="fa fa-trash"></i>删除
  67. </button>
  68. <button id="edit_button" onclick="editStorModal()" class="btn btn-warning new-customer-btn control-btn">
  69. <i class="fa fa-pencil-square-o"></i>编辑
  70. </button>
  71. <button id="download_button" data-type="xlsx" class="btn btn-primary new-customer-btn control-btn">
  72. <i class="fa fa-cloud-download"></i>下载
  73. </button>
  74. </div>
  75. <div class="panel-body" style="margin-top: -20px;">
  76. <table id="stor_data">
  77. </table>
  78. </div>
  79. <#-- 添加店铺 -->
  80. <div class="modal fade" id="stor_modal" tabindex="-1" role="dialog"
  81. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  82. <div class="modal-dialog" style="width: 590px; margin: 10% auto;">
  83. <div class="modal-content">
  84. <div class="modal-body">
  85. <form class="form-horizontal" action="" method="post">
  86. <fieldset>
  87. <div id="legend" class="">
  88. <legend class="">添加店铺</legend>
  89. </div>
  90. <div class="form-group form-group-x">
  91. <div class="second-col">
  92. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: 3px;">店铺编号</label>
  93. <div class="col-sm-x col-sm-x-6">
  94. <input id="wareHouseID" style="width: 170px;" type="text" class="form-control"
  95. value="" required="required">
  96. </div>
  97. </div>
  98. <div class="second-col">
  99. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: 3px;">店铺名称</label>
  100. <div class="col-sm-x col-sm-x-6">
  101. <input id="wareHouseName" type="text" class="form-control" name="skuName" value=""
  102. required="required">
  103. </div>
  104. </div>
  105. </div>
  106. <div class="form-group form-group-x">
  107. <div class="second-col" style="margin-top: 5px;">
  108. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left:-21px">状态</label>
  109. <div class="col-sm-x col-sm-x-6">
  110. <select id="active" class="form-control" name="status">
  111. <option value="Y">启用</option>
  112. <option value="N">禁用</option>
  113. </select>
  114. </div>
  115. </div>
  116. </div>
  117. </fieldset>
  118. </form>
  119. </div>
  120. <div class="modal-footer" style="TEXT-ALIGN: center">
  121. <div class="control-group">
  122. <!-- Button -->
  123. <div class="controls">
  124. <button onclick="saveStor()" class="btn btn-success">保存</button>
  125. <button id="storClose" data-dismiss="modal" class="btn btn-success">取消</button>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <#-- 编辑店铺 -->
  133. <div class="modal fade" id="edit_stor_modal" tabindex="-1" role="dialog"
  134. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  135. <div class="modal-dialog" style="width: 590px; margin: 10% auto;">
  136. <div class="modal-content">
  137. <div class="modal-body">
  138. <form class="form-horizontal" action="" method="post">
  139. <fieldset>
  140. <div id="legend" class="">
  141. <legend class="">编辑店铺</legend>
  142. </div>
  143. <div class="form-group form-group-x">
  144. <div class="second-col">
  145. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: 3px;">店铺编号</label>
  146. <div class="col-sm-x col-sm-x-6">
  147. <input id="editWareHouseID" style="width: 170px;" type="text" class="form-control"
  148. value="" required="required">
  149. </div>
  150. </div>
  151. <div class="second-col">
  152. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: 3px;">店铺名称</label>
  153. <div class="col-sm-x col-sm-x-6">
  154. <input id="editWareHouseName" type="text" class="form-control" name="skuName" value=""
  155. required="required">
  156. </div>
  157. </div>
  158. </div>
  159. <div class="form-group form-group-x">
  160. <div class="second-col" style="margin-top: 5px;">
  161. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left:-21px">状态</label>
  162. <div class="col-sm-x col-sm-x-6">
  163. <select id="editActive" class="form-control" name="status">
  164. <option value="Y">启用</option>
  165. <option value="N">禁用</option>
  166. </select>
  167. </div>
  168. </div>
  169. </div>
  170. </fieldset>
  171. </form>
  172. </div>
  173. <div class="modal-footer" style="TEXT-ALIGN: center">
  174. <div class="control-group">
  175. <!-- Button -->
  176. <div class="controls">
  177. <button onclick="updateStor()" class="btn btn-success">保存</button>
  178. <button id="editStorClose" data-dismiss="modal" class="btn btn-success">取消</button>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
  186. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
  187. <!-- 导出需要的excel -->
  188. <script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
  189. <script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
  190. <script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
  191. <script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
  192. <script type="text/javascript" src="/js/export/tableExport.js"></script>
  193. <script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
  194. <!-- 结束 -->
  195. <script type="text/javascript" src="/js/common.js"></script>
  196. <script type="text/javascript" src="/js/layer/layer.js"></script>
  197. <script type="text/javascript" src="/js/zTree/jquery.ztree.core.js"></script>
  198. <script type="text/javascript" src="/js/zTree/jquery.ztree.excheck.js"></script>
  199. <script src="/js/wms/stor.js"></script>
  200. </body>
  201. </html>