From 2c324f759cca1c6ef8542e22797891d9b32a664b Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 13 五月 2024 16:28:29 +0800
Subject: [PATCH] 1.生产报工不良数量可以输入多个

---
 pages/scgl/scbg.vue |  362 ++++++++++++++++++++++++++++++---------------------
 1 files changed, 211 insertions(+), 151 deletions(-)

diff --git a/pages/scgl/scbg.vue b/pages/scgl/scbg.vue
index 72926d2..e2a80cb 100644
--- a/pages/scgl/scbg.vue
+++ b/pages/scgl/scbg.vue
@@ -14,7 +14,7 @@
 			<view class="mainContent" :style="{maxHeight:'1260rpx',overflow: 'scroll'}">
 
 				<!-- 鎶ュ伐淇℃伅 -->
-				<u-gap height="15" bgColor="#eff0f1"></u-gap>
+				<u-gap height="5" bgColor="#eff0f1"></u-gap>
 				<view class="head" style="padding-bottom: 10rpx;">
 					<view class="head_block">
 						<view class="head_left">
@@ -64,7 +64,7 @@
 				</view>
 
 				<!-- 鎶ュ伐鎿嶄綔 -->
-				<u-gap height="15" bgColor="#eff0f1"></u-gap>
+				<u-gap height="10" bgColor="#eff0f1"></u-gap>
 				<view class="head  marginLeft10 marginRight10" style="padding-bottom: 20rpx;">
 					<view class="head_block">
 						<view class="head_left">
@@ -81,7 +81,7 @@
 							<view style="display: flex;" class="titleFont">
 								<view style="color: red;margin-right: 6rpx;">*</view> 璁′欢鏂瑰紡锛�
 							</view>
-							<u-radio-group v-model="reckway">
+							<u-radio-group v-model="reckway" @change='radioGroupChange'>
 								<u-radio shape="circle" label="鐝粍" name="鐝粍" labelSize="16"></u-radio>
 								<u-radio shape="circle" label="涓汉" style="margin-left: 20rpx;" name="涓汉" labelSize="16">
 								</u-radio>
@@ -145,7 +145,7 @@
 							</view>
 						</view>
 
-						<view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
+						<!-- 					<view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
 							<view style="color: #fff;margin-right: 6rpx;">*</view> 涓嶈壇鏁伴噺锛�
 							<view class='inputClass'>
 								<u--input placeholder="璇疯緭鍏�" border="surround" :adjustPosition='false'
@@ -163,29 +163,7 @@
 								</view>
 								<u-icon :name="!badSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
 							</view>
-						</view>
-
-						<!-- 		<view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
-							<view style="display: flex;">
-								<view style="color: red;margin-right: 6rpx;">*</view> 鎿嶄綔浜哄憳锛�
-							</view>
-							<view @click='operSheetClick' class="custominputClass">
-								<view v-show='operSheetValue===""' style="color: rgb(192, 196, 204);">璇烽�夋嫨</view>
-								<view v-show='operSheetValue!==""' class="ellipsis" style="width: 390rpx;">
-									{{operSheetValue}}
-								</view>
-
-								<u-icon :name="!operSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
-							</view>
 						</view> -->
-
-
-						<!-- 鍙兘涓婃媺鏄剧ず 瑕佹崲鎴愪笅鎷夋樉绀� -->
-						<!-- 		<uni-section style="width: 100%;" title=''>
-							<uni-data-select v-model="operSheetValue" :clear='false' emptyText :localdata="operSheetList">
-							</uni-data-select>
-						</uni-section>
-						 -->
 
 
 
@@ -193,70 +171,96 @@
 					</view>
 				</view>
 
-				<!-- 鎶ュ伐浜哄憳淇℃伅 -->
-				<!-- 			<u-gap height="15" v-if="reckway==='鐝粍'" bgColor="#eff0f1"></u-gap>
-				<view class="head marginLeft10 marginRight10" v-if="reckway==='鐝粍'">
+
+				<u-gap height="10" bgColor="#eff0f1"></u-gap>
+
+
+				<view class="head  marginLeft10 marginRight10" style="padding-bottom: 20rpx;">
 					<view class="head_block">
 						<view class="head_left">
 							<view class="head_bar"></view>
 							<view class="head_title">
-								涓嶈壇鍘熷洜鏄庣粏
+								涓嶈壇缁熻
 							</view>
 						</view>
+
 					</view>
