| <!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"> | 
|     <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all"> | 
|     <link rel="stylesheet" href="../../css/public.css" media="all"> | 
|     <style type="text/css"> | 
|         .layui-form-item .layui-inline { | 
|             margin-bottom: 1px; | 
|             margin-right: 1px; | 
|         } | 
|     </style> | 
|     <script> | 
|         // 这里是需要在页面渲染之前执行的代码 | 
|         document.addEventListener("DOMContentLoaded", function () { | 
|             //获取table默认显示数 | 
|             pageCntFirst(); | 
|             //判断是否开启table列表列宽调整功能。 | 
|             GetIsSetColW(); | 
|         }); | 
|     </script> | 
|   | 
| </head> | 
|   | 
| <body id="body"> | 
|     <div class="layui-fluid" style="padding-bottom: 0;"> | 
|         <div class="layui-card"> | 
|             <div class="layui-form layui-card-header layuiadmin-card-header-auto" id="top"> | 
|                 <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="SkuNo" name="SkuNo" placeholder="物料编码" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <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="SkuName" name="SkuName" placeholder="物料名称" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <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="PalletNo" name="PalletNo" placeholder="托盘号" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline mingxi"> | 
|                         <label class="layui-form-label" style="width: 60px;">货主编码</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <input type="text" id="OwnerNo" name="OwnerNo" placeholder="货主编码" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline mingxi"> | 
|                         <label class="layui-form-label" style="width: 60px;">货主名称</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <input type="text" id="OwnerName" name="OwnerName" placeholder="货主名称" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline mingxi"> | 
|                         <label class="layui-form-label" style="width: 60px;">批次号</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <input type="text" id="LotNo" name="LotNo" placeholder="批次号" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|   | 
|                     <!-- 箱码 箱支状态 检验标记 零箱标记 质量状态 --> | 
|   | 
|                     <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="BoxNo" name="BoxNo" placeholder="箱码" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <!-- <div class="layui-inline zhijian"> | 
|                             <label class="layui-form-label" style="width: 60px;">箱支状态</label> | 
|                             <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                                 <select name="Status" id="Status" lay-search> | 
|                                     <option value=""></option> | 
|                                     <option value="0">未组托</option> | 
|                                     <option value="1">已组托</option> | 
|                                     <option value="2">已入库</option> | 
|                                     <option value="3">已出库</option> | 
|                                 </select> | 
|                             </div> | 
|                         </div> --> | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">抽检标记</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <select name="InspectMark" id="InspectMark" lay-filter="InspectMark" lay-search> | 
|                                 <option value=""></option> | 
|                                 <option value="0">否</option> | 
|                                 <option value="1">是</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">零托标记</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <select name="BitPalletMark" id="BitPalletMark" lay-filter="BitPalletMark" lay-search> | 
|                                 <option value=""></option> | 
|                                 <option value="0">否</option> | 
|                                 <option value="1">是</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">零箱标记</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <select name="BitBoxMark" id="BitBoxMark" lay-filter="BitBoxMark" lay-search> | 
|                                 <option value=""></option> | 
|                                 <option value="0">否</option> | 
|                                 <option value="1">是</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">质检状态</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <select name="InspectStatus" id="InspectStatus" lay-filter="InspectStatus" lay-search> | 
|                                 <option value=""></option> | 
|                                 <option value="0">待质检</option><!-- 待检验 --> | 
|                                 <option value="1">检验合格</option><!-- 合格品 --> | 
|                                 <option value="2">不合格</option><!-- 不合格 --> | 
|                                 <option value="3">放置期</option><!-- 不合格 --> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|   | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">开始时间</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <input type="text" autocomplete="off" id="StartTime" class="layui-input" placeholder="开始时间"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline zhijian"> | 
|                         <label class="layui-form-label" style="width: 60px;">结束时间</label> | 
|                         <div class="layui-input-inline" style="width: 170px; margin-right: 0px;"> | 
|                             <input type="text" autocomplete="off" id="EndTime" class="layui-input" placeholder="结束时间"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label" style="width: 60px;">所属仓库</label> | 
|                         <div class="layui-input-inline"> | 
|                             <select name="WareHouseNo" id="WareHouseNo" lay-filter="getWareHouseNo" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label" style="width: 60px;">所属区域</label> | 
|                         <div class="layui-input-inline"> | 
|                             <select name="AreaNo" id="AreaNo" lay-filter="getAreaNo" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </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> | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit lay-filter="daochu"> | 
|                             <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>导出 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|   | 
|             <div class="layui-card-body"> | 
|                 <div style="position: relative;"> | 
|                     <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> | 
|                         <ul class="layui-tab-title" id="tab"> | 
|                             <li class="layui-this">托盘明细</li> | 
|                             <li>箱码明细</li> | 
|                         </ul> | 
|   | 
|                         <div id="center"> | 
|                         </div> | 
|   | 
|                         <div class="layui-tab-content"> | 
|                             <div class="layui-tab-item layui-show"> | 
|                                 <div class="position-relative"><!-- class="position-relative" --><!-- 自定义表头加上 --> | 
|                                     <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> | 
|                                     <!-- #region 自定义表头 --> | 
|                                     <div class="headerSetIcon"> | 
|                                         <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="customCols"> | 
|                                             <i class="layui-icon"></i> | 
|                                         </button> | 
|                                     </div> | 
|                                     <!-- #endregion --> | 
|                                 </div> | 
|                             </div> | 
|                             <div class="layui-tab-item"> | 
|                                 <div class="position-relative"><!-- class="position-relative" --><!-- 自定义表头加上 --> | 
|                                     <table id="LAY-app-content-list2" lay-filter="LAY-app-content-list2"></table> | 
|                                     <!-- #region 自定义表头 --> | 
|                                     <div class="headerSetIcon"> | 
|                                         <button class="layui-btn layui-btn-primary layui-btn-sm" | 
|                                             data-type="customCols2"> | 
|                                             <i class="layui-icon"></i> | 
|                                         </button> | 
|                                     </div> | 
|                                     <!-- #endregion --> | 
|   | 
|                                     <!-- #region 自定义表头 --> | 
|                                     <script type="text/html" id="templetProductionTime"> | 
|                                             {{# function GetBtn(d){ | 
|                                                     return formatDate2(d.ProductionTime); | 
|                                                 }     | 
|                                             }} | 
|                                             {{ GetBtn(d) }} | 
|                                         </script> | 
|                                     <script type="text/html" id="templetExpirationTime"> | 
|                                             {{# function GetBtn(d){ | 
|                                                     return formatDate2(d.ExpirationTime); | 
|                                                 }     | 
|                                             }} | 
|                                             {{ GetBtn(d) }} | 
|                                         </script> | 
|   | 
|                                     <script type="text/html" id="templetInspectTime"> | 
|                                             {{# function GetBtn1(d){ | 
|                                                     return formatDate(d.InspectTime); | 
|                                                 }     | 
|                                             }} | 
|                                             {{ GetBtn1(d) }} | 
|                                         </script> | 
|                                     <!-- #endregion --> | 
|                                 </div> | 
|                             </div> | 
|                         </div> | 
|                     </div> | 
|   | 
|                 </div> | 
|                 <script type="text/html" id="buttonTpl"> | 
|                     {{#  if(d.Status=='0'){ }} | 
|                       <button class="layui-btn layui-btn-radius layui-btn-danger layui-btn-xs">待分配</button> | 
|                     {{#  } else if(d.Status == '1') { }} | 
|                       <button class="layui-btn layui-btn-radius layui-btn-xs">部分分配</button> | 
|                     {{#  } else if(d.Status == '2') { }} | 
|                         <button class="layui-btn layui-btn-radius layui-btn-xs">已分配</button> | 
|                     {{#  } else if(d.Status == '3') { }} | 
|                        <button class="layui-btn layui-btn-radius layui-btn-xs">盘点锁定</button> | 
|                     {{#  } else if(d.Status == '4') { }} | 
|                         <button class="layui-btn layui-btn-radius layui-btn-xs">移库锁定</button> | 
|                     {{#  } else if(d.Status == '5') { }} | 
|                         <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger">异常锁定</button> | 
|                     {{#  } }} | 
|                   </script> | 
|                 <script type="text/html" id="BoxStatus"> | 
|                         {{#  if(d.Status=='0'){ }} | 
|                             <p>未组托</p> | 
|                         {{#  } else if(d.Status == '1') { }} | 
|                             <p>已组托</p> | 
|                         {{#  } else if(d.Status == '2') { }} | 
|                             <p>已入库</p> | 
|                         {{#  } else if(d.Status == '3') { }} | 
|                             <p>已出库</p> | 
|                         {{#  } else if(d.Status == '4') { }} | 
|                             <p>已分配</p> | 
|                         {{#  } else if(d.Status == '5') { }} | 
|                             <p>已拣货</p> | 
|                         {{#  } }} | 
|                          | 
|                     </script> | 
|                 <script type="text/html" id="InspectMarkStatus"> | 
|                         {{#  if(d.InspectMark=='0'){ }} | 
|                             <p>否</p> | 
|                         {{#  } else if(d.InspectMark == '1') { }} | 
|                             <p>是</p> | 
|                         {{# } }} | 
|                     </script> | 
|                 <script type="text/html" id="BitPalletMarkStatus"> | 
|                         {{#  if(d.BitPalletMark=='0'){ }} | 
|                             <p>否</p> | 
|                         {{#  } else if(d.BitPalletMark == '1') { }} | 
|                             <p>是</p> | 
|                         {{# } }} | 
|                     </script> | 
|   | 
|                 <script type="text/html" id="InspectStatus1"> | 
|                         {{#  if(d.InspectStatus == '0') { }} | 
|                             <p>待检验</p> | 
|                         {{#  } else if(d.InspectStatus == '1'){ }} | 
|                             <p>检验合格</p> | 
|                         {{#  } else if(d.InspectStatus == '2'){ }} | 
|                             <p>不合格</p> | 
|                         {{#  } else if(d.InspectStatus == '4') { }} | 
|                             <p>放置期</p> | 
|                         {{#  } }} | 
|                     </script> | 
|                 <script type="text/html" id="BitPalletMarkStatus1"> | 
|                         {{#  if(d.BitBoxMark=='0'){ }} | 
|                             <p>否</p> | 
|                         {{#  } else if(d.BitBoxMark == '1') { }} | 
|                             <p>是</p> | 
|                         {{# } }} | 
|                     </script> | 
|                 <script type="text/html" id="table-content-list"> | 
|                         <button class="layui-btn layui-btn-normal layui-btn-xs approvalBtnupt" id="approvalBtnupt" lay-event="edit"> | 
|                             <i class="layui-icon layui-icon-edit"></i>详情 | 
|                         </button> | 
|                     </script> | 
|             </div> | 
|         </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> | 
|         var uid = $.cookie('userId'); | 
|         layui.config({ | 
|             base: '../../layuiadmin/' //静态资源所在路径 | 
|         }).extend({ | 
|             index: 'lib/index' //主入口模块 | 
|         }).use(['index', 'table', 'laypage', 'layer', 'element', 'laydate'], function () { | 
|             var table = layui.table, | 
|                 form = layui.form, | 
|                 laypage = layui.laypage, | 
|                 layer = layui.layer; | 
|             element = layui.element; | 
|             laydate = layui.laydate; | 
|   | 
|             var h1 = GetTableTabHeight(); | 
|             // var h1 =  GetTkableTopHeight(); | 
|             // console.log(h1) | 
|   | 
|             laydate.render({ | 
|                 elem: '#StartTime', | 
|                 format: 'yyyy-MM-dd' //可任意组合 | 
|             }); | 
|             laydate.render({ | 
|                 elem: '#EndTime', | 
|                 format: 'yyyy-MM-dd' //可任意组合 | 
|             }); | 
|             //获取当前时间 | 
|             function getNowTime() { | 
|                 var date = new Date(); | 
|                 //年 getFullYear():四位数字返回年份 | 
|                 var year = date.getFullYear(); //getFullYear()代替getYear() | 
|                 //月 getMonth():0 ~ 11 | 
|                 var month = date.getMonth() + 1; | 
|                 //日 getDate():(1 ~ 31) | 
|                 var day = date.getDate(); | 
|                 //时 getHours():(0 ~ 23) | 
|                 var hour = date.getHours(); | 
|                 //分 getMinutes(): (0 ~ 59) | 
|                 var minute = date.getMinutes(); | 
|                 //秒 getSeconds():(0 ~ 59) | 
|                 var second = date.getSeconds(); | 
|   | 
|                 var time = year + addZero(month) + addZero(day) + addZero(hour) + addZero(minute) + addZero(second); | 
|                 return time; | 
|   | 
|                 //小于10的拼接上0字符串 | 
|   | 
|             }; | 
|             function addZero(s) { | 
|                 return s < 10 ? ('0' + s) : s; | 
|             }; | 
|   | 
|             var $ = layui.$; | 
|             var yemianid = 0; | 
|             refreshTable("", "", "", "", "", "", "", "", "", "", "", "", "", ""); | 
|   | 
|             // 表单需要的变量 | 
|             var infoOptions; | 
|             //#region 自定义表头 | 
|             var TotalColsArr = [[ | 
|                 { field: '', title: '序号', type: 'numbers', align: 'center', fixed: 'left', "disabled": true }, | 
|                 { field: 'WareHouseName', title: '所属仓库', align: 'center', width: 120, }, | 
|                 { field: 'RoadwayName', title: '所属巷道', align: 'center', width: 120, }, | 
|                 { field: 'AreaName', title: '所属区域', align: 'center', width: 120, }, | 
|                 { field: 'LocatNo', title: '储位地址', align: 'center', width: 100, }, | 
|                 { field: 'PalletNo', title: '托盘号', align: 'center', width: 100, }, | 
|                 { field: 'SkuNo', title: '物料编码', align: 'center', width: 120, }, | 
|                 { field: 'SkuName', title: '物料名称', align: 'center', width: 120, }, | 
|                 { field: 'LotNo', title: '批次号', align: 'center', width: 100, }, | 
|                 //{ field: 'LotText', title: '批次描述', align: 'center' }, | 
|                 { field: 'SupplierLot', title: '供货批次', align: 'center', width: 120, }, | 
|                 { field: 'Qty', title: '数量', align: 'center', width: 90, }, | 
|                 { field: 'LockQty', title: '锁定数量', align: 'center', width: 90, }, | 
|                 { field: 'FrozenQty', title: '冻结数量', align: 'center', width: 90, }, | 
|   | 
|                 { field: 'Status', title: '库存状态', align: 'center', templet: '#buttonTpl', width: 90, }, | 
|                 { field: 'InspectStatus', templet: '#InspectStatus1', title: '质检状态', align: 'center', width: 100, }, | 
|                 { field: 'InspectMark', title: '抽检标记', align: 'center', templet: '#InspectMarkStatus', width: 100, }, | 
|                 { field: 'BitPalletMark', title: '零托标记', align: 'center', templet: '#BitPalletMarkStatus', width: 100, }, | 
|   | 
|                 { field: 'ProductionTime', title: '生产日期', align: 'center', templet: '#templetProductionTime' }, | 
|                 { field: 'OwnerNo', title: '货主编码', align: 'center', width: 100, }, | 
|                 { field: 'OwnerName', title: '货主名称', align: 'center', width: 100, }, | 
|                 { field: 'SupplierNo', title: '供应商编码', align: 'center', width: 100, }, | 
|                 { field: 'SupplierName', title: '供应商名称', align: 'center', width: 100, }, | 
|   | 
|   | 
|             ]]; | 
|             var TotalColsSysArr = encodeURIComponent(encodeURIComponent(JSON.stringify(TotalColsArr)))//将表头数据进行url编码 | 
|             //#endregion | 
|             //获取托盘明细 | 
|             function refreshTable(SkuNo, SkuName, PalletNo, LotNo, BoxNo, Status, InspectMark, BitPalletMark, | 
|                 BitBoxMark, InspectStatus, OwnerNo, OwnerName, StartTime, EndTime, WareHouseNo, AreaNo) { | 
|                 //#region 自定义表头 | 
|                 var colsJson | 
|                 var param1 = { | 
|                     Href: 'Statistical/GetBindList' | 
|                 }; | 
|                 sendData(IP + "/Sys/GetTableColsByUserId", param1, 'post', function (res) { | 
|                     if (res.code == 0) { | 
|                         if (res.data == '' || res.data == undefined || res.data == null) { | 
|                             colsJson = TotalColsArr | 
|                         } else { | 
|                             colsJson = eval(res.data); | 
|                         } | 
|                     } else { | 
|                         colsJson = TotalColsArr | 
|                     } | 
|                     infoOptions = { | 
|                         elem: '#LAY-app-content-list', | 
|                         height: h1, | 
|                         id: 'LAY-app-content-list', | 
|                         page: true, | 
|                         limit: pageCnt, | 
|                         limits: pageLimits, | 
|                         even: true, | 
|                         cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 | 
|                         done: function () { | 
|                             //自定义列宽 | 
|                             SetTableColW('LAY-app-content-list', 'Statistical/GetBindList', TotalColsSysArr); | 
|                         }, | 
|                         cols: colsJson | 
|                     }; | 
|   | 
|                     var param = { | 
|                         SkuNo: SkuNo, //物料号 | 
|                         SkuName: SkuName, //物料名称 | 
|                         palletNo: PalletNo, //托盘号 | 
|                         LotNo: LotNo, //批次号 | 
|                         BoxNo: BoxNo, //箱码 | 
|                         Status: Status, //箱支状态 | 
|                         InspectMark: InspectMark, //检验标记 | 
|                         BitPalletMark: BitPalletMark, //零托标记 | 
|                         BitBoxMark: BitBoxMark, //零箱标记 | 
|                         InspectStatus: InspectStatus, //质量状态 | 
|                         OwnerNo: OwnerNo, //货主编码 | 
|                         OwnerName: OwnerName, //货主名称 | 
|                         StartTime: StartTime, //开始时间 | 
|                         EndTime: EndTime, //结束时间 | 
|                         WareHouseNo: WareHouseNo, | 
|                         AreaNo: AreaNo, | 
|                     }; | 
|                     sendData(IP + "/Statistical/GetBindList", 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 () { }); | 
|                         } | 
|                     }); | 
|                 }); | 
|                 //#endregion                     | 
|             } | 
|   | 
|             // 表单需要的变量 | 
|             var infoOptions2; | 
|   | 
|             //获取明细信息 | 
|             //#region 自定义表头 | 
|             var DetailColsArr = [[ | 
|                 { field: '', title: '序号', type: 'numbers', fixed: 'left', "disabled": true }, | 
|                 { field: 'SkuNo', title: '物料编码', align: 'center' }, | 
|                 { field: 'SkuName', title: '物料名称', align: 'center' }, | 
|                 { field: 'PalletNo', title: '托盘号', align: 'center', width: 110 }, | 
|                 { field: 'BoxNo', title: '箱码', align: 'center', width: 100 }, | 
|                 { field: 'Status', title: '箱支状态', align: 'center', templet: '#BoxStatus' }, | 
|                 { field: 'LotNo', title: '批次号', align: 'center' }, | 
|                 { field: 'LotText', title: '批次描述', align: 'center' }, | 
|                 { field: 'Qty', title: '数量', width: 90, align: 'center' }, | 
|                 { field: 'FullQty', title: '整箱数量', width: 100, align: 'center' }, | 
|                 { field: 'ProductionTime', title: '生产日期', align: 'center', templet: '#templetProductionTime' }, | 
|                 { field: 'ExpirationTime', title: '有效期', align: 'center', templet: '#templetExpirationTime' }, | 
|                 { field: 'InspectMark', title: '抽检标记', align: 'center', templet: '#InspectMarkStatus' }, | 
|                 { field: 'BitBoxMark', templet: '#BitPalletMarkStatus1', title: '零箱标记', align: 'center' }, | 
|                 { field: 'InspectStatus', templet: '#InspectStatus1', title: '质检状态', align: 'center' }, | 
|                 { field: 'InspectTime', title: '复检时间', align: 'center', templet: '#templetInspectTime' }, | 
|                 { field: 'caozuo', title: '操作', fixed: 'right', align: 'center', toolbar: '#table-content-list', "disabled": true } | 
|             ]]; | 
|             var DetailColsSysArr = encodeURIComponent(encodeURIComponent(JSON.stringify(DetailColsArr)))//将表头数据进行url编码 | 
|             //#endregion                 | 
|             function refreshTable2(Id, SkuNo, SkuName, LotNo, PalletNo, BoxNo, Status, InspectMark, BitBoxMark, InspectStatus, | 
|                 StartTime, EndTime, WareHouseNo, AreaNo) { | 
|                 //#region 自定义表头 | 
|                 var colsJson2 | 
|                 var param1 = { | 
|                     Href: 'Statistical/GetBoxInfo' | 
|                 }; | 
|                 sendData(IP + "/Sys/GetTableColsByUserId", param1, 'post', function (res) { | 
|                     if (res.code == 0) { | 
|                         if (res.data == '' || res.data == undefined || res.data == null) { | 
|                             colsJson2 = DetailColsArr | 
|                         } else { | 
|                             colsJson2 = eval(res.data); | 
|                         } | 
|                     } else { | 
|                         colsJson2 = DetailColsArr | 
|                     } | 
|                     infoOptions2 = { | 
|                         elem: '#LAY-app-content-list2', | 
|                         height: h1, | 
|                         id: 'LAY-app-content-list2', | 
|                         page: true, | 
|                         limit: pageCnt, | 
|                         limits: pageLimits, | 
|                         even: true, | 
|                         cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 | 
|                         done: function () { | 
|                             //自定义列宽 | 
|                             SetTableColW('LAY-app-content-list2', 'Statistical/GetBoxInfo', DetailColsSysArr); | 
|                         }, | 
|                         cols: colsJson2 | 
|                     }; | 
|   | 
|                     var param = { | 
|                         Id: Id, | 
|                         SkuNo: SkuNo, | 
|                         SkuName: SkuName, | 
|                         LotNo: LotNo, | 
|                         PalletNo: PalletNo, | 
|                         BoxNo: BoxNo, | 
|                         Status: Status, | 
|                         InspectMark: InspectMark, | 
|                         BitBoxMark: BitBoxMark, | 
|                         InspectStatu: InspectStatus, | 
|                         StartTime: StartTime, | 
|                         EndTime: EndTime, | 
|                         WareHouseNo: WareHouseNo, | 
|                         AreaNo: AreaNo, | 
|                     } | 
|                     sendData(IP + "/Statistical/GetBoxInfo", param, 'get', function (res) { | 
|                         if (res.code == 0) //成功 | 
|                         { | 
|                             var list = res.data; | 
|                             $.extend(infoOptions2, { | 
|                                 data: list | 
|                             }); | 
|                             infoOptions2.page = { | 
|                                 curr: 1 | 
|                             } | 
|                             tableIns2 = table.render(infoOptions2); | 
|                         } | 
|                         else //不成功 | 
|                         { | 
|                             layer.msg('获取明细列表信息失败!', { | 
|                                 icon: 2, | 
|                                 time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                             }, function () { }); | 
|                         } | 
|                     }) | 
|                 }); | 
|                 //#endregion                     | 
|             } | 
|   | 
|             //var url = IP + "/Statistical/GetInventoryList1"; | 
|   | 
|   | 
|   | 
|             //接受全局变量 | 
|             let quanid = ''; | 
|             //监听搜索 | 
|             form.on('submit(LAY-app-contlist-search)', function (data) { | 
|                 var SkuNo = $("#SkuNo").val(); | 
|                 var SkuName = $("#SkuName").val(); | 
|                 var LotNo = $("#LotNo").val(); | 
|                 var PalletNo = $("#PalletNo").val(); | 
|   | 
|                 var BoxNo = $("#BoxNo").val(); | 
|                 var Status = $("#Status").val(); | 
|                 var InspectMark = $("#InspectMark").val(); | 
|                 var BitPalletMark = $("#BitPalletMark").val(); | 
|                 var BitBoxMark = $("#BitBoxMark").val(); | 
|                 var InspectStatus = $("#InspectStatus").val(); | 
|   | 
|                 var OwnerNo = $("#OwnerNo").val(); | 
|                 var OwnerName = $("#OwnerName").val(); | 
|   | 
|                 var StartTime = $("#StartTime").val(); | 
|                 var EndTime = $("#EndTime").val(); | 
|                 var WareHouseNo = $("#WareHouseNo").val(); | 
|                 var AreaNo = $("#AreaNo").val(); | 
|   | 
|                 if (yemianid == 0) { | 
|                     console.log("总单"); | 
|                     refreshTable(SkuNo, SkuName, PalletNo, LotNo, BoxNo, Status, InspectMark, BitPalletMark, BitBoxMark, | 
|                         InspectStatus, OwnerNo, OwnerName, StartTime, EndTime, WareHouseNo, AreaNo); | 
|                 } else if (yemianid == 1) { | 
|                     quanid = ''; | 
|                     console.log("明细"); | 
|                     refreshTable2(quanid, SkuNo, SkuName, LotNo, PalletNo, BoxNo, Status, InspectMark, BitBoxMark, | 
|                         InspectStatus, StartTime, EndTime, WareHouseNo, AreaNo); | 
|                 } | 
|   | 
|             }); | 
|             //触发行双击事件 | 
|             table.on('rowDouble(LAY-app-content-list)', function (obj) { | 
|                 $(".layui-tab-title>li").attr("class", ""); | 
|                 $('.layui-tab-title>li').eq(1).attr('class', 'layui-this'); | 
|                 $('.layui-tab-content .layui-tab-item').attr('class', 'layui-tab-item') | 
|                 $('.layui-tab-content .layui-tab-item').eq(1).attr('class', 'layui-tab-item layui-show') | 
|                 console.log(obj.data.Id); | 
|                 quanid = obj.data.Id; | 
|                 refreshTable2(obj.data.Id); | 
|                 yemianid = 1; | 
|             }); | 
|   | 
|             //监听Tab切换,以改变地址hash值 | 
|             element.on('tab(docDemoTabBrief)', function (data) { | 
|                 var SkuNo = $("#SkuNo").val(); | 
|                 var SkuName = $("#SkuName").val(); | 
|                 var LotNo = $("#LotNo").val(); | 
|                 var PalletNo = $("#PalletNo").val(); | 
|   | 
|                 var BoxNo = $("#BoxNo").val(); | 
|                 var Status = $("#Status").val(); | 
|                 var InspectMark = $("#InspectMark").val(); | 
|                 var BitPalletMark = $("#BitPalletMark").val(); | 
|                 var BitBoxMark = $("#BitBoxMark").val(); | 
|                 var InspectStatus = $("#InspectStatus").val(); | 
|   | 
|                 var OwnerNo = $("#OwnerNo").val(); | 
|                 var OwnerName = $("#OwnerName").val(); | 
|   | 
|                 var StartTime = $("#StartTime").val(); | 
|                 var EndTime = $("#EndTime").val(); | 
|   | 
|                 console.log(data.index); | 
|                 yemianid = data.index | 
|                 if (yemianid == 0) { | 
|                     console.log("总单"); | 
|                     refreshTable(SkuNo, SkuName, PalletNo, LotNo, BoxNo, Status, InspectMark, BitPalletMark, BitBoxMark, InspectStatus, OwnerNo, OwnerName, StartTime, EndTime); | 
|                 } else if (yemianid == 1) { | 
|                     console.log("明细"); | 
|                     refreshTable2(quanid, SkuNo, SkuName, LotNo, PalletNo, BoxNo, Status, InspectMark, BitBoxMark, InspectStatus, StartTime, EndTime); | 
|                 } | 
|             }); | 
|             var doing = true; | 
|             // ------------------------------------详情--------------------------------------------------- | 
|             table.on('tool(LAY-app-content-list2)', function (obj) { | 
|                 console.log(obj) | 
|                 var data = obj.data; | 
|                 //详情 | 
|                 if (obj.event === 'edit') { | 
|                     BoxNo = data.BoxNo; | 
|                     console.log(data) | 
|                     layer.open({ | 
|                         type: 2, | 
|                         title: '箱支详情信息', | 
|                         content: 'BoxSupportInfor.html?BoxNo=' + BoxNo, | 
|                         maxmin: true, | 
|                         area: ['80%', '85%'], | 
|                         btn: ['关闭'], | 
|                         yes: function (index, layero) { | 
|                             var iframeWindow = window['layui-layer-iframe' + index], | 
|                                 submitID = 'layuiadmin-app-form-edit', | 
|                                 submit = layero.find('iframe').contents().find('#' + submitID); | 
|                             if (doing) { | 
|                                 doing = false; | 
|   | 
|                                 layer.close(index); //关闭弹层 | 
|                                 refreshTable(); | 
|                                 doing = true; | 
|   | 
|   | 
|                             } | 
|                         } | 
|                     }); | 
|                 } | 
|             }); | 
|   | 
|             form.on('submit(daochu)', function () { | 
|                 layer.confirm('确定导出当前数据吗?', function (index) { | 
|                     if (yemianid == 0) { | 
|                         console.log("托盘明细"); | 
|                         var param = { | 
|                             SkuNo: $("#SkuNo").val(), | 
|                             SkuName: $("#SkuName").val(), | 
|                             LotNo: $("#LotNo").val(), | 
|                             PalletNo: $("#PalletNo").val(), | 
|   | 
|                             BoxNo: $("#BoxNo").val(), | 
|                             Status: $("#Status").val(), | 
|                             InspectMark: $("#InspectMark").val(), | 
|                             BitPalletMark: $("#BitPalletMark").val(), | 
|                             BitBoxMark: $("#BitBoxMark").val(), | 
|                             InspectStatus: $("#InspectStatus").val(), | 
|   | 
|                             StartTime: $("#StartTime").val(), | 
|                             EndTime: $("#EndTime").val(), | 
|                         }; | 
|   | 
|                         sendData(IP + "/Statistical/GetBindListDaoChu", param, 'get', function (res) { | 
|                             console.log(res); | 
|                             if (res.code == 0) { //成功 | 
|                                 var list = res.data; | 
|                                 table.exportFile(tableIns.config.id, list, 'xls', "托盘明细信息" + getNowTime(),); //data 为该实例中的任意数量的数据 | 
|                                 layer.msg('导出成功!', { | 
|                                     icon: 1, | 
|                                     time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                 }, function () { | 
|   | 
|                                 }); | 
|   | 
|                             } else { //不成功 | 
|                                 layer.msg('获取信息失败!', { | 
|                                     icon: 2, | 
|                                     time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                 }, function () { }); | 
|                             } | 
|                         }); | 
|                     } else if (yemianid == 1) { | 
|                         console.log("箱码明细"); | 
|                         var param = { | 
|                             Id: quanid, | 
|                             SkuNo: $("#SkuNo").val(), | 
|                             SkuName: $("#SkuName").val(), | 
|                             LotNo: $("#LotNo").val(), | 
|                             LocatNo: $("#LocatNo").val(), | 
|                             PalletNo: $("#PalletNo").val(), | 
|                             Status: $("#Status").val(), | 
|                             InspectStatus: $("#InspectStatus").val(), | 
|                             IsSamolingTray: $("#IsSamolingTray").val(), | 
|                             StartTime: $("#StartTime").val(), | 
|                             EndTime: $("#EndTime").val(), | 
|                         }; | 
|                         sendData(IP + "/Statistical/GetBoxInfoDaoChu", param, 'get', function (res) { | 
|                             console.log(res); | 
|                             if (res.code == 0) { //成功 | 
|                                 var list = res.data; | 
|                                 table.exportFile(tableIns2.config.id, list, 'xls', "箱码明细信息" + getNowTime(),); //data 为该实例中的任意数量的数据 | 
|                                 layer.msg('导出成功!', { | 
|                                     icon: 1, | 
|                                     time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                 }, function () { | 
|   | 
|                                 }); | 
|   | 
|                             } else { //不成功 | 
|                                 layer.msg('获取信息失败!', { | 
|                                     icon: 2, | 
|                                     time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                 }, function () { }); | 
|                             } | 
|                         }); | 
|                     } | 
|                 }); | 
|   | 
|   | 
|             }); | 
|   | 
|   | 
|             //获取仓库下拉框信息 | 
|             sendData(IP + "/Sys/GetWarehouseDic", {}, 'get', function (res) { | 
|                 if (res.code == 0) { //成功 | 
|                     for (var i = 0; i < res.data.length; i++) { | 
|                         $("#WareHouseNo").append('<option value =' + res.data[i].WareHouseNo + '>' + res.data[i].WareHouseNo + '-' + | 
|                             res.data[i].WareHouseName + '</option>'); | 
|                     } | 
|                     form.render('select'); | 
|                 } else { //不成功 | 
|                     layer.msg(res.msg, { | 
|                         icon: 2, | 
|                         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                     }, function () { }); | 
|                 } | 
|             }); | 
|   | 
|             getAR(""); | 
|             form.on('select(getWareHouseNo)', function (data) { | 
|                 console.log(data); | 
|                 getAR(data.value); | 
|             }); | 
|             function getAR(val) { | 
|                 //获取 区域下拉框 | 
|                 sendData(IP + "/Sys/GetStorageAreaByHouseNo?wareHouseNo=" + val, {}, 'get', function (res) { | 
|                     $("#AreaNo").empty(); | 
|                     $("#AreaNo").append('<option value =""></option>'); | 
|                     if (res.code == 0) { //成功  | 
|                         for (var i = 0; i < res.data.length; i++) { | 
|                             $("#AreaNo").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaNo + '-' + | 
|                                 res.data[i].AreaName + '</option>'); | 
|                         } | 
|                         form.render('select'); | 
|                     } else { //不成功 | 
|                         layer.msg('获取区域信息失败', { | 
|                             icon: 2, | 
|                             time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                         }, function () { | 
|                             //回调 | 
|                             form.render('select'); | 
|                         }); | 
|                     } | 
|                 }); | 
|   | 
|             }; | 
|   | 
|             //#region 自定义表头 | 
|             //自定义表头             | 
|             active = { | 
|                 customCols: function () { | 
|                     layer.open({ | 
|                         type: 2, | 
|                         title: '自定义列', | 
|                         content: '../SystemSettings/HeaderSetting.html?Href=Statistical/GetBindList&ColsSysArr=' + TotalColsSysArr, | 
|                         maxmin: false, | 
|                         resize: false, | 
|                         area: ['970px', '650px'] | 
|                     }); | 
|                 }, | 
|                 customCols2: function () { | 
|                     layer.open({ | 
|                         type: 2, | 
|                         title: '自定义列', | 
|                         content: '../SystemSettings/HeaderSetting.html?Href=Statistical/GetBoxInfo&ColsSysArr=' + DetailColsSysArr, | 
|                         maxmin: false, | 
|                         resize: false, | 
|                         area: ['970px', '650px'] | 
|                     }); | 
|                 } | 
|   | 
|             }; | 
|             $('.layui-btn').on('click', function () { | 
|                 var type = $(this).data('type'); | 
|                 active[type] ? active[type].call(this) : ''; | 
|             }); | 
|             //#endregion | 
|         }); | 
|     </script> | 
| </body> | 
|   | 
| </html> |