|  |  | 
 |  |  |         #data-search-btn.layui-btn-container .layui-btn { | 
 |  |  |             margin-right: 20px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  | 
 |  |  | <script> | 
 |  |  |  | 
 |  |  |     var pageCurr; | 
 |  |  |     function getCol() { | 
 |  |  |         var cols = [ | 
 |  |  |             {type: 'checkbox'} | 
 |  |  |             ,{field: 'locNo$', align: 'center',title: '库位号'} | 
 |  |  |         ]; | 
 |  |  |         cols.push.apply(cols, detlCols); | 
 |  |  |         cols.push({field: 'modiUser$', align: 'center',title: '修改人员', hide: true} | 
 |  |  |             ,{field: 'modiTime$', align: 'center',title: '修改时间'}) | 
 |  |  |         return cols; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     layui.use(['table','laydate', 'form'], function() { | 
 |  |  |         var table = layui.table; | 
 |  |  |         var $ = layui.jquery; | 
 |  |  | 
 |  |  |             headers: {token: localStorage.getItem('token')}, | 
 |  |  |             url: baseUrl+'/stock/out/list/auth', | 
 |  |  |             page: true, | 
 |  |  |             limit: 10, | 
 |  |  |             limit: 20, | 
 |  |  |             limits: [20, 50, 100, 200, 500], | 
 |  |  |             even: true, | 
 |  |  |             toolbar: '#toolbar', | 
 |  |  |             cellMinWidth: 50, | 
 |  |  |             cols: [[ | 
 |  |  |                 {type: 'checkbox', event: '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: '物料描述'} | 
 |  |  |                 // ,{field: 'werks', align: 'center',title: '工厂'} | 
 |  |  |                 ,{field: 'anfme', align: 'center',title: '数量'} | 
 |  |  |                 ,{field: 'altme', align: 'center',title: '单位'} | 
 |  |  |                 ,{field: 'zpallet', align: 'center',title: '托盘条码'} | 
 |  |  |                 // ,{field: 'bname', align: 'center',title: '用户ID'} | 
 |  |  |                 // ,{field: 'memo', align: 'center',title: '备注'} | 
 |  |  |                 ,{field: 'modiUser$', align: 'center',title: '修改人员', hide: true} | 
 |  |  |                 ,{field: 'modiTime$', align: 'center',title: '修改时间'} | 
 |  |  |  | 
 |  |  |             ]], | 
 |  |  |             cols: [getCol()], | 
 |  |  |             request: { | 
 |  |  |                 pageName: 'curr', | 
 |  |  |                 pageSize: 'limit' | 
 |  |  | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 } | 
 |  |  |                 pageCurr=curr; | 
 |  |  |                 $('.layui-form-checkbox').css("pointer-events", "none"); | 
 |  |  |                 $('td[data-field="0').css("cursor", "pointer") | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 监听行工具事件 | 
 |  |  |         table.on('tool(stockOut)', function(obj) { | 
 |  |  |             var data = obj.data; | 
 |  |  |             switch (obj.event) { | 
 |  |  |                 case 'checkbox': | 
 |  |  |                     var currDom = obj.tr.children("td:first").children().children("div"); | 
 |  |  |                     console.log(currDom.attr("class")) | 
 |  |  |                     var otherDom = $("td[data-field=locNo\\$] div:contains("+ data.locNo +")").parent().prev().children().children("div"); | 
 |  |  |                     if (currDom.hasClass("layui-form-checked")){ | 
 |  |  |                         otherDom.addClass("layui-form-checked"); | 
 |  |  |                     } else { | 
 |  |  |                         otherDom.removeClass("layui-form-checked"); | 
 |  |  |                     } | 
 |  |  |                     break; | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |  | 
 |  |  |         // 搜索栏搜索事件 | 
 |  |  |         form.on('submit(search)', function (data) { | 
 |  |  |             pageCurr = 1; | 
 |  |  | 
 |  |  |         }); | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  |     var b = true; | 
 |  |  |     $(function(){ | 
 |  |  |         $(document.body).on('click','td[data-field="0"]',function(){ | 
 |  |  |             var locNo = $(this).next().children("div").html(); | 
 |  |  |             if (b) { | 
 |  |  |                 b = false; | 
 |  |  |                 $("tr td[data-field=locNo\\$] div:contains("+ locNo +")").parent().prev().children().children("div").click(); | 
 |  |  |                 setTimeout(function () { | 
 |  |  |                     b = true; | 
 |  |  |                 }, 200) | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  |     function tableReload(child) { | 
 |  |  |         var searchData = {}; | 
 |  |  |         $.each($('#search-box [name]').serializeArray(), function() { | 
 |  |  | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 } | 
 |  |  |                 pageCurr=curr; | 
 |  |  |                 if (res.data.length === 0 && count !== 0) { | 
 |  |  |                     locDetlTableIns.reload({ | 
 |  |  |                         where: searchData, | 
 |  |  |                         page: { | 
 |  |  |                             curr: pageCurr-1 | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  |                     pageCurr -= 1; | 
 |  |  |                 } | 
 |  |  |                 $('.layui-form-checkbox').css("pointer-events", "none"); | 
 |  |  |                 $('td[data-field="0').css("cursor", "pointer") | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     function clearFormVal(el) { | 
 |  |  |         $(':input', el) | 
 |  |  |             .val('') | 
 |  |  |             .removeAttr('checked') | 
 |  |  |             .removeAttr('selected'); | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </html> | 
 |  |  |  |