-
-					<u-button type="primary" icon='plus-circle' plain
-						style="height: 100rpx;width: 98%;margin-top: 10rpx;" @click="addUser" class='addClass'
-						text="娣诲姞">
-					</u-button>
-
-					<view class="flex_between titleFont" style="margin: 20rpx 40rpx 30rpx;">
-						<view>搴忓彿</view>
-						<view :style="{width:'200rpx'}">浜哄憳鍚嶇О</view>
-						<view style="width: 184rpx;">鍒嗛厤姣斾緥(%)</view>
-						<view>鎿嶄綔</view>
-					</view>
+					<view class="flex_column ">
 
 
-					<view class="flex_column marginLeft20 marginRight20" :key="item.usercode"
-						v-for="(item,index) in userArr">
-						<view class="flex_between marginLeft20 marginRight20 contentFont">
-							<view style="width: 60rpx;text-align: center;">{{(index+1)}}</view>
-							<view style="width: 200rpx;text-align: center;">{{item.username}}</view>
-							<view style="width: 240rpx; text-align: center;color: rgb(41, 121, 255);">
-								<u-number-box @focus='isAsyncChange=true' @blur='isAsyncChange=false'
-									:key="item.usercode" :asyncChange='isAsyncChange' step="0.01" :name='item.usercode'
-									@change='numberBoxChange' decimal-length="2" :value="item.ratio" inputWidth='110'>
-								</u-number-box>
+						<u-button type="primary" :plain="true" icon='plus-circle' text="娣诲姞"
+							style="width: 90%;margin: 20rpx auto;" @click="add"></u-button>
+						<!-- ngqtyArr -->
+
+						<view v-for='(item,index) in ngqtyArr' class="badSheetClass" :key="item.uid">
+							<!-- {{item.uid}} -->
+							<view class="badNumber">{{index+1}}</view>
+							<u-icon name="trash" size="20" class="trash" @click="trashDelete(index)"
+								color="rgb(0, 102, 255)"></u-icon>
+
+							<view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
+								<view style="color: #fff;margin-right: 6rpx;">*</view> 涓嶈壇鏁伴噺锛�
+								<view class='inputClass'>
+									<u--input placeholder="璇疯緭鍏�" border="surround" :adjustPosition='false' type='number'
+										v-model="item.ngqty"></u--input>
+								</view>
+								<!-- @change='ngqtyChange(item)' -->
+							</view>
+							<view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
+								<view style="display: flex;" class="titleFont">
+									<view style="color: #fff;margin-right: 6rpx;">*</view> 涓嶈壇鍘熷洜锛�
+								</view>
+								<view @click='badSheetClick(item)' class="custominputClass">
+									<view v-show='item.badSheetValue.length===0' style="color: rgb(192, 196, 204);">璇烽�夋嫨
+									</view>
+									<view v-show='item.badSheetValue.length!==0' class="ellipsis"
+										style="width: 390rpx;">
+										{{item.badSheetValue}}
+									</view>
+									<u-icon :name="item.arrowDown?'arrow-down-fill':'arrow-up-fill'"></u-icon>
+								</view>
 							</view>
 
-							<u-icon @click="deleteUser(item)" style="width: 50rpx;text-align: center;" name="trash"
-								min='0' max='100' color="#2979ff" size="24">
-							</u-icon>
+							<u-divider></u-divider>
+
 
 						</view>
-						<u-divider></u-divider>
+
+
+						<!-- 
+						<u-button type="primary" :plain="true" icon='plus-circle' text="娣诲姞"
+							style="width: 90%;margin: 20rpx auto;" @click="add"></u-button> -->
+
+
+
 					</view>
+				</view>
 
 
 
-
-				</view> -->
 
 			</view>
 
-			<u-gap height="20" bgColor="#eff0f1"></u-gap>
+
+
+
+			<u-gap height="10" bgColor="#eff0f1"></u-gap>
+
+
+
 
 			<u-button size="large" :loading="isDisabledSubmitButton" loadingText="姝e湪鎻愪氦,璇风◢绛�..." type="primary"
 				@click="submit" text="鎶ュ伐">
 			</u-button>
 
 
+			<!-- 鐢熶骇鐝粍 -->
 			<u-picker v-if="topContent.length!==0" :show="userGroupSheetShow" :columns="userGroupColumns"
 				:itemHeight='55' :closeOnClickOverlay='true' @close='userGroupSheetShow=false'
 				@confirm='userGroupPickerConfirm' @cancel='userGroupSheetShow=false'>
 			</u-picker>
 
