| | |
| | | .layui-form-switch { |
| | | margin-top: 0; |
| | | } |
| | | 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" /> |
| | | </head> |
| | |
| | | </ul> |
| | | </div> |
| | | |
| | | <div id="" class="layout-bill-info"> |
| | | <form class="layui-form" action="" style="height: auto;"> |
| | | <ul> |
| | | <li id="option1">标签</li> |
| | | <li id="option2">数量</li> |
| | | </ul> |
| | | |
| | | <div id="layout-bill" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">出库单:</label> |
| | | <div class="layui-input-block" id="selectDiv"> |
| | | <select id="bar" lay-filter="getbar" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <div id="layout-skuLotNo" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">物料 - 批次:</label> |
| | | <div class="layui-input-block"> |
| | | <select id="skuLotNo" lay-filter="getSkuLotNo" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layout-tab-page"> |
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%;">计划数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="planQty" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%">完成数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="finishQty" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <br /> |
| | | |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 34%;">出库口:</label> |
| | | <div class="layui-input-block" style="width: 66%;margin-left:34%;"> |
| | | <input id="outModel" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td colspan="3"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 17%;">规格:</label> |
| | | <div class="layui-input-block" style="width: 83%;margin-left:17%;"> |
| | | <input id="standard" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <!-- 有码 --> |
| | | <div id="content1"> |
| | | |
| | | <div id="" class="layout-bill-info"> |
| | | <form class="layui-form" action="" style="height: auto;"> |
| | | |
| | | <div id="layout-pallet" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label lableWidth">托盘条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="palletNo" type="text" lay-verify="stock" placeholder="请扫描托盘条码" autocomplete="off" |
| | | class="layui-input" style="height:24px"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>是否整托出库:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="checkbox" name="IsZhengTuo" id="IsZhengTuo" lay-skin="switch" lay-text="是|否" |
| | | lay-filter="IsZhengTuo"> |
| | | </div> |
| | | </div> |
| | | <div id="BoxDIv" class="layout-tab-page"> |
| | | <table class="layout-tab-content" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input"> |
| | | <label class="layui-form-label lableWidth">外箱条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo" type="text" placeholder="请扫描外箱条码" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <!-- <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input" style="margin-top: 6px;"> |
| | | <label class="layui-form-label lableWidth">内箱条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo2" type="text" placeholder="请扫描外箱条码" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> --> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input" style="margin-top: 6px;"> |
| | | <label class="layui-form-label lableWidth">追溯条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo3" type="text" lang langholder placeholder="请扫描追溯条码" |
| | | autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div id="" class="layout-tab-page"> |
| | | <table class="layout-tab-content" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label lableWidth">待拣数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="pickQty" type="text" lay-verify="" disabled |
| | | placeholder="" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label lableWidth">已拣数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="pickedQty" type="text" lay-verify="" disabled |
| | | placeholder="" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <!-- <td> |
| | | <div class="layui-form-item "> |
| | | <label class="layui-form-label lableWidth">箱内数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxQty" class="layui-input" style="border: 0;" |
| | | type="text" lay-verify="" disabled placeholder=""> |
| | | </div> |
| | | </div> |
| | | </td> --> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <table class="layout-tab-content"> |
| | | <tr> |
| | | <td style="width: 33%;"></td> |
| | | <td> |
| | | <button class="layout-btn layout-btn-red" lang type="button" lay-submit |
| | | lay-filter="formPickScatter">拣货</button> |
| | | </td> |
| | | <td style="width: 33%;"></td> |
| | | <!-- <td> |
| | | <div id="layout-qty" class="layui-form-item out-scatter-num" style="margin-top: 15px;"> |
| | | <label class="layui-form-label lableWidth" >拣货数量:</label> |
| | | <div id="" class="local-input"> |
| | | <div class="layui-input-block"> |
| | | <input id="qty" type="number" placeholder="请输入拣货数量" |
| | | autocomplete="off" class="layui-input" style="padding-left:0.1rem;" |
| | | oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="local-ok"> |
| | | <button type="button" lay-submit lay-filter="formPickScatter">确认</button> |
| | | </div> |
| | | </div> |
| | | </td> --> |
| | | </tr> |
| | | </table> |
| | | <div id="" style="text-align: right;margin-top: 10px;"> |
| | | <div id="" class="cut-line"> |
| | | <img src="/assets/fengexian.png"> |
| | | <div id="layout-bill" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">出库单:</label> |
| | | <div class="layui-input-block" id="selectDiv"> |
| | | <select id="bar" lay-filter="getbar" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div id="layout-skuLotNo" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">物料 - 批次:</label> |
| | | <div class="layui-input-block"> |
| | | <select id="skuLotNo" lay-filter="getSkuLotNo" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layout-tab-page"> |
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%;">计划数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="planQty" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%">完成数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="finishQty" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | </form> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 34%;">出库口:</label> |
| | | <div class="layui-input-block" style="width: 66%;margin-left:34%;"> |
| | | <input id="outModel" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td colspan="3"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 17%;">规格:</label> |
| | | <div class="layui-input-block" style="width: 83%;margin-left:17%;"> |
| | | <input id="standard" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | |
| | | <div id="layout-pallet" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label lableWidth">托盘条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="palletNo" type="text" lay-verify="stock" placeholder="请扫描托盘条码" autocomplete="off" |
| | | class="layui-input" style="height:24px"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>是否整托出库:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="checkbox" name="IsZhengTuo" id="IsZhengTuo" lay-skin="switch" lay-text="是|否" |
| | | lay-filter="IsZhengTuo"> |
| | | </div> |
| | | </div> |
| | | <div id="BoxDIv" class="layout-tab-page"> |
| | | <table class="layout-tab-content" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input"> |
| | | <label class="layui-form-label lableWidth">外箱条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo" type="text" placeholder="请扫描外箱条码" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <!-- <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input" style="margin-top: 6px;"> |
| | | <label class="layui-form-label lableWidth">内箱条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo2" type="text" placeholder="请扫描外箱条码" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> --> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item layout-input" style="margin-top: 6px;"> |
| | | <label class="layui-form-label lableWidth">追溯条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxNo3" type="text" lang langholder placeholder="请扫描追溯条码" |
| | | autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div id="" class="layout-tab-page"> |
| | | <table class="layout-tab-content" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label lableWidth">待拣数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="pickQty" type="text" lay-verify="" disabled |
| | | placeholder="" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label lableWidth">已拣数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="pickedQty" type="text" lay-verify="" disabled |
| | | placeholder="" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <!-- <td> |
| | | <div class="layui-form-item "> |
| | | <label class="layui-form-label lableWidth">箱内数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="boxQty" class="layui-input" style="border: 0;" |
| | | type="text" lay-verify="" disabled placeholder=""> |
| | | </div> |
| | | </div> |
| | | </td> --> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <table class="layout-tab-content"> |
| | | <tr> |
| | | <td style="width: 33%;"></td> |
| | | <td> |
| | | <button class="layout-btn layout-btn-red" lang type="button" lay-submit |
| | | lay-filter="formPickScatter">拣货</button> |
| | | </td> |
| | | <td style="width: 33%;"></td> |
| | | <!-- <td> |
| | | <div id="layout-qty" class="layui-form-item out-scatter-num" style="margin-top: 15px;"> |
| | | <label class="layui-form-label lableWidth" >拣货数量:</label> |
| | | <div id="" class="local-input"> |
| | | <div class="layui-input-block"> |
| | | <input id="qty" type="number" placeholder="请输入拣货数量" |
| | | autocomplete="off" class="layui-input" style="padding-left:0.1rem;" |
| | | oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="local-ok"> |
| | | <button type="button" lay-submit lay-filter="formPickScatter">确认</button> |
| | | </div> |
| | | </div> |
| | | </td> --> |
| | | </tr> |
| | | </table> |
| | | <div id="" style="text-align: right;margin-top: 10px;"> |
| | | <div id="" class="cut-line"> |
| | | <img src="/assets/fengexian.png"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </form> |
| | | </div> |
| | | |
| | | <div class="layout-tbl-paging" id=""> |
| | | <table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding=""> |
| | | <tr id="tableHead"> |
| | | <th style="width: 54%;">容器编码</th> |
| | | <th style="width: 20%;">箱内<br>数量</th> |
| | | <th style="width: 20%;">已拣<br>数量</th> |
| | | <!-- <th style="width: 14%;">已拣<br>数量</th> --> |
| | | <!-- <th style="width: 8%;">拣货</th> --> |
| | | </tr> |
| | | <tr id="boxCell" style="display: none;"> |
| | | <td name="boxNo">AG000001</td> |
| | | <td name="qty">30</td> |
| | | <td name="pickedQty">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="" class="layout-bill-info"> |
| | | <form class="layui-form" action="" style="height: auto;"> |
| | | |
| | | <div id="layout-bill2" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">出库单:</label> |
| | | <div class="layui-input-block" id="selectDiv2"> |
| | | <select id="bar2" lay-filter="getbar2" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <div id="layout-skuLotNo2" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label lableWidth">物料 - 批次:</label> |
| | | <div class="layui-input-block"> |
| | | <select id="skuLotNo2" lay-filter="getSkuLotNo2" lay-search> |
| | | <option value=""></option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layout-tab-page"> |
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%;">计划数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="planQty2" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | <td> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 50%">完成数量:</label> |
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
| | | <input id="finishQty2" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td colspan="3"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 17%;">规格:</label> |
| | | <div class="layui-input-block" style="width: 83%;margin-left:17%;"> |
| | | <input id="standard2" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | |
| | | <div id="layout-pallet" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label lableWidth">托盘条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="palletNo2" type="text" lay-verify="stock" placeholder="请扫描托盘条码" autocomplete="off" |
| | | class="layui-input" style="height:24px"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item layout-input" style="display: flex; justify-content: space-between;"> |
| | | <div style="width: 48%;"> |
| | | <label class="layui-form-label" style="width: 34%;">出库口:</label> |
| | | <div class="layui-input-block" style="width: 66%;margin-left:34%;"> |
| | | <input id="outModel2" type="text" lay-verify="" disabled placeholder="" |
| | | class="layui-input" > <!-- style="border: 0px;" --> |
| | | </div> |
| | | </div> |
| | | <div style="width: 48%;"> |
| | | <label class="layui-form-label" style="width: 70px;">已拣数量:</label> |
| | | <div class="layui-input-block" style="width: 120px; margin-left:70px;"> |
| | | <input id="pickedQty2" type="text" lay-verify="" disabled |
| | | placeholder="" class="layui-input" > |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="" class="layout-tab-page"> |
| | | |
| | | <table class="layout-tab-content"> |
| | | <tr> |
| | | <td> |
| | | <div id="layout-qty" class="layui-form-item out-scatter-num" > |
| | | <label class="layui-form-label lableWidth" >拣货数量:</label> |
| | | <div id="" class="local-input"> |
| | | <div class="layui-input-block"> |
| | | <input id="pickQty2" type="number" placeholder="请输入拣货数量" |
| | | autocomplete="off" class="layui-input" style="padding-left:0.1rem;" |
| | | oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="local-ok"> |
| | | <button type="button" lay-submit lay-filter="formPickScatter2">确认</button> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <div id="" style="text-align: right;margin-top: 10px;"> |
| | | <div id="" class="cut-line"> |
| | | <img src="/assets/fengexian.png"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </form> |
| | | </div> |
| | | |
| | | <div class="layout-tbl-paging" id=""> |
| | | <table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding=""> |
| | | <tr id="tableHead"> |
| | | <th style="width: 54%;">物料编码</th> |
| | | <th style="width: 20%;">托内<br>数量</th> |
| | | <th style="width: 20%;">已拣<br>数量</th> |
| | | <!-- <th style="width: 14%;">已拣<br>数量</th> --> |
| | | <!-- <th style="width: 8%;">拣货</th> --> |
| | | </tr> |
| | | <tr id="boxCell2" style="display: none;"> |
| | | <td name="SkuNo2">AG000001</td> |
| | | <td name="qty2">30</td> |
| | | <td name="pickedQty2">30</td> |
| | | </tr> |
| | | </table> |
| | | |
| | | <!-- 分页 --> |
| | | <table id="tableBoxPages2" 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 class="layout-tbl-paging" id=""> |
| | | <table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding=""> |
| | | <tr id="tableHead"> |
| | | <th style="width: 54%;">容器编码</th> |
| | | <th style="width: 20%;">箱内<br>数量</th> |
| | | <th style="width: 20%;">已拣<br>数量</th> |
| | | <!-- <th style="width: 14%;">已拣<br>数量</th> --> |
| | | <!-- <th style="width: 8%;">拣货</th> --> |
| | | </tr> |
| | | <tr id="boxCell" style="display: none;"> |
| | | <td name="boxNo">AG000001</td> |
| | | <td name="qty">30</td> |
| | | <td name="pickedQty">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> |
| | |
| | | <script> |
| | | layui.use(['form', 'jquery'], function () { |
| | | var form = layui.form; |
| | | |
| | | /* 标签切换代码 */ |
| | | |
| | | var xianshiyemian = 0; |
| | | |
| | | $('#option1').attr("style", "background-color: aqua;width: 45.77%;float: left;text-align: center;"); //选中后颜色 |
| | | $('#option2').attr("style", "background-color: #999;width: 45.77%;float: right;text-align: center;"); //默认颜色 |
| | | $('#content2').hide(); |
| | | $(document).ready(function () { |
| | | $('#option1').click(function () { |
| | | // qingkong(); |
| | | xianshiyemian = 0; |
| | | $('#content1').show(); |
| | | $('#option1').attr("style", "background-color: aqua;width: 45.77%;float: left;text-align: center;"); //选中后颜色 |
| | | |
| | | $('#content2').hide(); |
| | | $('#option2').attr("style", "background-color: #999;width: 45.77%;float: right;text-align: center;"); //默认颜色 |
| | | $("#palletNo").focus();//光标默认选中 |
| | | }); |
| | | |
| | | $('#option2').click(function () { |
| | | // qingkong(); |
| | | xianshiyemian = 1; |
| | | $('#content1').hide(); |
| | | $('#option1').attr("style", "background-color: #999;width: 45.77%;float: left;text-align: center;"); //默认颜色 |
| | | |
| | | $('#content2').show(); |
| | | $('#option2').attr("style", "background-color: aqua;width: 45.77%;float: right;text-align: center;"); //选中后颜色 |
| | | $("#palletNo2").focus();//光标默认选中 |
| | | }); |
| | | }); |
| | | |
| | | |
| | | //当前分页 |
| | | var curPageIndex = 1 |
| | |
| | | setCurPage(1) |
| | | } |
| | | |
| | | //设置当前分页 |
| | | function setCurPage(pageIndex){ |
| | | 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 |
| | | //设置当前分页 |
| | | function setCurPage(pageIndex){ |
| | | 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 |
| | | } |
| | | //console.log("startIndex is "+startIndex) |
| | | //console.log("endIndex is "+endIndex) |
| | | //startIndex =2 |
| | | //endIndex = 2 |
| | | 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{ |
| | | endIndex = startIndex + n |
| | | //隐藏行 |
| | | t.hide() |
| | | } |
| | | //console.log("startIndex is "+startIndex) |
| | | //console.log("endIndex is "+endIndex) |
| | | //startIndex =2 |
| | | //endIndex = 2 |
| | | 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") |
| | | } |
| | | } |
| | | //console.log("totalTrNum is " + totalTrNum) |
| | | } |
| | | |
| | | function onClickPrevPage(){ |
| | | //console.log("上一页按钮被点击") |
| | | if(curPageIndex == 1){ |
| | | return |
| | | 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") |
| | | } |
| | | setCurPage(curPageIndex - 1) |
| | | } |
| | | //console.log("totalTrNum is " + totalTrNum) |
| | | } |
| | | |
| | | 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) |
| | | } |
| | | |
| | | function getBoxPageNum() |
| | | { |
| | | let num = $("#tableBoxList tr").length |
| | | if(num <= 2 ){ |
| | | return 0 |
| | | } |
| | | |
| | | function onClickNextPage(){ |
| | | //console.log("下一页按钮被点击") |
| | | let n = getBoxPageNum() |
| | | if(curPageIndex == n){ |
| | | return |
| | | } |
| | | setCurPage(curPageIndex + 1) |
| | | let pageNum = Math.floor(num / 10); |
| | | if(num % 10 > 0){ |
| | | pageNum += 1; |
| | | } |
| | | |
| | | function getBoxPageNum() |
| | | { |
| | | let num = $("#tableBoxList tr").length |
| | | if(num <= 2 ){ |
| | | return 0 |
| | | } |
| | | |
| | | let pageNum = Math.floor(num / 10); |
| | | if(num % 10 > 0){ |
| | | pageNum += 1; |
| | | } |
| | | |
| | | return pageNum |
| | | |
| | | return pageNum |
| | | } |
| | | |
| | | |
| | | //数量标签------------------------------------------------------------------------------- |
| | | |
| | | function clear21() { |
| | | $('#outModel2').val("");//出库口 |
| | | $('#standard2').val("");//规格 |
| | | |
| | | $('#pickQty2').val("");//待拣数量 |
| | | $('#pickedQty2').val("");//已拣数量 |
| | | } |
| | | function clear22() { |
| | | //物料批次 |
| | | $("#skuLotNo2").empty() |
| | | $("#skuLotNo2").append('<option value =>' + '</option>'); |
| | | form.render('select'); |
| | | } |
| | | function clear23() { |
| | | $("#planQty2").val(""); //计划数量 |
| | | $("#finishQty2").val("");//完成数量 |
| | | } |
| | | function clear24() { |
| | | $('#boxNo2').val("");//箱码 |
| | | $('#boxQty2').val("");//箱内数量 |
| | | } |
| | | |
| | | |
| | | //当托盘条码输入框文本改变时,检查一下托盘状态 |
| | | $("#palletNo2").on('input', function () { |
| | | if ($("#palletNo2").val() == "" || $("#palletNo2").val().length < 8) { |
| | | return |
| | | } |
| | | if ($("#palletNo2").val().length >= 8) { |
| | | $("#palletNo2").val($("#palletNo2").val().substr(-8)) |
| | | } |
| | | checkPalletState2() |
| | | }) |
| | | //检查托盘状态 |
| | | function checkPalletState2() { |
| | | var param = { |
| | | "PalletNo": $("#palletNo2").val() |
| | | } |
| | | synData(IP + "/PdaSo/IsEnableOkPalletNo", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | updateBillList2(); |
| | | if ($('#bar').val() == "") { |
| | | clear21(); |
| | | return; |
| | | } else { |
| | | updateSkuLotNoList2(); |
| | | updateQtyList2(); |
| | | getBar2(); |
| | | GetBoxInfo(); |
| | | } |
| | | |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | //初始化渲染 出库单 |
| | | function updateBillList2() { |
| | | $("#bar2").empty() |
| | | $("#bar2").append('<option value =>' + '</option>'); |
| | | form.render('select'); |
| | | |
| | | var param = { |
| | | PalletNo: $("#palletNo2").val(), |
| | | }; |
| | | synData(IP + "/PdaSo/GetRunSoNoticeList", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | console.log(res.data); |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | if (i == 0) { |
| | | $("#bar2").append('<option value =' + res.data[i] + ' selected>' + res.data[i] + '</option>'); |
| | | } else { |
| | | $("#bar2").append('<option value =' + res.data[i] + '>' + res.data[i] + '</option>'); |
| | | } |
| | | } |
| | | form.render('select'); |
| | | |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //初始化渲染 物料-批次 |
| | | function updateSkuLotNoList2() { |
| | | clear22(); |
| | | var param = { |
| | | PalletNo: $("#palletNo2").val(), |
| | | SoNo: $("#bar2").val(), |
| | | }; |
| | | synData(IP + "/PdaSo/GetSoSkuLotNoListByPallet", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | if (i == 0) { |
| | | $("#skuLotNo2").append('<option value =' + res.data[i].SoDetailId + ' selected>' + res.data[i].SkuName + " - " + res.data[i].LotNo + '</option>'); |
| | | |
| | | } else { |
| | | $("#skuLotNo2").append('<option value =' + res.data[i].SoDetailId + '>' + res.data[i].SkuName + " - " + res.data[i].LotNo + '</option>'); |
| | | } |
| | | } |
| | | form.render('select'); |
| | | |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //初始化渲单据的计划数量和完成数量 |
| | | function updateQtyList2() { |
| | | clear23(); |
| | | var param = { |
| | | SoDetailId: $("#skuLotNo2").val(), |
| | | }; |
| | | synData(IP + "/PdaSo/GetPlanAndFinishQty", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | console.log(res.data); |
| | | $("#planQty2").val(res.data.PlanQty) |
| | | $("#finishQty2").val(res.data.FinishQty) |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //根据单据获取出库口、规格、待检数量、已拣数量 |
| | | function getBar2() { |
| | | clear21(); |
| | | |
| | | var param = { |
| | | PalletNo: $("#palletNo2").val(), |
| | | SoDetailId: $("#skuLotNo2").val(), |
| | | } |
| | | synData(IP + "/PdaSo/GetOutlets", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | let data = res.data |
| | | console.log(res.data); |
| | | $('#outModel2').val(res.data.OutModel); |
| | | $('#standard2').val(res.data.Standard); |
| | | |
| | | $('#pickQty2').val(res.data.PickQty); |
| | | $('#pickedQty2').val(res.data.PickedQty); |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | |
| | | } |
| | | |
| | | //获取托盘物料名细 |
| | | function GetBoxInfo() { |
| | | let param2 = { |
| | | "SoDetailId": $("#skuLotNo2").val(), |
| | | "PalletNo": $("#palletNo2").val(), |
| | | "BoxNo": $("#boxNo").val(), |
| | | "BoxNo3": $("#boxNo3").val(), |
| | | } |
| | | synData(IP + "/PdaSo/GetDataComBoxInfo", param2, 'post', function (res) { |
| | | if (res.code == 0) { |
| | | tableData = deepCopy(res.data) |
| | | |
| | | refreshTable(tableData) |
| | | } else { |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | }) |
| | | </script> |