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.

176 lines
8.3 KiB

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. div.table-height {
  21. height: 300px !important;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="hideData" style="display: none;">
  27. <input name="username" id="current_username" value="${user.username }">
  28. <input name="workShop" id="current_work_shop" value="${user.workShop!'' }">
  29. <input name="display" id="current_display" value="${user.display }">
  30. <input name="id" id="current_id" value="${user.id!'' }">
  31. <input name="site" id="current_site" value="${user.site }">
  32. </div>
  33. <div class="panel-heading">
  34. <div class="operate" style="margin-top: 36px; margin-bottom: 5px;">
  35. <div style="margin-left: 10px;margin-top: -43px;">
  36. <span style="margin-left: 6px;font-size: 12px">店铺名称:</span>
  37. <div>
  38. <input id="warehousename" style="font-size: 12px" autocomplete="off" class="search-input">
  39. </div>
  40. </div>
  41. <div style="margin-left: 150px;margin-top: -43px;">
  42. <span style="margin-left: 7px;font-size: 12px">SKU名称:</span>
  43. <div>
  44. <input id="partDescription" style="font-size: 12px" autocomplete="off" class="search-input">
  45. </div>
  46. </div>
  47. <div style="margin-left: 290px;margin-top: -24px;">
  48. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="search()">
  49. 查询
  50. </button>
  51. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal"
  52. onclick="calculation()">
  53. 补货
  54. </button>
  55. </div>
  56. </div>
  57. </div>
  58. <div id="toolbar" class="toolbar">
  59. <button id="remove_button" onclick="removeDelivery()" class="btn btn-danger new-customer-btn control-btn">
  60. <i class="fa fa-trash"></i>删除
  61. </button>
  62. <button id="edit_button" onclick="editDeliveryModal()" class="btn btn-warning new-customer-btn control-btn">
  63. <i class="fa fa-pencil-square-o"></i>计算详情
  64. </button>
  65. <button id="download_button" data-type="xlsx" class="btn btn-primary new-customer-btn control-btn">
  66. <i class="fa fa-cloud-download"></i>下载
  67. </button>
  68. </div>
  69. <div class="panel-body" style="margin-top: -20px;">
  70. <table id="deliveryRequisition_data">
  71. </table>
  72. </div>
  73. <div class="modal fade" id="delivery_modal" tabindex="-1" role="dialog"
  74. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  75. <div class="modal-dialog" style="width: 520px; margin: 10% auto;">
  76. <div class="modal-content">
  77. <div class="modal-body">
  78. <form class="form-horizontal" action="" method="post">
  79. <fieldset>
  80. <div id="legend" class="">
  81. <legend class="">补货</legend>
  82. </div>
  83. <div class="form-group form-group-x">
  84. <div class="second-col" style="margin-left: -22px;">
  85. <label class="col-sm-t col-sm-t-4 control-label">店铺编号</label>
  86. <div class="col-sm-x col-sm-x-6">
  87. <input id="wareHouseId" style="width: 170px;" class="form-control"
  88. value="">
  89. </div>
  90. </div>
  91. <div class="second-col" style="margin-left: 230px;">
  92. <label class="col-sm-t col-sm-t-4 control-label">SKU编号</label>
  93. <div class="col-sm-x col-sm-x-6" style=" ">
  94. <input id="partNo" style="width: 170px;" class="form-control"
  95. value="">
  96. </div>
  97. </div>
  98. <div class="second-col" style=" margin-left: -46px;margin-top: 0px;">
  99. <label class="col-sm-t col-sm-t-4 control-label">天数</label>
  100. <div class="col-sm-x col-sm-x-6" style=" ">
  101. <input id="days" style=" margin-left: 24px;width: 170px;" class="form-control"
  102. value="">
  103. </div>
  104. </div>
  105. </div>
  106. </fieldset>
  107. </form>
  108. </div>
  109. <div class="modal-footer" style="TEXT-ALIGN: center">
  110. <div class="control-group">
  111. <!-- Button -->
  112. <div class="controls">
  113. <button onclick="addDelivey()" class="btn btn-success">计算补货</button>
  114. <button id="skuInfoClose" data-dismiss="modal" class="btn btn-success">取消</button>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="modal fade" id="edit_modal" tabindex="-1" role="dialog"
  122. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  123. <div class="modal-dialog" style="width: 800px; margin: 10% auto;">
  124. <div class="modal-content">
  125. <div class="modal-body">
  126. <form class="form-horizontal" action="" method="post">
  127. <fieldset>
  128. <div id="legend" class="">
  129. <legend class="">计算详情</legend>
  130. </div>
  131. <div style=" width: 200px;font-size: 13px;font-weight: bolder;margin: 0 auto;">
  132. <span id="infoWareHouseName" ></span> 一
  133. <span id="infoPartDescription"></span>
  134. </div>
  135. <table id="deliveryRequisition_info">
  136. </table>
  137. </fieldset>
  138. </form>
  139. </div>
  140. <div class="modal-footer" style="TEXT-ALIGN: center">
  141. <div class="control-group">
  142. <!-- Button -->
  143. <div class="controls">
  144. <button data-dismiss="modal" class="btn btn-success">关闭</button>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
  152. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
  153. <!-- 导出需要的excel -->
  154. <script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
  155. <script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
  156. <script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
  157. <script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
  158. <script type="text/javascript" src="/js/export/tableExport.js"></script>
  159. <script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
  160. <!-- 结束 -->
  161. <script type="text/javascript" src="/js/common.js"></script>
  162. <script type="text/javascript" src="/js/layer/layer.js"></script>
  163. <script type="text/javascript" src="/js/zTree/jquery.ztree.core.js"></script>
  164. <script type="text/javascript" src="/js/zTree/jquery.ztree.excheck.js"></script>
  165. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap-datetimepicker.js"></script>
  166. <script src="/js/plan/deliveryRequisition.js"></script>
  167. </body>
  168. </html>