+			<!--  璁惧鍚嶇О -->
 			<u-picker v-if="topContent.length!==0" :show="eqpSheetShow" :columns="eqpColumns" :itemHeight='55'
 				:closeOnClickOverlay='true' @close='eqpSheetShow=false' @confirm='eqpPickerConfirm'
 				@cancel='eqpSheetShow=false'>
@@ -264,8 +268,9 @@
 
 
 
+			<!-- 涓嶈壇鍘熷洜 -->
 			<u-action-sheet v-if="topContent.length!==0" :actions="badSelectArr" :safeAreaInsetBottom='true'
-				:closeOnClickOverlay="true" :closeOnClickAction="true" @close="badSheetShow=false" :show="badSheetShow"
+				:closeOnClickOverlay="true" :closeOnClickAction="true" @close="badSelectClose" :show="badSheetShow"
 				@select='badSheetSelect'>
 				<view style="min-height: 100rpx;">
 					<u-checkbox-group @change="checkboxChange" size='20px' v-model="checkBoxValue" iconPlacement="right"
@@ -280,7 +285,7 @@
 			</u-action-sheet>
 
 
-
+			<!--  鎶ュ伐浜哄憳 -->
 			<u-action-sheet v-if="topContent.length!==0" :actions="userSelectArrAll" :safeAreaInsetBottom='true'
 				:closeOnClickOverlay="true" :closeOnClickAction="true" @close="userSheetShow=false"
 				:show="userSheetShow" @select='userSheetSelect'>
@@ -296,49 +301,30 @@
 				</view>
 			</u-action-sheet>
 
+			<!-- <u-popup :show="userSheetShow" @close="userSheetShow=false" customStyle='customPopupStyle'
+				:safeAreaInsetTop='true' @open="open">
+				<u-checkbox-group @change="userCheckboxChange" size='20px' v-model="userCheckBoxValue"
+					iconPlacement="right" placement="column">
+					<view v-for="(item,index) in userSelectArrAll">
+						<u-checkbox activeColor="rgb(0, 102, 255)" labelSize='18' :key="item.code+index"
+							:name='item.name' :label="item.name">
+						</u-checkbox>
+					</view>
+				</u-checkbox-group>
+			</u-popup> -->
 
 
 
+
+
+			<!-- 鎶ュ伐浜哄憳 -->
 			<u-picker v-if="topContent.length!==0" :show="operSheetShow" :columns="operColumns" :itemHeight='55'
 				:closeOnClickOverlay='true' @close='operSheetShow=false' @confirm='operPickerConfirm'
 				@cancel='operSheetShow=false'>
 			</u-picker>
 
 
-			<u-modal v-if="topContent.length!==0" :show="modalShow" :showCancelButton='true' cancelText='鍙栨秷'
-				@close="modalShow=false" :closeOnClickOverlay="true" style=" " @cancel="modalCancel"
-				@confirm="modalConfirm" title="涓嶈壇鏄庣粏" :content='modalContent'>
 
-				<!-- 		<uni-section style="width: 100%;" title=''>
-					<uni-data-select v-model="userSelectValue" :clear='false' emptyText :localdata="userSelectArr"
-						@change="userChange">
-					</uni-data-select>
-				</uni-section> -->
-
-				<!-- 	<view style="display: flex;flex-direction: column;">
-					<view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
-						<view style="color: #fff;margin-right: 6rpx;">*</view> 鏁伴噺锛�
-						<view class='inputClass'>
-							<u--input placeholder="璇疯緭鍏�" border="surround" @change='ngqtyChange' type='number'
-								v-model="ngqty"></u--input>
-						</view>
-					</view>
-					<view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
-						<view style="display: flex;" class="titleFont">
-							<view style="color: #fff;margin-right: 6rpx;">*</view> 鍘熷洜锛�
-						</view>
-						<view @click='badSheetClick' class="custominputClass">
-							<view v-show='badSheetValue.length===0' style="color: rgb(192, 196, 204);">璇烽�夋嫨</view>
-							<view v-show='badSheetValue.length!==0' class="ellipsis" style="width: 390rpx;">
-								{{badSheetValue}}
-							</view>
-							<u-icon :name="!badSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
-						</view>
-					</view>
-				</view> -->
-
-
-			</u-modal>
 
 
 		</view>
@@ -351,7 +337,7 @@
 
 		<!-- 鎮诞鐞� -->
 		<!-- 	<view
-			v-show="topContent.length!==0&&!modalShow&&!userGroupSheetShow&&!eqpSheetShow&&!operSheetShow&&!badSheetShow"
+			v-show="topContent.length!==0&&!userGroupSheetShow&&!eqpSheetShow&&!operSheetShow&&!badSheetShow"
 			@click="topScanClick">
 			<drag-ball :x='$DeviceInformation.screenWidth*0.8' :y="$DeviceInformation.screenHeight*0.7"></drag-ball>
 		</view> -->
