|  |  |  | 
|---|
|  |  |  | <!DOCTYPE html> | 
|---|
|  |  |  | <html> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <head> | 
|---|
|  |  |  | <meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1.0" /> | 
|---|
|  |  |  | <meta charset="UTF-8" /> | 
|---|
|  |  |  | <!-- <meta name="viewport" content="width=device-width, initial-scale=0.665, minimum-scale=0.5, maximum-scale=1, user-scalable=no" /> --> | 
|---|
|  |  |  | <!-- <meta name="viewport" content="width=device-width, initial-scale=0.665" /> --> | 
|---|
|  |  |  | <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | 
|---|
|  |  |  | <title>AGV转运</title> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <link rel="stylesheet" href="/layui/css/layui.css" /> | 
|---|
|  |  |  | <link rel="stylesheet" href="/css/style.css" /> | 
|---|
|  |  |  | <script src="/js/adaptive.js"></script> | 
|---|
|  |  |  | <link rel="stylesheet" href="/css/my.css" /> | 
|---|
|  |  |  | <style type="text/css"> | 
|---|
|  |  |  | td { | 
|---|
|  |  |  | word-break: break-all; | 
|---|
|  |  |  | word-wrap: break-word; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .layui-form-switch { | 
|---|
|  |  |  | margin-top: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 标签样式 */ | 
|---|
|  |  |  | .tableyang-this a { | 
|---|
|  |  |  | margin: 10px 10px 0px 0px; | 
|---|
|  |  |  | line-height: 30px; | 
|---|
|  |  |  | width: 100px; | 
|---|
|  |  |  | color: #999; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | float: left; | 
|---|
|  |  |  | background: #f7f7f7; | 
|---|
|  |  |  | user-select: none; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | z-index: 1; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | border-radius: 5px; | 
|---|
|  |  |  | border: 1px solid #ccc; | 
|---|
|  |  |  | transition: all 0.3s ease; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .tableyang-this a.hover { | 
|---|
|  |  |  | color: #5298ff; | 
|---|
|  |  |  | background-color: #eff2ff; | 
|---|
|  |  |  | border: 1px solid #5298ff; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 内容居中 */ | 
|---|
|  |  |  | .tableyang-tab { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | /* justify-content: center; */ | 
|---|
|  |  |  | /* align-items: center; */ | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | height: 90vh; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 必用样式 */ | 
|---|
|  |  |  | .tableyang-2, | 
|---|
|  |  |  | .tableyang-3 { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ul { | 
|---|
|  |  |  | list-style-type: none; | 
|---|
|  |  |  | padding: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | li { | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | background-color: lightgray; | 
|---|
|  |  |  | padding: 10px; | 
|---|
|  |  |  | margin-bottom: 5px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | <link rel="stylesheet" href="/css/adapter.css" /> | 
|---|
|  |  |  | <script src="../../js/jquery.js"></script> | 
|---|
|  |  |  | <script src="../../js/jquery-3.5.1.min.js"></script> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <div id="" class="main-content"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div id="" class="layout-title"> | 
|---|
|  |  |  | <table border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td class="img-back"><a href="../index.html"><img src="/assets/back.jpg"></a></td> | 
|---|
|  |  |  | <td class="title-text" lang>AGV转运</td> | 
|---|
|  |  |  | <td class="title-menu-icon"><img id="menuImg" src="/assets/menu.jpg"></td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div id="" class="layout-sub-content"> | 
|---|
|  |  |  | <div id="menuList" class="menu"> | 
|---|
|  |  |  | <ul class="" style="text-align: center;"> | 
|---|
|  |  |  | <li><a href="../index.html" lang>主页</a></li> | 
|---|
|  |  |  | <!-- <li><a href="productEnterConfirm.html">入库信息确认</a></li> --> | 
|---|
|  |  |  | <li><a href="../login.html" lang>重新登录</a></li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <ul> | 
|---|
|  |  |  | <li id="option1">小车</li> | 
|---|
|  |  |  | <li id="option2">叫货</li> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </ul> --> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <button id="option1" class="layout-btn" type="button">小车</button> | 
|---|
|  |  |  | <button id="option2" class="layout-btn" type="button">叫货</button> | 
|---|
|  |  |  | <br /><br /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 有码 --> | 
|---|
|  |  |  | <div id="content1"> | 
|---|
|  |  |  | <div id="zongDiv" class="layout-bill-info" style="height: 170px;"> | 
|---|
|  |  |  | <form class="layui-form" action=""> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-input"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>托盘条码:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="STOCKCODE" type="text" lay-verify="stock" lang langholder | 
|---|
|  |  |  | placeholder="请扫描托盘条码" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-input"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>起始地码:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="LocatNo" type="text" lay-verify="stock" lang langholder placeholder="起始地码" | 
|---|
|  |  |  | autocomplete="off" class="layui-input" readonly> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-dropdownlist"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>目标区域:</label> | 
|---|
|  |  |  | <div class="layui-input-block" id="selectQuyu"> | 
|---|
|  |  |  | <select id="Quyu" lay-filter="getQuyu" lay-search> | 
|---|
|  |  |  | <option value=""></option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <img src="/assets/down_arraw.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-dropdownlist"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>入库口:</label> | 
|---|
|  |  |  | <div class="layui-input-block" id="selectRuku"> | 
|---|
|  |  |  | <select id="Ruku" lay-filter="getRuku" lay-search> | 
|---|
|  |  |  | <option value=""></option> | 
|---|
|  |  |  | <option value="033">033</option> | 
|---|
|  |  |  | <option value="039">039</option> | 
|---|
|  |  |  | <option value="044">044</option> | 
|---|
|  |  |  | <option value="051">051</option> | 
|---|
|  |  |  | <option value="443">443</option> | 
|---|
|  |  |  | <option value="440">440</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <img src="/assets/down_arraw.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <table class="layout-tbl-submit" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td style="width: 23%;"></td> | 
|---|
|  |  |  | <td> | 
|---|
|  |  |  | <button class="layout-btn layout-btn-red" lang type="button" lay-submit | 
|---|
|  |  |  | lay-filter="formCall">叫小车</button> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | <td style="width: 33%;"></td> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <br> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div id="" class="cut-line"> | 
|---|
|  |  |  | <img src="/assets/fengexian.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layout-tbl-paging" id=""> | 
|---|
|  |  |  | <table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <th lang style="width: 15%;">物料编码</th> | 
|---|
|  |  |  | <th lang style="width: 35%;">物料名称</th> | 
|---|
|  |  |  | <th lang style="width: 25%;">批次</th> | 
|---|
|  |  |  | <th lang style="width: 15%;">物料数量</th> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr id="boxCell" style="display: none;"> | 
|---|
|  |  |  | <td name="code">AG000001</td> | 
|---|
|  |  |  | <td name="name">疫苗名称名称名称</td> | 
|---|
|  |  |  | <td name="lotNo">批次号</td> | 
|---|
|  |  |  | <td name="num">30</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | <!-- 分页 --> | 
|---|
|  |  |  | <table id="tableBoxPages" class="tbl-box-pages" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td class="page-prev">上一页</td> | 
|---|
|  |  |  | <td class="page-num page-num-select">1</td> | 
|---|
|  |  |  | <td class="page-num">2</td> | 
|---|
|  |  |  | <td class="page-num">3</td> | 
|---|
|  |  |  | <td class="page-num">4</td> | 
|---|
|  |  |  | <td class="page-num">5</td> | 
|---|
|  |  |  | <td class="page-next">下一页</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 无码 --> | 
|---|
|  |  |  | <div id="content2"> | 
|---|
|  |  |  | <div id="zongDiv" class="layout-bill-info" style="height: 150px;"> | 
|---|
|  |  |  | <form class="layui-form" id="form2" action=""> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-dropdownlist"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>出库单:</label> | 
|---|
|  |  |  | <div class="layui-input-block" id="selectOutNo"> | 
|---|
|  |  |  | <select id="OutNo" lay-filter="getOutNo" lay-search> | 
|---|
|  |  |  | <option value=""></option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <img src="/assets/down_arraw.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-dropdownlist"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>托盘条码:</label> | 
|---|
|  |  |  | <div class="layui-input-block" id="selectPalletNo"> | 
|---|
|  |  |  | <select id="PalletNo" lay-filter="getPalletNo" lay-search> | 
|---|
|  |  |  | <option value=""></option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <img src="/assets/down_arraw.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="" class="layui-form-item layout-dropdownlist"> | 
|---|
|  |  |  | <label class="layui-form-label" lang>目标区域:</label> | 
|---|
|  |  |  | <div class="layui-input-block" id="selectQuyu2"> | 
|---|
|  |  |  | <select id="Quyu2" lay-filter="getQuyu2" lay-search> | 
|---|
|  |  |  | <option value=""></option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <img src="/assets/down_arraw.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <table class="layout-tbl-submit" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td style="width: 23%;"></td> | 
|---|
|  |  |  | <td> | 
|---|
|  |  |  | <button class="layout-btn layout-btn-red" lang type="button" lay-submit | 
|---|
|  |  |  | lay-filter="formCall">叫小车</button> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | <td style="width: 33%;"></td> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <br> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div id="" class="cut-line"> | 
|---|
|  |  |  | <img src="/assets/fengexian.png"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layout-tbl-paging" id=""> | 
|---|
|  |  |  | <table id="tableBoxList1" class="tbl-box-list" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <th lang style="width: 15%;">物料编码</th> | 
|---|
|  |  |  | <th lang style="width: 35%;">物料名称</th> | 
|---|
|  |  |  | <th lang style="width: 25%;">批次</th> | 
|---|
|  |  |  | <th lang style="width: 15%;">物料数量</th> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr id="boxCell" style="display: none;"> | 
|---|
|  |  |  | <td name="code">AG000001</td> | 
|---|
|  |  |  | <td name="name">疫苗名称名称名称</td> | 
|---|
|  |  |  | <td name="lotNo">批次号</td> | 
|---|
|  |  |  | <td name="num">30</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | <!-- 分页 --> | 
|---|
|  |  |  | <table id="tableBoxPages1" class="tbl-box-pages" border="" cellspacing="" cellpadding=""> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td class="page-prev">上一页</td> | 
|---|
|  |  |  | <td class="page-num page-num-select">1</td> | 
|---|
|  |  |  | <td class="page-num">2</td> | 
|---|
|  |  |  | <td class="page-num">3</td> | 
|---|
|  |  |  | <td class="page-num">4</td> | 
|---|
|  |  |  | <td class="page-num">5</td> | 
|---|
|  |  |  | <td class="page-next">下一页</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <script src="/js/jquery-3.5.1.min.js"></script> | 
|---|
|  |  |  | <script src="/layui/layui.js"></script> | 
|---|
|  |  |  | <script src="/js/public.js"></script> | 
|---|
|  |  |  | <script src="/js/language.js"></script> | 
|---|
|  |  |  | <script src="/js/jquery.cookie.js"></script> | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | layui.use(['form', 'jquery'], function () { | 
|---|
|  |  |  | var form = layui.form | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 标签切换代码 */ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var xianshiyemian = 0; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色 | 
|---|
|  |  |  | $('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色 | 
|---|
|  |  |  | $('#content2').hide(); | 
|---|
|  |  |  | $(document).ready(function () { | 
|---|
|  |  |  | $('#option1').click(function () { | 
|---|
|  |  |  | // qingkong(); | 
|---|
|  |  |  | xianshiyemian = 0; | 
|---|
|  |  |  | $('#content1').show(); | 
|---|
|  |  |  | $('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色 | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#content2').hide(); | 
|---|
|  |  |  | $('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#option2').click(function () { | 
|---|
|  |  |  | // qingkong(); | 
|---|
|  |  |  | xianshiyemian = 1; | 
|---|
|  |  |  | $('#content1').hide(); | 
|---|
|  |  |  | $('#option1').attr("style", "background-color: #999;width: 50%;float: left;text-align: center;"); //默认颜色 | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#content2').show(); | 
|---|
|  |  |  | $('#option2').attr("style", "background-color: red;width: 50%;float: right;text-align: center;"); //选中后颜色 | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /*——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initLanguage() | 
|---|
|  |  |  | setLanguage() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //当前分页 | 
|---|
|  |  |  | var curPageIndex = 1; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 托盘码文本改变时触发 | 
|---|
|  |  |  | $("#STOCKCODE").on('input', function () { | 
|---|
|  |  |  | if ($("#STOCKCODE").val() == "" || $("#STOCKCODE").val().length < 8) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#STOCKCODE").val().length >= 8) { | 
|---|
|  |  |  | $("#STOCKCODE").val($("#STOCKCODE").val().substr(-8)) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | getPalletLocatNo() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | //托盘码回车事件 | 
|---|
|  |  |  | $("#STOCKCODE").keydown(function (e) { | 
|---|
|  |  |  | if (e.keyCode === 13) { | 
|---|
|  |  |  | if ($("#STOCKCODE").val() == "") { | 
|---|
|  |  |  | layer.msg('请先扫描托盘条码', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | getPalletLocatNo() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function getPalletLocatNo() { | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | "PalletNo": $("#STOCKCODE").val() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetPalletLocatNo", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { | 
|---|
|  |  |  | $("#LocatNo").val(res.data) | 
|---|
|  |  |  | refreshTable() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $("#LocatNo").val('') | 
|---|
|  |  |  | //先清空一下箱子列表 | 
|---|
|  |  |  | let trs = $("#tableBoxList tr") | 
|---|
|  |  |  | let len = trs.length | 
|---|
|  |  |  |  | 
|---|
|  |  |  | for (i = len - 1; i >= 2; i--) { | 
|---|
|  |  |  | trs[i].remove(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //点击目标区域下拉框事件 | 
|---|
|  |  |  | $("#selectQuyu").click(function () { | 
|---|
|  |  |  | if ($("#STOCKCODE").val() == "") { | 
|---|
|  |  |  | layer.msg('请先扫描托盘条码', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#LocatNo").val() == "") { | 
|---|
|  |  |  | layer.msg('请扫描正确的托盘条码', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var input = $('select[id="Quyu"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | //先更新一下目标区域 | 
|---|
|  |  |  | updateQuyuList(function (data) { | 
|---|
|  |  |  | $('select[id="Quyu"]').next().addClass('layui-form-selected') | 
|---|
|  |  |  | $('select[id="Quyu"]').next().find('.layui-select-title input').val(val) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 绑定目标区域信息 */ | 
|---|
|  |  |  | function updateQuyuList(callback) { | 
|---|
|  |  |  | var input = $('select[id="Quyu"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | $("#Quyu").empty() | 
|---|
|  |  |  | $("#Quyu").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | "PalletNo": $("#STOCKCODE").val() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetStorageArea", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | for (var i = 0; i < res.data.length; i++) { | 
|---|
|  |  |  | $("#Quyu").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i] | 
|---|
|  |  |  | .AreaNo + '-' + res.data[i].AreaName + | 
|---|
|  |  |  | '</option>'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (!val) { | 
|---|
|  |  |  | $('#Quyu').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | var sel = 'dd[lay-value=' + val + ']'; | 
|---|
|  |  |  | $('#Quyu').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this') | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | callback(res.data) | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //点击出库单据下拉框事件 | 
|---|
|  |  |  | $("#selectOutNo").click(function () { | 
|---|
|  |  |  | var input = $('select[id="OutNo"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | //先更新一下出库单 | 
|---|
|  |  |  | updateBillList(function (data) { | 
|---|
|  |  |  | $('select[id="OutNo"]').next().addClass('layui-form-selected') | 
|---|
|  |  |  | $('select[id="OutNo"]').next().find('.layui-select-title input').val(val) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 绑定出库单信息 */ | 
|---|
|  |  |  | function updateBillList(callback) { | 
|---|
|  |  |  | var input = $('select[id="OutNo"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | $("#OutNo").empty() | 
|---|
|  |  |  | $("#OutNo").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetRunSoNoticeList", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | for (var i = 0; i < res.data.length; i++) { | 
|---|
|  |  |  | $("#OutNo").append('<option value =' + res.data[i] + '>' + res.data[i] + | 
|---|
|  |  |  | '</option>'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (!val) { | 
|---|
|  |  |  | $('#OutNo').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | var sel = 'dd[lay-value=' + val + ']'; | 
|---|
|  |  |  | $('#OutNo').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this') | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | callback(res.data) | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | // layer.msg(res.msg, { | 
|---|
|  |  |  | //    icon: 2, | 
|---|
|  |  |  | //    time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | // }, function() {}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //选中出库单事件 | 
|---|
|  |  |  | form.on('select(getOutNo)', function (data) { | 
|---|
|  |  |  | $("#PalletNo").empty() | 
|---|
|  |  |  | $("#PalletNo").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#Quyu2").empty() | 
|---|
|  |  |  | $("#Quyu2").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //refreshTable() | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //点击托盘条码下拉框事件 | 
|---|
|  |  |  | $("#selectPalletNo").click(function () { | 
|---|
|  |  |  | if ($("#OutNo").val() == "") { | 
|---|
|  |  |  | layer.msg('请先选择出库单', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var input = $('select[id="PalletNo"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | updatePalletNoList(function (data) { | 
|---|
|  |  |  | $('select[id="PalletNo"]').next().addClass('layui-form-selected') | 
|---|
|  |  |  | $('select[id="PalletNo"]').next().find('.layui-select-title input').val(val) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 绑定出库单下托盘条码信息 */ | 
|---|
|  |  |  | function updatePalletNoList(callback) { | 
|---|
|  |  |  | var input = $('select[id="PalletNo"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | $("#PalletNo").empty() | 
|---|
|  |  |  | $("#PalletNo").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | soNo: $("#OutNo").val() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetPalletNoListBySoNo", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | for (var i = 0; i < res.data.length; i++) { | 
|---|
|  |  |  | $("#PalletNo").append('<option value =' + res.data[i] + '>' + res.data[i] + | 
|---|
|  |  |  | '</option>'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (!val) { | 
|---|
|  |  |  | $('#PalletNo').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | var sel = 'dd[lay-value=' + val + ']'; | 
|---|
|  |  |  | $('#PalletNo').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this') | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | callback(res.data) | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | // layer.msg(res.msg, { | 
|---|
|  |  |  | //    icon: 2, | 
|---|
|  |  |  | //    time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | // }, function() {}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //选中托盘事件 | 
|---|
|  |  |  | form.on('select(getPalletNo)', function (data) { | 
|---|
|  |  |  | refreshTable() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#Quyu2").empty() | 
|---|
|  |  |  | $("#Quyu2").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //点击目标区域下拉框事件 | 
|---|
|  |  |  | $("#selectQuyu2").click(function () { | 
|---|
|  |  |  | // if ($("#PalletNo").val() == "") { | 
|---|
|  |  |  | //     layer.msg('请先选择托盘条码', { | 
|---|
|  |  |  | //         icon: 2, | 
|---|
|  |  |  | //         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | //     }); | 
|---|
|  |  |  | //     return | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | var input = $('select[id="Quyu2"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | //先更新一下目标区域 | 
|---|
|  |  |  | updateQuyuList2(function (data) { | 
|---|
|  |  |  | $('select[id="Quyu2"]').next().addClass('layui-form-selected') | 
|---|
|  |  |  | $('select[id="Quyu2"]').next().find('.layui-select-title input').val(val) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 绑定目标区域信息 */ | 
|---|
|  |  |  | function updateQuyuList2(callback) { | 
|---|
|  |  |  | var input = $('select[id="Quyu2"]').next().find('.layui-select-title input') | 
|---|
|  |  |  | var val = input.val() | 
|---|
|  |  |  | $("#Quyu2").empty() | 
|---|
|  |  |  | $("#Quyu2").append('<option value =>' + '</option>'); | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | "PalletNo": $("#PalletNo").val() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetStorageArea", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | for (var i = 0; i < res.data.length; i++) { | 
|---|
|  |  |  | $("#Quyu2").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i] | 
|---|
|  |  |  | .AreaNo + '-' + res.data[i].AreaName + | 
|---|
|  |  |  | '</option>'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | form.render('select'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (!val) { | 
|---|
|  |  |  | $('#Quyu2').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | var sel = 'dd[lay-value=' + val + ']'; | 
|---|
|  |  |  | $('#Quyu2').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this') | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | callback(res.data) | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //呼叫小车事件 | 
|---|
|  |  |  | form.on('submit(formCall)', function (data) { | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | if ($("#STOCKCODE").val() == "") { | 
|---|
|  |  |  | layer.msg('请扫描托盘条码', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#LocatNo").val() == "") { | 
|---|
|  |  |  | layer.msg('请扫描正确的托盘条码', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#Quyu").val() != "" && $("#Ruku").val() != "") { | 
|---|
|  |  |  | layer.msg('目标区域和入库口不能同时选择', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | PalletNo: $("#STOCKCODE").val(), | 
|---|
|  |  |  | AreaNo: $("#Quyu").val(), | 
|---|
|  |  |  | Ruku: $("#Ruku").val() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //呼叫小车 | 
|---|
|  |  |  | sendData(IP + "/PdaCr/AgvTransport", param, 'post', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 1, | 
|---|
|  |  |  | time: 1000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { | 
|---|
|  |  |  | //回调 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  | if ($("#OutNo").val() == "") { | 
|---|
|  |  |  | layer.msg('请选择出库单', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // if ($("#PalletNo").val() == "") { | 
|---|
|  |  |  | //     layer.msg('请扫描托盘条码', { | 
|---|
|  |  |  | //         icon: 2, | 
|---|
|  |  |  | //         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | //     }); | 
|---|
|  |  |  | //     return; | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | if ($("#Quyu2").val() == "") { | 
|---|
|  |  |  | layer.msg('请选择目标区域', { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | SoNo: $("#OutNo").val(), //出库单据 | 
|---|
|  |  |  | PalletNo: $("#PalletNo").val(), //托盘条码 | 
|---|
|  |  |  | AreaNo: $("#Quyu2").val()//目标区域 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //呼叫小车 | 
|---|
|  |  |  | sendData(IP + "/PdaCr/AgvTransport2", param, 'post', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 1, | 
|---|
|  |  |  | time: 1000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg(res.msg, { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { | 
|---|
|  |  |  | //回调 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 渲染箱码信息 | 
|---|
|  |  |  | function refreshTable() { | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | //先清空一下箱子列表 | 
|---|
|  |  |  | let trs = $("#tableBoxList tr") | 
|---|
|  |  |  | let len = trs.length | 
|---|
|  |  |  |  | 
|---|
|  |  |  | for (i = len - 1; i >= 2; i--) { | 
|---|
|  |  |  | trs[i].remove(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#STOCKCODE").val() == '') { | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | PalletNo: $("#STOCKCODE").val(), | 
|---|
|  |  |  | IsHuiKu: 1 | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | //  根据托盘号获取箱码信息 | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetSkuInfoByPalletNo", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | var list = res | 
|---|
|  |  |  | var arrTrs = new Array() | 
|---|
|  |  |  | let idx = 0 | 
|---|
|  |  |  | for (var i in res.data) { | 
|---|
|  |  |  | var tr = $("#boxCell").eq(0).clone(); | 
|---|
|  |  |  | tr.appendTo("#tableBoxList"); | 
|---|
|  |  |  | tr.attr('id', res.data[i].Id) | 
|---|
|  |  |  | tr.attr('boxno', res.data[i].BoxNo) | 
|---|
|  |  |  | tr.attr('BindNo', res.data[i].BindNo) | 
|---|
|  |  |  | idx++; | 
|---|
|  |  |  | tr.attr('index', idx) | 
|---|
|  |  |  | tr.find("td[name='code']").html(res.data[i].BoxNo); | 
|---|
|  |  |  | tr.find("td[name='name']").html(res.data[i].SkuName); | 
|---|
|  |  |  | tr.find("td[name='lotNo']").html(res.data[i].LotNo); | 
|---|
|  |  |  | tr.find("td[name='num']").html(res.data[i].Qty); | 
|---|
|  |  |  | tr.show(); | 
|---|
|  |  |  | arrTrs[i] = tr | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg("无数据", { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { }); | 
|---|
|  |  |  | $("#boxNum").val(0) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  | //先清空一下箱子列表 | 
|---|
|  |  |  | let trs = $("#tableBoxList1 tr") | 
|---|
|  |  |  | let len = trs.length | 
|---|
|  |  |  |  | 
|---|
|  |  |  | for (i = len - 1; i >= 2; i--) { | 
|---|
|  |  |  | trs[i].remove(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if ($("#PalletNo").val() == '') { | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var param = { | 
|---|
|  |  |  | PalletNo: $("#PalletNo").val() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | //  根据托盘号获取箱码信息 | 
|---|
|  |  |  | sendData(IP + "/PdaCr/GetSkuInfoByPalletNo", param, 'get', function (res) { | 
|---|
|  |  |  | if (res.code == 0) { //成功 | 
|---|
|  |  |  | var list = res | 
|---|
|  |  |  | var arrTrs = new Array() | 
|---|
|  |  |  | let idx = 0 | 
|---|
|  |  |  | for (var i in res.data) { | 
|---|
|  |  |  | var tr = $("#boxCell").eq(0).clone(); | 
|---|
|  |  |  | tr.appendTo("#tableBoxList1"); | 
|---|
|  |  |  | tr.attr('id', res.data[i].Id) | 
|---|
|  |  |  | tr.attr('boxno', res.data[i].BoxNo) | 
|---|
|  |  |  | tr.attr('BindNo', res.data[i].BindNo) | 
|---|
|  |  |  | idx++; | 
|---|
|  |  |  | tr.attr('index', idx) | 
|---|
|  |  |  | tr.find("td[name='code']").html(res.data[i].SkuNo); | 
|---|
|  |  |  | tr.find("td[name='name']").html(res.data[i].SkuName); | 
|---|
|  |  |  | tr.find("td[name='lotNo']").html(res.data[i].LotNo); | 
|---|
|  |  |  | tr.find("td[name='num']").html(res.data[i].Qty); | 
|---|
|  |  |  | tr.show(); | 
|---|
|  |  |  | arrTrs[i] = tr | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //设置分页 | 
|---|
|  |  |  | setPages(1, list.length) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } else { //不成功 | 
|---|
|  |  |  | layer.msg("无数据", { | 
|---|
|  |  |  | icon: 2, | 
|---|
|  |  |  | time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|---|
|  |  |  | }, function () { }); | 
|---|
|  |  |  | $("#boxNum").val(0) | 
|---|
|  |  |  | setPages(1, 0) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /* 分页 */ | 
|---|
|  |  |  | //设置分页 | 
|---|
|  |  |  | function setPages(pageIndex, boxNum) { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | if (boxNum <= 0) { | 
|---|
|  |  |  | //列表为空,隐藏分页页码 | 
|---|
|  |  |  | $("#tableBoxPages").hide() | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = Math.floor(boxNum / 10); | 
|---|
|  |  |  | if (boxNum % 10 > 0) { | 
|---|
|  |  |  | pageNum += 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //console.log("pageNum is " + pageNum) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#tableBoxPages").find("tr").remove() | 
|---|
|  |  |  | let table = $("#tableBoxPages") | 
|---|
|  |  |  | $("<tr></tr>").appendTo("#tableBoxPages") | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // let newTr = table.append("<tr></tr>") | 
|---|
|  |  |  | // newTr.append("<td class='page-prev'>上一页</td>") | 
|---|
|  |  |  | $("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages tr") | 
|---|
|  |  |  | $("#tableBoxPages tr").eq(0).find("td[id^='prevPage']").click(function () { | 
|---|
|  |  |  | onClickPrevPage() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | for (i = 1; i < pageNum + 1; i++) { | 
|---|
|  |  |  | // newTr.append("<td class='page-num'>"+ i +"</td>") | 
|---|
|  |  |  | $("<td class='page-num'>" + i + "</td>").appendTo("#tableBoxPages tr") | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // newTr.append("<td class='page-next'>下一页</td>") | 
|---|
|  |  |  | $("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages tr") | 
|---|
|  |  |  | $("#tableBoxPages tr").eq(0).find("td[id^='nextPage']").click(function () { | 
|---|
|  |  |  | onClickNextPage() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | // pages.show() | 
|---|
|  |  |  | $("#tableBoxPages").show() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | setCurPage(1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  | if (boxNum <= 0) { | 
|---|
|  |  |  | //列表为空,隐藏分页页码 | 
|---|
|  |  |  | $("#tableBoxPages1").hide() | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = Math.floor(boxNum / 10); | 
|---|
|  |  |  | if (boxNum % 10 > 0) { | 
|---|
|  |  |  | pageNum += 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //console.log("pageNum is " + pageNum) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#tableBoxPages1").find("tr").remove() | 
|---|
|  |  |  | let table = $("#tableBoxPages1") | 
|---|
|  |  |  | $("<tr></tr>").appendTo("#tableBoxPages1") | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // let newTr = table.append("<tr></tr>") | 
|---|
|  |  |  | // newTr.append("<td class='page-prev'>上一页</td>") | 
|---|
|  |  |  | $("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages1 tr") | 
|---|
|  |  |  | $("#tableBoxPages1 tr").eq(0).find("td[id^='prevPage']").click(function () { | 
|---|
|  |  |  | onClickPrevPage() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | for (i = 1; i < pageNum + 1; i++) { | 
|---|
|  |  |  | // newTr.append("<td class='page-num'>"+ i +"</td>") | 
|---|
|  |  |  | $("<td class='page-num'>" + i + "</td>").appendTo("#tableBoxPages1 tr") | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // newTr.append("<td class='page-next'>下一页</td>") | 
|---|
|  |  |  | $("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages1 tr") | 
|---|
|  |  |  | $("#tableBoxPages1 tr").eq(0).find("td[id^='nextPage']").click(function () { | 
|---|
|  |  |  | onClickNextPage() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | // pages.show() | 
|---|
|  |  |  | $("#tableBoxPages1").show() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | setCurPage(1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //设置当前分页 | 
|---|
|  |  |  | function setCurPage(pageIndex) { | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | let totalTrNum = $("#tableBoxList tr").length | 
|---|
|  |  |  | if (totalTrNum <= 2) { | 
|---|
|  |  |  | //console.log("tableBoxList 为空 totalTrNum: " + totalTrNum) | 
|---|
|  |  |  | //curPageIndex = 1 | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = getBoxPageNum() | 
|---|
|  |  |  | if (pageIndex > pageNum) { | 
|---|
|  |  |  | //console.log("设置的页码超出页数, pageIndex : " + pageIndex) | 
|---|
|  |  |  | //curPageIndex = 1 | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let startIndex = (pageIndex - 1) * 10 + 1 | 
|---|
|  |  |  | let n = totalTrNum - startIndex | 
|---|
|  |  |  | let endIndex = 0 | 
|---|
|  |  |  | if (n > 9) { | 
|---|
|  |  |  | endIndex = startIndex + 9 | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | endIndex = startIndex + n | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let trs = $("#tableBoxList tr") | 
|---|
|  |  |  | //console.log("行数 "+trs.length) | 
|---|
|  |  |  | let d = 0 | 
|---|
|  |  |  | for (let i = 2; i < trs.length; i++) { | 
|---|
|  |  |  | //console.log("行索引 " + trs.eq(i).attr('index')) | 
|---|
|  |  |  | let t = trs.eq(i) | 
|---|
|  |  |  | d = t.attr('index') | 
|---|
|  |  |  | if (d >= startIndex && d <= endIndex) { | 
|---|
|  |  |  | //console.log("需要显示") | 
|---|
|  |  |  | //显示行 | 
|---|
|  |  |  | t.show() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | //隐藏行 | 
|---|
|  |  |  | t.hide() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | curPageIndex = pageIndex | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let ptr = $("#tableBoxPages tr") | 
|---|
|  |  |  | for (let i = 1; i < pageNum + 1; i++) { | 
|---|
|  |  |  | ptr.eq(0).find("td").eq(i).removeClass("page-num-select") | 
|---|
|  |  |  | if (i == curPageIndex) { | 
|---|
|  |  |  | ptr.eq(0).find("td").eq(i).addClass("page-num-select") | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  | let totalTrNum = $("#tableBoxList1 tr").length | 
|---|
|  |  |  | if (totalTrNum <= 2) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = getBoxPageNum() | 
|---|
|  |  |  | if (pageIndex > pageNum) { | 
|---|
|  |  |  | //console.log("设置的页码超出页数, pageIndex : " + pageIndex) | 
|---|
|  |  |  | //curPageIndex = 1 | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let startIndex = (pageIndex - 1) * 10 + 1 | 
|---|
|  |  |  | let n = totalTrNum - startIndex | 
|---|
|  |  |  | let endIndex = 0 | 
|---|
|  |  |  | if (n > 9) { | 
|---|
|  |  |  | endIndex = startIndex + 9 | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | endIndex = startIndex + n | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let trs = $("#tableBoxList1 tr") | 
|---|
|  |  |  | //console.log("行数 "+trs.length) | 
|---|
|  |  |  | let d = 0 | 
|---|
|  |  |  | for (let i = 2; i < trs.length; i++) { | 
|---|
|  |  |  | //console.log("行索引 " + trs.eq(i).attr('index')) | 
|---|
|  |  |  | let t = trs.eq(i) | 
|---|
|  |  |  | d = t.attr('index') | 
|---|
|  |  |  | if (d >= startIndex && d <= endIndex) { | 
|---|
|  |  |  | //console.log("需要显示") | 
|---|
|  |  |  | //显示行 | 
|---|
|  |  |  | t.show() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | //隐藏行 | 
|---|
|  |  |  | t.hide() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | curPageIndex = pageIndex | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let ptr = $("#tableBoxPages1 tr") | 
|---|
|  |  |  | for (let i = 1; i < pageNum + 1; i++) { | 
|---|
|  |  |  | ptr.eq(0).find("td").eq(i).removeClass("page-num-select") | 
|---|
|  |  |  | if (i == curPageIndex) { | 
|---|
|  |  |  | ptr.eq(0).find("td").eq(i).addClass("page-num-select") | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function getBoxPageNum() { | 
|---|
|  |  |  | if (xianshiyemian == 0) { | 
|---|
|  |  |  | let num = $("#tableBoxList tr").length | 
|---|
|  |  |  | if (num <= 2) { | 
|---|
|  |  |  | return 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = Math.floor(num / 10); | 
|---|
|  |  |  | if (num % 10 > 0) { | 
|---|
|  |  |  | pageNum += 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return pageNum | 
|---|
|  |  |  | } | 
|---|
|  |  |  | else if (xianshiyemian == 1) { | 
|---|
|  |  |  | let num = $("#tableBoxList1 tr").length | 
|---|
|  |  |  | if (num <= 2) { | 
|---|
|  |  |  | return 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let pageNum = Math.floor(num / 10); | 
|---|
|  |  |  | if (num % 10 > 0) { | 
|---|
|  |  |  | pageNum += 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return pageNum | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function onClickPrevPage() { | 
|---|
|  |  |  | //console.log("上一页按钮被点击") | 
|---|
|  |  |  | if (curPageIndex == 1) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | setCurPage(curPageIndex - 1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function onClickNextPage() { | 
|---|
|  |  |  | //console.log("下一页按钮被点击") | 
|---|
|  |  |  | let n = getBoxPageNum() | 
|---|
|  |  |  | if (curPageIndex == n) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | setCurPage(curPageIndex + 1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /*——————————————————————————————————————————————————————————*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#menuImg").click(function (e) { | 
|---|
|  |  |  | //console.log("menuImg") | 
|---|
|  |  |  | e.stopPropagation() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if ($("#menuList").is(":hidden")) { | 
|---|
|  |  |  | $("#menuList").show() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $("#menuList").hide() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $('body').click(function () { | 
|---|
|  |  |  | // //console.log("body") | 
|---|
|  |  |  | $("#menuList").hide() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </html> | 
|---|