goods_godownentry_query.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>成品入库查询</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <style type="text/css">
  13. .LAY-btns .layui-nav {padding-left:0;padding-right:10px;top:-4px;margin: 0 10px;border: 0;background-color: #009688;}
  14. .LAY-btns .layui-nav .layui-nav-item{line-height: 30px;}
  15. .LAY-btns .layui-nav .layui-nav-child{top:34px;}
  16. .LAY-btns .layui-nav .layui-nav-bar{display: none;}
  17. .LAY-btns .layui-nav .layui-nav-child dd.layui-this a{color:#333;background-color:#fff;}
  18. .LAY-btns .layui-nav .layui-nav-child dd.layui-this a:hover {background-color: #f2f2f2;color: #000;}
  19. </style>
  20. </head>
  21. <body>
  22. <div class="layui-fluid">
  23. <div class="layui-card">
  24. <div class="layui-card-body" pad15>
  25. <div class="layui-row">
  26. <div class="LAY-btns" style="margin-bottom: 10px;">
  27. <button class="layui-btn layui-btn-sm" id="btn_export" data-permission="order.export_goods_godownentry_query"><i class="layui-icon layui-icon-download-circle"></i>导出</button>
  28. <button class="layui-btn layui-btn-sm" id="btn_print" data-permission="order.print_goods_godownentry_query"><i class="layui-icon layui-icon-print"></i>打印</button>
  29. <button class="layui-btn layui-btn-sm" id="btn_query"><i class="layui-icon layui-icon-search"></i>查询</button>
  30. </div>
  31. <table class="layui-hide" id="datagrid" lay-filter="datagrid-operate"></table>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <div id="dlg_query" style="display: none">
  37. <div class="layui-card-body" pad15>
  38. <form class="layui-form" lay-filter="query-form-element">
  39. <div class="layui-row layui-col-space10 layui-form-item">
  40. <div class="layui-col-xs12 layui-col-sm12">
  41. <label class="layui-form-label">审核时间:</label>
  42. <div class="layui-input-block">
  43. <input type="text" class="layui-input" name="check_time" id="check_time" placeholder=" - " autocomplete="off">
  44. </div>
  45. </div>
  46. <div class="layui-col-xs12 layui-col-sm12">
  47. <label class="layui-form-label">入库类别:</label>
  48. <div class="layui-input-block">
  49. <select name="entry_type">
  50. <option value="">全部</option>
  51. <option value="0">直接入库</option>
  52. <option value="2">盘盈入库</option>
  53. </select>
  54. </div>
  55. </div>
  56. <div class="layui-col-xs12 layui-col-sm12">
  57. <label class="layui-form-label">产品名称:</label>
  58. <div class="layui-input-block">
  59. <input type="text" name="product_text" class="layui-input" autocomplete="off">
  60. </div>
  61. </div>
  62. <div class="layui-col-xs12 layui-col-sm12">
  63. <label class="layui-form-label">代码:</label>
  64. <div class="layui-input-block">
  65. <input type="text" name="product_model" class="layui-input" autocomplete="off">
  66. </div>
  67. </div>
  68. <div class="layui-col-xs12 layui-col-sm12">
  69. <label class="layui-form-label">仓别:</label>
  70. <div class="layui-input-block">
  71. <input type="text" name="warehouse" class="layui-input" autocomplete="off">
  72. </div>
  73. </div>
  74. <div class="layui-col-xs12 layui-col-sm12">
  75. <label class="layui-form-label">入库单号:</label>
  76. <div class="layui-input-block">
  77. <input type="text" name="no" class="layui-input" autocomplete="off">
  78. </div>
  79. </div>
  80. <div class="layui-col-xs12 layui-col-sm12">
  81. <label class="layui-form-label">创建人:</label>
  82. <div class="layui-input-block">
  83. <input type="text" name="create_user" autocomplete="off" class="layui-input">
  84. </div>
  85. </div>
  86. <div class="layui-col-xs12 layui-col-sm12">
  87. <label class="layui-form-label">产品备注:</label>
  88. <div class="layui-input-block">
  89. <input type="text" name="notes" autocomplete="off" class="layui-input">
  90. </div>
  91. </div>
  92. </div>
  93. <div style="display: none" >
  94. <button id="query-submit" lay-submit lay-filter="query-form-element">查询</button>
  95. </div>
  96. </form>
  97. </div>
  98. </div>
  99. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  100. <script>
  101. var _params = '';
  102. layui.config({
  103. base: '../../../layuiadmin/' //静态资源所在路径
  104. }).extend({
  105. index: 'lib/index', //主入口模块
  106. utils: 'utils'
  107. }).use(['index', 'table', 'laydate', 'form', 'utils'], function () {
  108. var $ = layui.$;
  109. var table = layui.table
  110. , form = layui.form
  111. , utils = layui.utils
  112. , laydate = layui.laydate;
  113. var is_has = utils.isHasPermissions('goods.view_goods_cost');
  114. var cols = [];
  115. cols.push({field: 'no', title: '入库单号', width: 160});
  116. cols.push({field: 'type', title: '入库类别', width: 120});
  117. cols.push({field: 'product_name', title: '成品名称', width: 140});
  118. cols.push({field: 'product_model', title: '成品代码', width: 100});
  119. cols.push({field: 'product_unit', title: '单位', width: 100});
  120. cols.push({field: 'product_type', title: '产品类别', width: 100});
  121. cols.push({field: 'warehouse', title: '仓别', width: 130});
  122. if (is_has){
  123. cols.push({field: 'price', align:'right', title: '入库单价', width: 110});
  124. }
  125. cols.push({field: 'count', align:'right', title: '数量', width: 110});
  126. if (is_has){
  127. cols.push({field: 'amount', align:'right', title: '合计金额', width: 130});
  128. }
  129. cols.push({field: 'deliver_count', align:'right', title: '出库数量', width: 110});
  130. cols.push({field: 'surplus_count', align:'right', title: '剩余数量', width: 110});
  131. cols.push({field: 'create_user', title: '创建人', width: 120});
  132. cols.push({field: 'check_time', title: '审核时间', width: 160});
  133. cols.push({field: 'warehouse_place', title: '存放库位', width: 150});
  134. cols.push({field: 'notes', title: '备注', minWidth: 200});
  135. table.render({
  136. elem: '#datagrid'
  137. , url: '/goods/godownentry_query/data/'
  138. , cols: [cols]
  139. , page: true
  140. , height: 'full-104'
  141. , totalRow: true
  142. ,parseData:function(res) {
  143. var cols = this.cols[0];
  144. for (var i in cols) {
  145. if (cols[i].field == 'count') {
  146. cols[i].totalRowText = res.more.total_count;
  147. }
  148. if (cols[i].field == 'amount') {
  149. cols[i].totalRowText = res.more.total_amount;
  150. }
  151. if (cols[i].field == 'deliver_count') {
  152. cols[i].totalRowText = res.more.total_deliver_count;
  153. }
  154. if (cols[i].field == 'surplus_count') {
  155. cols[i].totalRowText = res.more.total_surplus_count;
  156. }
  157. }
  158. return {
  159. "code": res.code, //解析接口状态
  160. "count": res.count, //解析数据长度
  161. "data": res.data //解析数据列表
  162. };
  163. }
  164. , done: function () {
  165. layui.index.removeNoPermButtons()
  166. }
  167. });
  168. laydate.render({
  169. elem: '#entry_time'
  170. , range: true
  171. });
  172. laydate.render({
  173. elem: '#check_time'
  174. , range: true
  175. });
  176. $('#btn_export').on('click', function () {
  177. layui.admin.req({
  178. url: '/goods/godownentry_query/export/',
  179. data: _params,
  180. done: function (res) {
  181. layui.view.download(res.data.filename);
  182. }
  183. });
  184. });
  185. $('#btn_query').on('click', function () {
  186. layer.open({
  187. type: 1,
  188. shadeClose: true,
  189. area: ['550px', '500px'],
  190. title: '查询',
  191. btn: ['查询'],
  192. yes: function (index, dom) {
  193. $("#query-submit").click();
  194. },
  195. content: $('#dlg_query')
  196. });
  197. });
  198. form.on('submit(query-form-element)', function (data) {
  199. //layer.msg(JSON.stringify(data.field));
  200. _params = data.field;
  201. table.reload('datagrid', {
  202. where: data.field,
  203. page:{curr:1}
  204. });
  205. layer.closeAll();
  206. return false
  207. });
  208. $('#btn_print').on('click', function () {
  209. layer.open({
  210. type: 2,
  211. title: '打印',
  212. shadeClose: true,
  213. area: ['90%', '90%'],
  214. btn: ['打印', '取消'],
  215. yes: function (index, dom) {
  216. layui.onSubmitChild = function(data){
  217. layer.close(index);
  218. };
  219. layui.submitChild();
  220. },
  221. btn2: function (index, layero) {
  222. layer.close(index);//关闭当前按钮
  223. },
  224. content: 'goods_godownentry_query_print.html'
  225. });
  226. });
  227. })
  228. </script>
  229. </body>
  230. </html>