@@ -435,7 +421,25 @@
 				],
 
 				reportqty: '', //鎶ュ伐鏁伴噺
+
 				ngqty: '', //涓嶈壇鏁伴噺
+
+				ngqtyArr: [{
+						uid: new Date().getTime(),
+						ngqty: '',
+						badSheetValue: '',
+						arrowDown: true //鍚戜笅绠ご
+					},
+					// {
+					// 	ngqty: '',
+					// 	badSheetValue: '',
+					// 	arrowDown: true //鍚戜笅绠ご
+					// },
+				], //涓嶈壇鏁伴噺銆佷笉鑹師鍥犳暟缁�
+
+
+
+
 				badSelectArr: [], //涓嶈壇鍘熷洜涓嬫媺鏁扮粍
 				badSheetValue: '', //涓嶈壇鍘熷洜閫変腑鍊�
 				badSheetShow: false,
@@ -444,8 +448,8 @@
 				operSheetShow: false,
 				operSheetList: [], //鎿嶄綔浜哄憳鏁扮粍
 				userArr: [], //鎶ュ伐浜哄憳淇℃伅鏁扮粍
-				modalShow: false,
-				modalContent: '', //妯℃�佹鏁�
+
+
 				userSelectValue: '', //涓嬫媺閫夐」鍊�
 				userSelectArrAll: [], //鎵�鏈変汉鍛樹笅鎷夋暟缁�
 				userSelectArr: [
@@ -656,9 +660,9 @@
 					return uni.$u.toast('鎶ュ伐鏁伴噺涓嶈兘涓虹┖锛�')
 				}
 
-				if (parseFloat(this.reportqty) + parseFloat(this.ngqty) > parseFloat(this.topContent[0].noreportqty)) {
-					return uni.$u.toast('鎶ュ伐鏁伴噺鍔犱笉鑹暟閲忎笉鑳藉ぇ浜庢湭鎶ユ暟閲忥紒')
-				}
+				// if (parseFloat(this.reportqty) + parseFloat(this.ngqty) > parseFloat(this.topContent[0].noreportqty)) {
+				// 	return uni.$u.toast('鎶ュ伐鏁伴噺鍔犱笉鑹暟閲忎笉鑳藉ぇ浜庢湭鎶ユ暟閲忥紒')
+				// }
 
 
 				if (this.reckway === '鐝粍' && this.operSheetValue.length === 0) {
@@ -677,11 +681,11 @@
 					})
 				}
 
-				if (this.ngqty !== '') {
-					if (badcode.length === 0) {
-						return uni.$u.toast('涓嶈壇鍘熷洜鏈�夋嫨锛�')
-					}
-				}
+				// if (this.ngqty !== '') {
+				// 	if (badcode.length === 0) {
+				// 		return uni.$u.toast('涓嶈壇鍘熷洜鏈�夋嫨锛�')
+				// 	}
+				// }
 
 
 
@@ -697,6 +701,27 @@
 
 				console.log(this.userSelectValue);
 				// reportuser = this.userArr.map(i => i.usercode).join(';') //鎶ュ伐浜哄憳
+
+				// 涓嶈壇鍘熷洜
+				const defectlist = []
+
+				this.ngqtyArr.forEach(i => {
+
+
+					if (i.badSheetValue.toString().length > 0) {
+						let codeArr = []
+						i.badSheetValue.split(',').forEach(j => {
+							codeArr.push(this.badSelectArr.find(i => i.name === j).code)
+						})
+
+						defectlist.push({
+							badqty: i.ngqty,
+							defect_code: codeArr.join(',')
+						})
+					}
+
+				})
+
 
 
 
@@ -730,10 +755,11 @@
 					startqty: parseFloat(this.reportqty),
 					reportqty: parseFloat(this.reportqty),
 					inbarcode: R[0].labcode, //鍏ュ簱鏉$爜
-					defectlist: badcode.length > 0 ? [{
-						defect_code: badcode.join(','),
-						badqty: this.ngqty
-					}] : [],
+					defectlist,
+					// defectlist: badcode.length > 0 ? [{
+					// 	defect_code: badcode.join(','),
+					// 	badqty: this.ngqty
+					// }] : [],
 					remarks: ''
 				}
 
@@ -745,10 +771,19 @@
 					this.topContent = []
 					this.formData = {}
 					this.reportqty = ''
