From 8c17b1c6d6a21d999f39ddd1c614b2f5ed9a9b72 Mon Sep 17 00:00:00 2001
From: yuyou_x <2336760928@qq.com>
Date: 星期一, 11 三月 2024 13:29:11 +0800
Subject: [PATCH] Merge branch 'yyk'

---
 Pda/View/SoSetting/productOut.html | 1139 ++++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 847 insertions(+), 292 deletions(-)

diff --git a/Pda/View/SoSetting/productOut.html b/Pda/View/SoSetting/productOut.html
index 36c385b..e1326d7 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,399 @@
 				</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>
+			<button id="option1" class="layout-btn" type="button">鏍囩</button>
+            <button id="option2" class="layout-btn" type="button">鏁伴噺</button>
+            <br /><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>
+								<tr class="divPickQty1">
+									<td>
+										<div class="layui-form-item layout-input" style="margin-top: 6px;">
+											<label class="layui-form-label lableWidth">鎷h揣鏁伴噺锛�</label>
+											<div class="layui-input-block">
+												<input id="pickQty1" type="number" placeholder="璇疯緭鍏ユ嫞璐ф暟閲�"autocomplete="off" 
+													class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
+											</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: 49%;">
+								<label class="layui-form-label" style="width: 34%;">鍑哄簱鍙o細</label>
+								<div class="layui-input-block" style="width: 62%;margin-left:34%;">
+									<input id="outModel2" type="text" lay-verify="" disabled placeholder=""
+										class="layui-input" > <!-- style="border: 0px;" -->
+								</div>
+							</div>
+							<div style="width: 49%;">
+								<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="tableBoxList2" class="tbl-box-list" border="" cellspacing="" cellpadding="">
+						<tr id="tableHead2">
+							<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="SkuNo">AG000001</td> 
+							<td name="Qty">30</td>
+							<td name="pickedQty">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>
@@ -393,11 +576,44 @@
 		layui.use(['form', 'jquery'], function () {
 			var form = layui.form;
 
+			 /* 鏍囩鍒囨崲浠g爜 */
+
+			 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;"); //榛樿棰滆壊
+					$("#palletNo").focus();//鍏夋爣榛樿閫変腑
+				});
+
+				$('#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;"); //閫変腑鍚庨鑹�
+					$("#palletNo2").focus();//鍏夋爣榛樿閫変腑
+				});
+			});
+
+
 			//褰撳墠鍒嗛〉
 			var curPageIndex = 1
 			//鏄惁鏁存墭鎷h揣
 			var isContinue = "0";
 			var tableData = null
+			var tableData2 = null
 			var canPickBox = true
 			$("#palletNo").focus();//鍏夋爣榛樿閫変腑		
 
@@ -740,6 +956,20 @@
 						});
 						return;
 					}
+					if(($('#boxNo3').val() != "" && ($('#pickQty1').val() != "" || $('#pickQty1').val() != 0))){
+						layer.msg("杩芥函鏉$爜鍜屾嫞璐ф暟閲忎笉鑳藉悓鏃惰緭鍏ワ紒", {
+							icon: 2,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						});
+						return;
+					}
+					if($('#pickQty1').val() != "" && $('#pickQty1').val()>parseInt($('#pickQty').val())){
+						layer.msg("鎷h揣鏁伴噺涓嶈兘澶т簬寰呮嫞鏁伴噺锛�", {
+							icon: 2,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						});
+						return;
+					}
 				}				
 				// let boxQty = parseInt($('#boxQty').val())
 				// let qty = parseInt($('#qty').val()) 
@@ -773,6 +1003,7 @@
 					"PalletNo": $('#palletNo').val(),
 					"BoxNo": $('#boxNo').val(),
 					"BoxNo3": $('#boxNo3').val(),
