| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <title>箱支详情信息</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | | <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid" style="padding-bottom: 0;"> |
| | | |
| | | <div class="layui-card"> |
| | | <div class="layui-form layui-card-header layuiadmin-card-header-auto"> |
| | | <div class="layui-form-item" style="margin-bottom: 0px;"> |
| | | |
| | | <div class="layui-inline zongdan" > |
| | | <label class="layui-form-label" style="width: 60px;">支码</label> |
| | | <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> |
| | | <input type="text" id="BoxNo3" name="BoxNo3" placeholder="支码" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <title>箱支详情信息</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" |
| | | content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | | <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> |
| | | </head> |
| | | |
| | | <div class="layui-inline sousuo"> |
| | | <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索 |
| | | </button> |
| | | <body> |
| | | <div class="layui-fluid" style="padding-bottom: 0;"> |
| | | |
| | | <div class="layui-card"> |
| | | <div class="layui-form layui-card-header layuiadmin-card-header-auto"> |
| | | <div class="layui-form-item" style="margin-bottom: 0px;"> |
| | | |
| | | <div class="layui-inline zongdan"> |
| | | <label class="layui-form-label" style="width: 60px;">支码</label> |
| | | <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> |
| | | <input type="text" id="BoxNo3" name="BoxNo3" placeholder="支码" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-inline sousuo"> |
| | | <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit |
| | | lay-filter="LAY-app-contlist-search"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索 |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-card-body"> |
| | | <div class="layui-card-body"> |
| | | |
| | | <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> |
| | | <script type="text/html" id="BoxStatus"> |
| | | <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> |
| | | <script type="text/html" id="BoxStatus"> |
| | | {{# function GetBoxInfoBtn(d){ |
| | | var html = ''; |
| | | if(d.Status=='0'){ |
| | |
| | | }} |
| | | {{ GetBoxInfoBtn(d) }} |
| | | </script> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | <script src="../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../js/public.js"></script> |
| | | <script src="../../js/jquery-3.5.1.min.js"></script> |
| | | <script src="../../js/jquery.cookie.js"></script> |
| | | <script> |
| | | layui.config({ |
| | | base: '../../layuiadmin/' //静态资源所在路径 |
| | | }).extend({ |
| | | index: 'lib/index' //主入口模块 |
| | | }).use(['index', 'table', 'laypage', 'layer'], function() { |
| | | var table = layui.table, |
| | | form = layui.form, |
| | | laypage = layui.laypage, |
| | | layer = layui.layer; |
| | | var $ = layui.$, |
| | | form = layui.form, |
| | | layer = layui.layer; |
| | | var boxNo = getQueryString('BoxNo'); |
| | | var bindNo = getQueryString('BindNo'); |
| | | if (!boxNo) |
| | | { |
| | | boxNo = ""; |
| | | } |
| | | else |
| | | { |
| | | var param = { |
| | | boxNo: boxNo, |
| | | }; |
| | | |
| | | console.log(getQueryString('BoxNo')) |
| | | console.log(boxNo) |
| | | refreshTable(); |
| | | function refreshTable() { |
| | | var param={ |
| | | BoxNo:getQueryString('BoxNo'), |
| | | BoxNo3:$("#BoxNo3").val(), |
| | | BindNo:getQueryString('BindNo') |
| | | } |
| | | sendData(IP + "/BllAsn/GetBoxInfoByBoxNo", param , 'get', function(res) { |
| | | console.log(res) |
| | | if (res.code == 0) { //成功 |
| | | var list = res.data; |
| | | $.extend(infoOptions, { |
| | | data: list |
| | | }); |
| | | infoOptions.page = { |
| | | curr: 1 |
| | | } |
| | | tableIns = table.render(infoOptions); |
| | | } |
| | | else { //不成功 |
| | | layer.msg('获取箱码明细列表信息失败!', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function() {}); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | // 表单需要的变量 |
| | | var infoOptions = { |
| | | elem: '#LAY-app-content-list', |
| | | height: 'full-98', |
| | | id: 'LAY-app-content-list', |
| | | page: true, |
| | | limit: pageCnt, |
| | | limits: pageLimits, |
| | | even: true, |
| | | cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 |
| | | cols: |
| | | [[ |
| | | { |
| | | title: '序号', type: 'numbers', fixed: 'left' |
| | | }, |
| | | { |
| | | field: 'SkuNo', title: '物料号', align: 'center',hide:true |
| | | }, |
| | | { |
| | | field: 'SkuName', title: '物料名称', align: 'center',hide:true |
| | | }, |
| | | { |
| | | field: 'PalletNo', title: '托盘条码', align: 'center', width: 110, |
| | | }, |
| | | { |
| | | field: 'BoxNo', title: '箱码', align: 'center', width: 100,hide:true |
| | | }, |
| | | { |
| | | field: 'BoxNo2', title: '盒码', align: 'center', width: 100,hide:true |
| | | }, |
| | | { |
| | | field: 'BoxNo3', title: '支码', align: 'center', width: 220, |
| | | }, |
| | | { |
| | | field: 'Status', title: '箱支状态', align: 'center',width: 110, templet: '#BoxStatus', |
| | | }, |
| | | { |
| | | field: 'LotNo', title: '批次', align: 'center',width: 160, |
| | | }, |
| | | { |
| | | field: 'LotText', title: '批次描述', align: 'center', |
| | | }, |
| | | { |
| | | field: 'Qty', title: '数量', width: 90, align: 'center', |
| | | }, |
| | | { |
| | | field: 'FullQty', title: '整箱数量', width: 100, align: 'center', |
| | | }, |
| | | ]] |
| | | </div> |
| | | <script src="../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../js/public.js"></script> |
| | | <script src="../../js/jquery-3.5.1.min.js"></script> |
| | | <script src="../../js/jquery.cookie.js"></script> |
| | | <script> |
| | | layui.config({ |
| | | base: '../../layuiadmin/' //静态资源所在路径 |
| | | }).extend({ |
| | | index: 'lib/index' //主入口模块 |
| | | }).use(['index', 'table', 'laypage', 'layer'], function () { |
| | | var table = layui.table, |
| | | form = layui.form, |
| | | laypage = layui.laypage, |
| | | layer = layui.layer; |
| | | var $ = layui.$, |
| | | form = layui.form, |
| | | layer = layui.layer; |
| | | var boxNo = getQueryString('BoxNo'); |
| | | var bindNo = getQueryString('BindNo'); |
| | | if (!boxNo) { |
| | | boxNo = ""; |
| | | } |
| | | else { |
| | | var param = { |
| | | boxNo: boxNo, |
| | | }; |
| | | |
| | | |
| | | //监听搜索 |
| | | form.on('submit(LAY-app-contlist-search)', function(data) { |
| | | refreshTable(); |
| | | }); |
| | | |
| | | //获取浏览器参数 |
| | | function getQueryString(name) { |
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); |
| | | var r = window.location.search.substr(1).match(reg); |
| | | if (r != null) return unescape(r[2]); |
| | | return null; |
| | | console.log(getQueryString('BoxNo')) |
| | | console.log(boxNo) |
| | | refreshTable(); |
| | | function refreshTable() { |
| | | var param = { |
| | | BoxNo: getQueryString('BoxNo'), |
| | | BoxNo3: $("#BoxNo3").val(), |
| | | BindNo: getQueryString('BindNo') |
| | | } |
| | | sendData(IP + "/BllAsn/GetBoxInfoByBoxNo", param, 'get', function (res) { |
| | | console.log(res) |
| | | if (res.code == 0) { //成功 |
| | | var list = res.data; |
| | | $.extend(infoOptions, { |
| | | data: list |
| | | }); |
| | | infoOptions.page = { |
| | | curr: 1 |
| | | } |
| | | tableIns = table.render(infoOptions); |
| | | } |
| | | else { //不成功 |
| | | layer.msg('获取箱码明细列表信息失败!', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | }) |
| | | </script> |
| | | </body> |
| | | </html> |
| | | } |
| | | // 表单需要的变量 |
| | | var infoOptions = { |
| | | elem: '#LAY-app-content-list', |
| | | height: 'full-98', |
| | | id: 'LAY-app-content-list', |
| | | page: true, |
| | | limit: pageCnt, |
| | | limits: pageLimits, |
| | | even: true, |
| | | cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 |
| | | cols: |
| | | [[ |
| | | { |
| | | title: '序号', type: 'numbers', fixed: 'left' |
| | | }, |
| | | { |
| | | field: 'SkuNo', title: '物料号', align: 'center', hide: true |
| | | }, |
| | | { |
| | | field: 'SkuName', title: '物料名称', align: 'center', hide: true |
| | | }, |
| | | { |
| | | field: 'PalletNo', title: '托盘条码', align: 'center', |
| | | }, |
| | | { |
| | | field: 'BoxNo', title: '箱码', align: 'center', hide: false |
| | | }, |
| | | { |
| | | field: 'BoxNo2', title: '盒码', align: 'center', width: 100, hide: true |
| | | }, |
| | | { |
| | | field: 'BoxNo3', title: '支码', align: 'center', |
| | | }, |
| | | { |
| | | field: 'Status', title: '箱支状态', align: 'center', width: 110, templet: '#BoxStatus', |
| | | }, |
| | | { |
| | | field: 'LotNo', title: '批次', align: 'center', width: 160, |
| | | }, |
| | | { |
| | | field: 'LotText', title: '批次描述', align: 'center', hide: true |
| | | }, |
| | | { |
| | | field: 'Qty', title: '数量', width: 90, align: 'center', |
| | | }, |
| | | { |
| | | field: 'FullQty', title: '整箱数量', width: 100, align: 'center', |
| | | }, |
| | | ]] |
| | | }; |
| | | |
| | | |
| | | //监听搜索 |
| | | form.on('submit(LAY-app-contlist-search)', function (data) { |
| | | refreshTable(); |
| | | }); |
| | | |
| | | //获取浏览器参数 |
| | | function getQueryString(name) { |
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); |
| | | var r = window.location.search.substr(1).match(reg); |
| | | if (r != null) return unescape(r[2]); |
| | | return null; |
| | | } |
| | | }) |
| | | </script> |
| | | </body> |
| | | |
| | | </html> |