-					this.ngqty = ''
+					// this.ngqty = ''
 					this.reckway = '涓汉'
 					this.userGroupSheetValue = ''
 					this.eqpSheetValue = ''
+
+
+					this.ngqtyArr = [{
+						uid: new Date().getTime(),
+						ngqty: '',
+						badSheetValue: '',
+						arrowDown: true //鍚戜笅绠ご
+					}]
+
 					// this.userGroupSheetList = []
 					// this.eqpSheetList = []
 					// this.badSelectArr = []
@@ -793,12 +828,31 @@
 			badSheetSelect(val) {
 				// console.log(val,9999999)
 			},
-			badSheetClick() {
-				if (!this.ngqty) {
+			badSheetClick(item) {
+				// console.log(item, 1)
+
+				if (!item.ngqty) {
 					return uni.$u.toast('璇峰厛濉啓涓嶈壇鏁伴噺锛�')
 				}
+				item.arrowDown = !item.arrowDown
+
+				this.checkBoxValue = item.badSheetValue.split(',')
 				this.badSheetShow = true
 			},
+
+			badSelectClose() {
+				let index = this.ngqtyArr.findIndex(i => !i.arrowDown)
+
+
+				this.ngqtyArr[index].badSheetValue = this.checkBoxValue.join(',')
+				this.ngqtyArr[index].arrowDown = true
+
+
+				this.checkBoxValue = []
+				this.badSheetShow = false
+
+			},
+
 			checkboxChange(val) {
 				this.badSheetValue = val.join(',')
 				console.log(this.badSheetValue, 5);
@@ -811,52 +865,37 @@
 				if (this.reckway === '鐝粍') {
 					this.userSheetShow = true
 				}
-
-
-
 			},
-			operSheetSelect(val) {
-				this.operSheetValue = val.name
-				this.operSheetShow = false
+			//鍗曢�夋鍊兼敼鍙樻椂
+			radioGroupChange(val) {
+				this.userGroupSheetValue = ''
+				this.operSheetValue = ''
 			},
-			// 娣诲姞浜哄憳鎸夐挳
-			addUser() {
-				this.userSelectArr = []
-				this.userSelectArrAll.forEach(i => {
-					if (!this.userArr.map(j => j.usercode).includes(i.code)) {
-						this.userSelectArr.push({
-							value: i.code,
-							text: i.name
-						})
-					}
-				})
-				this.modalShow = true
 
-			},
-			// 鍒犻櫎浜哄憳鎸夐挳
-			deleteUser(item) {
-				this.userArr = this.userArr.filter(i => i.usercode !== item.usercode)
+			// 娣诲姞
+			add() {
 
-			},
-			// 妯℃�佹鍙栨秷鎸夐挳
-			modalCancel() {
-				this.modalShow = false
-				this.userSelectValue = ''
-			},
-			// 妯℃�佹纭鎸夐挳
-			modalConfirm() {
-				if (this.userSelectValue) {
-					this.userArr.unshift({
-						usercode: this.userSelectValue,
-						username: this.userSelectArrAll.find(i => i.code === this.userSelectValue).name
-					})
-					this.userSelectValue = ''
-				} else {
-					uni.$u.toast('璇烽�夋嫨鎶ュ伐浜哄憳锛�')
+				if (this.ngqtyArr.find(i => i.badSheetValue === '')) {
+					return uni.$u.toast('璇峰厛瀹屽杽鍓嶉潰涓嶈壇閫夐」锛�')
 				}
-				this.modalShow = false
+
+				this.ngqtyArr.unshift({
+					uid: new Date().getTime(),
+					ngqty: '',
+					badSheetValue: '',
+					arrowDown: true //鍚戜笅绠ご
+				})
 
 			},
+
+			//鍒犻櫎
+			trashDelete(index) {
+				console.log(index)
+				this.ngqtyArr.splice(index, 1)
+
+			},
+
+
 			userChange(val) {
 				this.userSelectValue = val
 			},
@@ -948,4 +987,25 @@
 		padding: 30rpx;
 		border-bottom: 1rpx solid #eee;
 	}
+
+
+
+	.badSheetClass {
+		position: relative;
+	}
+
+	.badNumber {
+		position: absolute;
+		top: 20rpx;
+		left: 20rpx;
+		font-size: 26rpx;
+		color: rgb(0, 102, 255)
+	}
+
+	.trash {
+		position: absolute;
+		top: 20rpx;
+		right: 30rpx;
+		font-size: 26rpx;
+	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.3