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; |
| | | } |
| | | }) |
| | | }); |
| | | |
| | | // 获取出库口 |