| New file | 
 |  |  | 
 |  |  | <!DOCTYPE html> | 
 |  |  | <html lang="en"> | 
 |  |  | <head> | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/> | 
 |  |  |     <title>库存明细详情</title> | 
 |  |  |     <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
 |  |  |     <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |  | 
 |  |  | </body> | 
 |  |  | </html> | 
 
 |  |  | 
 |  |  | </header> | 
 |  |  | <!-- 主体 --> | 
 |  |  | <main> | 
 |  |  |     <table class="layui-table" id="dataByLoc" lay-filter="chooseData"></table> | 
 |  |  |     <table class="layui-table" id="dataByLoc" lay-filter="dataByLoc"></table> | 
 |  |  | </main> | 
 |  |  | <!-- 尾部 --> | 
 |  |  | <footer> | 
 |  |  | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     // 表格 | 
 |  |  |     var locDetlData = []; | 
 |  |  |     var tableIns; | 
 |  |  |     layui.use(['table','laydate', 'form'], function() { | 
 |  |  | 
 |  |  |             cellMinWidth: 50, | 
 |  |  |             cols: [[ | 
 |  |  |                 {type: 'checkbox', fixed: 'left', width:30}, | 
 |  |  |                 {field: 'count', align: 'center', title: '量', style:'color: blue', width:30}, | 
 |  |  |                 {field: 'matnr', align: 'center', title: '编码'}, | 
 |  |  |                 {field: 'maktx', align: 'center', title: '名称'}, | 
 |  |  |                 {field: 'locNo', align: 'center', title: '库位'} | 
 |  |  |                 {field: 'count', align: 'center', title: '量', event: 'detail', style:'color: blue', width:30}, | 
 |  |  |                 {field: 'matnr', align: 'center', title: '编码', event: 'detail'}, | 
 |  |  |                 {field: 'maktx', align: 'center', title: '名称', event: 'detail'}, | 
 |  |  |                 {field: 'locNo', align: 'center', title: '库位', event: 'detail'} | 
 |  |  |             ]], | 
 |  |  |             done: function (res, curr, count) { | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 监听行工具事件 | 
 |  |  |         table.on('tool(dataByLoc)', function(obj) { | 
 |  |  |             var data = obj.data; | 
 |  |  |             switch (obj.event) { | 
 |  |  |                 // 详情 | 
 |  |  |                 case 'detail': | 
 |  |  |                     layer.open({ | 
 |  |  |                         type: 2, | 
 |  |  |                         title: '库存明细', | 
 |  |  |                         shade: [0.3,'#000'], | 
 |  |  |                         area: ['90%', '90%'], | 
 |  |  |                         content: 'locDetlIframe.html', | 
 |  |  |                         success: function(layero, index){ | 
 |  |  |                             $('.layui-layer-title').css('height', '20px').css('line-height', '20px').css('font-size', '12px').css('padding-left', '10px') | 
 |  |  |                             $('.layui-layer-setwin').css("top", '2px').css('right', '3px') | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  |                     break; | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     // 获取出库口 |