+					"PickQty":$('#pickQty1').val()
 				}
 				sendData(IP + "/PdaSo/SoSetPick", param, 'post', function (res) {
 					//console.log(res);
@@ -856,94 +1087,418 @@
 					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();
+						console.log($('#bar2').val())
+						if ($('#bar2').val() == "") {
+							console.log(1)
+							clear21();
+							return;
+						} else {
+							console.log(2)
+							updateSkuLotNoList2();
+							updateQtyList2();
+							getBar2();
+							GetDataInfo();
+						}
+
+					} 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);
+									if(res.data[i].LotNo == null)
+									{
+										$("#skuLotNo2").append(" - " + res.data[i].LotNo);
+									}
+								$("#skuLotNo2").append('</option>');
+
+							} else {
+								$("#skuLotNo2").append('<option value =' + res.data[i].SoDetailId + '>' + res.data[i].SkuName);
+									if(res.data[i].LotNo == null)
+									{
+										$("#skuLotNo2").append(" - " + res.data[i].LotNo);
+									}
+								$("#skuLotNo2").append('</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 - res.data.PickedQty);
+						$('#pickedQty2').val(res.data.PickedQty);
+					} else { //涓嶆垚鍔�
+						layer.msg(res.msg, {
+							icon: 2,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						}, function () { });
+					}
+				});
+
+			}
+
+			//鑾峰彇鎵樼洏鐗╂枡鍚嶇粏
+			function GetDataInfo() { 
+				let param2 = {
+					"SoDetailId": $("#skuLotNo2").val(),
+					"PalletNo": $("#palletNo2").val(),
+				}
+				console.log(param2);
+				synData(IP + "/PdaSo/GetAllotPlnInfo", param2, 'post', function (res) {
+					if (res.code == 0) {
+						tableData2 = deepCopy(res.data)
+
+						refreshTable2(tableData2)
+					} else {
+						layer.msg(res.msg, {
+							icon: 2,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						}, function () { });
+					}
+				});
+			}
+
+			//娓叉煋琛ㄦ牸鏁版嵁				
+			function refreshTable2(list) {
+				//鍏堟竻绌轰竴涓嬩俊鎭垪琛�
+				let trs = $("#tableBoxList2 tr")
+				let len = trs.length
+				//console.log("tr 鏁伴噺 + " + trs.length)
+				for (i = len - 1; i >= 2; i--) {
+					trs[i].remove();
+				}
+
+				console.log(list != null);
+				console.log(list);
+				if (list != null && list.length > 0) { //鎴愬姛
+
+					var arrTrs = new Array()
+					let idx = 0
+					for (var i in list) {
+						// list[i].BoxCode
+						var tr = $("#boxCell2").eq(0).clone();
+						tr.appendTo("#tableBoxList2");
+						// tr.attr('id', list[i].BoxCode)
+						idx++;
+						tr.attr('index', idx)
+						// tr.find("td[name='skuNo']").attr('style', 'max-width:90px;');
+						// tr.find("td[name='skuName']").attr('style', 'max-width:120px;');
+						tr.find("td[name='SkuNo']").html(list[i].BoxNo); 
+						tr.find("td[name='Qty']").html(list[i].Qty);
+						tr.find("td[name='pickedQty']").html(list[i].PickedQty);
+
+						tr.show();
+						arrTrs[i] = tr
+					}
+					setPages(1, list.length)
+					canPickBox = true
+
+				} else { //涓嶆垚鍔�
+					layer.msg("鏃犳暟鎹�", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					}, function () { });
+					// $("#boxNum").val(0)
+					setPages(1, 0)
+				}
+			}
+
+			//鍗曟嫞璐э紙纭鎸夐挳锛�
+			form.on('submit(formPickScatter2)', function (data) {
+
+				if ($('#bar2').val() == "") {
+					layer.msg("璇烽�夋嫨鍑哄簱鍗�", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					}); return;
+				}
+				if ($('#skuLotNo2').val() == "") {
+					layer.msg("璇烽�夋嫨鐗╂枡-鎵规", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					}); return;
+				}
+				if ($('#palletNo2').val() == "") {
+					layer.msg("璇疯緭鍏ユ墭鐩樼爜", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					}); return;
+				}			
+				let pickedQty = parseInt($('#pickedQty2').val()) //宸叉嫞鏁伴噺
+				let pickQty = parseInt($('#pickQty2').val())  //鎷h揣鏁伴噺
+				if (pickQty <= 0) {
+					layer.msg("鎷h揣鏁伴噺闇�澶т簬0", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					});
+					return;
+				}
+
+				if (canPickBox == false) {
+
+					layer.msg("璇锋眰鏈畬鎴愶紝涓嶈閲嶅璇锋眰", {
+						icon: 2,
+						time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+					});
+					return;
+				}
+
+				reqPickScatter2()
+
+				return false; //闃绘琛ㄥ崟璺宠浆銆傚鏋滈渶瑕佽〃鍗曡烦杞紝鍘绘帀杩欐鍗冲彲銆�
+			});
+
+			//纭鎷h揣 
+			function reqPickScatter2() {
+				var param = {
+					"SoNo": $("#bar2").val(),
+					"SoDetailId": $("#skuLotNo2").val(),
+					"PalletNo": $('#palletNo2').val(),
+					"PickQty": $('#pickQty2').val(),
+				}
+				sendData(IP + "/PdaSo/SoSetQtyPick", param, 'post', function (res) {
+					//console.log(res);
+					
+					if (res.code == 0) { //鎴愬姛
+						layer.msg(res.msg, {
+							icon: 1,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						}, function () {
+							canPickBox = true//鍥炶皟
+							updateQtyList2();
+							getBar2();
+							GetDataInfo();
+						});
+					} else { //涓嶆垚鍔�
+						layer.msg(res.msg, {
+							icon: 2,
+							time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+						}, function () {
+							canPickBox = true;//鍥炶皟
+						});
+					}
+				});
+			}
+
 
 		})
 	</script>

--
Gitblit v1.8.0