From ac1ddbaf2c9ecded1545eb9950bf8b6941b4c13b Mon Sep 17 00:00:00 2001 From: Demo <Demo@DESKTOP-CPA90BF> Date: 星期二, 05 三月 2024 15:35:52 +0800 Subject: [PATCH] 修改PDA拣货 --- Pda/View/SoSetting/productOut.html | 976 ++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 684 insertions(+), 292 deletions(-) diff --git a/Pda/View/SoSetting/productOut.html b/Pda/View/SoSetting/productOut.html index 36c385b..dbc2b7b 100644 --- a/Pda/View/SoSetting/productOut.html +++ b/Pda/View/SoSetting/productOut.html @@ -135,6 +135,17 @@ .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> @@ -158,227 +169,386 @@ </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%;">鍑哄簱鍙o細</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">鎷h揣</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" >鎷h揣鏁伴噺锛�</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%;">鍑哄簱鍙o細</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">鎷h揣</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" >鎷h揣鏁伴噺锛�</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%;">鎷h揣</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%;">鍑哄簱鍙o細</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" >鎷h揣鏁伴噺锛�</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%;">鎷h揣</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%;">鎷h揣</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> @@ -392,6 +562,38 @@ <script> layui.use(['form', 'jquery'], function () { var form = layui.form; + + /* 鏍囩鍒囨崲浠g爜 */ + + 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 @@ -856,94 +1058,284 @@ 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 () { }); + } + }); + } + + //鏍规嵁鍗曟嵁鑾峰彇鍑哄簱鍙c�佽鏍笺�佸緟妫�鏁伴噺銆佸凡鎷f暟閲� + 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> -- Gitblit v1.8.0