|  |  | 
 |  |  |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
 |  |  |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 
 |  |  |     <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
 |  |  |     <style> | 
 |  |  |         body { | 
 |  |  |             padding: 0 20px; | 
 |  |  |         } | 
 |  |  |         .layui-table-box { | 
 |  |  |             border-right: 1px solid #9F9F9F; | 
 |  |  | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |  | 
 |  |  | <div style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;"> | 
 |  |  |     <span style="font-size: large; font-weight: bold">提取库存商品</span> | 
 |  |  | </div> | 
 |  |  | <!-- 搜索栏 --> | 
 |  |  | <fieldset class="layui-elem-field site-demo-button" style="margin: 20px;"> | 
 |  |  |     <legend>搜索栏</legend> | 
 |  |  | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input" type="text" name="matnr" placeholder="箱号/批号"  autocomplete="off"> | 
 |  |  |                 <input class="layui-input" type="text" name="matnr" placeholder="商品编号"  autocomplete="off"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input" type="text" name="mat_name" placeholder="物料名称" autocomplete="off"> | 
 |  |  |                 <input class="layui-input" type="text" name="maktx" placeholder="物料描述" autocomplete="off"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input" type="text" name="specs" placeholder="物料规格" autocomplete="off"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input" type="text" name="zpallet" placeholder="托盘码" autocomplete="off"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input" type="text" name="manu" placeholder="客户信息" autocomplete="off"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <select name="locType2"> | 
 |  |  |                     <option value="">选择上架区域</option> | 
 |  |  |                     <option value="1">单品区</option> | 
 |  |  |                     <option value="2">高频混放区</option> | 
 |  |  |                     <option value="3">低频混放区</option> | 
 |  |  |                 </select> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <!-- 日期范围 --> | 
 |  |  |         <div class="layui-inline" style="width: 300px"> | 
 |  |  |             <div class="layui-input-inline"> | 
 |  |  |                 <input class="layui-input layui-laydate-range" name="modi_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <!-- 待添加 --> | 
 |  |  |         <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> | 
 |  |  |             <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> | 
 |  |  |             <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | </fieldset> | 
 |  |  | 
 |  |  | </body> | 
 |  |  | <script> | 
 |  |  |  | 
 |  |  |     var pageCurr; | 
 |  |  |     layui.use(['table','laydate', 'form'], function() { | 
 |  |  |     function getCol() { | 
 |  |  |         var cols = [ | 
 |  |  |             {type: 'checkbox'} | 
 |  |  |             ,{field: 'locNo$', align: 'center',title: '库位号', width: 85} | 
 |  |  |         ]; | 
 |  |  |         cols.push.apply(cols, detlCols); | 
 |  |  |         cols.push({field: 'modiUser$', align: 'center',title: '修改人员', hide: true} | 
 |  |  |             ,{field: 'modiTime$', align: 'center',title: '修改时间'}) | 
 |  |  |         return cols; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     layui.config({ | 
 |  |  |         base: baseUrl + "/static/layui/lay/modules/" | 
 |  |  |     }).use(['table','laydate', 'form', 'admin'], function() { | 
 |  |  |         var table = layui.table; | 
 |  |  |         var $ = layui.jquery; | 
 |  |  |         var layer = layui.layer; | 
 |  |  |         var layDate = layui.laydate; | 
 |  |  |         var form = layui.form; | 
 |  |  |         var admin = layui.admin; | 
 |  |  |  | 
 |  |  |         // 数据渲染 | 
 |  |  |         locDetlTableIns = table.render({ | 
 |  |  |             elem: '#stockOut', | 
 |  |  |             headers: {token: localStorage.getItem('token')}, | 
 |  |  |             url: baseUrl+'/stock/out/list/auth', | 
 |  |  |             page: true, | 
 |  |  |             limit: 10, | 
 |  |  |             limits: [16, 30, 50, 100, 200, 500], | 
 |  |  |             limit: 16, | 
 |  |  |             even: true, | 
 |  |  |             toolbar: '#toolbar', | 
 |  |  |             cellMinWidth: 50, | 
 |  |  |             cols: [[ | 
 |  |  |                 {type: 'checkbox'} | 
 |  |  |                 ,{field: 'locNo$', align: 'center',title: '库位号'} | 
 |  |  |                 ,{field: 'matnr', align: 'center',title: '物料'} | 
 |  |  |                 ,{field: 'lgnum', align: 'center',title: '仓库号', width:80} | 
 |  |  |                 ,{field: 'tbnum', align: 'center',title: '转储请求编号'} | 
 |  |  |                 // ,{field: 'tbpos', align: 'center',title: '行项目'} | 
 |  |  |                 ,{field: 'zmatid', align: 'center',title: '物料标签ID', width:200} | 
 |  |  |                 ,{field: 'maktx', align: 'center',title: '物料描述', width:150} | 
 |  |  |                 ,{field: 'werks', align: 'center',title: '工厂'} | 
 |  |  |                 ,{field: 'anfme', align: 'center',title: '数量', width:80} | 
 |  |  |                 ,{field: 'altme', align: 'center',title: '单位', width:80} | 
 |  |  |                 ,{field: 'zpallet', align: 'center',title: '托盘条码'} | 
 |  |  |                 ,{field: 'bname', align: 'center',title: '用户ID'} | 
 |  |  |                 // ,{field: 'memo', align: 'center',title: '备注'} | 
 |  |  |  | 
 |  |  |             ]], | 
 |  |  |             cols: [getCol()], | 
 |  |  |             request: { | 
 |  |  |                 pageName: 'curr', | 
 |  |  |                 pageSize: 'limit' | 
 |  |  | 
 |  |  |                 if (res.code === 403) { | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 } | 
 |  |  |                 pageCurr=curr; | 
 |  |  |                 form.on('checkbox(tableCheckbox)', function (data) { | 
 |  |  |                     var _index = $(data.elem).attr('table-index')||0; | 
 |  |  |                     if(data.elem.checked){ | 
 |  |  |                         res.data[_index][data.value] = 'Y'; | 
 |  |  |                     }else{ | 
 |  |  |                         res.data[_index][data.value] = 'N'; | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  | 
 |  |  |                         layer.msg("请选择数据"); | 
 |  |  |                         return; | 
 |  |  |                     } | 
 |  |  |                     parent.locDetlData.push.apply(parent.locDetlData, data); | 
 |  |  |                     parent.tableIns.reload({data: parent.locDetlData}); | 
 |  |  |                     parent.layer.close(parent.locDetlLayerIdx); | 
 |  |  |                     parent.addTableData(data); | 
 |  |  |                     break; | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 搜索栏搜索事件 | 
 |  |  |         form.on('submit(search)', function (data) { | 
 |  |  |             pageCurr = 1; | 
 |  |  |             tableReload(); | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 搜索栏重置事件 | 
 |  |  |         form.on('submit(reset)', function (data) { | 
 |  |  |             pageCurr = 1; | 
 |  |  |             clearFormVal($('#search-box')); | 
 |  |  |             tableReload(); | 
 |  |  |         layDate.render({ | 
 |  |  |             elem: '.layui-laydate-range' | 
 |  |  |             ,type: 'datetime' | 
 |  |  |             ,range: true | 
 |  |  |         }); | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  |     function tableReload(child) { | 
 |  |  |     function tableReload() { | 
 |  |  |         var searchData = {}; | 
 |  |  |         $.each($('#search-box [name]').serializeArray(), function() { | 
 |  |  |             searchData[this.name] = this.value; | 
 |  |  |         }); | 
 |  |  |         locDetlTableIns.reload({ | 
 |  |  |             where: searchData, | 
 |  |  |             page: { | 
 |  |  |                 curr: pageCurr | 
 |  |  |             }, | 
 |  |  |             done: function (res, curr, count) { | 
 |  |  |                 if (res.code === 403) { | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 } | 
 |  |  |                 pageCurr=curr; | 
 |  |  |                 if (res.data.length === 0 && count !== 0) { | 
 |  |  |                     locDetlTableIns.reload({ | 
 |  |  |                         where: searchData, | 
 |  |  |                         page: { | 
 |  |  |                             curr: pageCurr-1 | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  |                     pageCurr -= 1; | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     function clearFormVal(el) { | 
 |  |  |         $(':input', el) | 
 |  |  |             .val('') | 
 |  |  |             .removeAttr('checked') | 
 |  |  |             .removeAttr('selected'); | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </html> |