uniapp-shirt-fabric-scan/pages/storage/index.vue

<template>
	<view>
		<view class="sticky-box">
			<view class="button-group">
				<button type="default" @click="reset">取消</button>
				<button type="default" @click="navigateToSummary">统计</button>
				<button type="default" @click="navigateToSearch">查仓</button>
				<button type="default" @click="navigateToStage">暂存</button>
			</view>
			<uni-easyinput prefixIcon="search" :focus="isFocus" v-model="searchValue" @blur="isFocus = false"
				@confirm="scan" @clear="clear" placeholder="请扫描拼件单号">
			</uni-easyinput>
		</view>
		<view class="table-container" style="height: 100vh;">
			<scroll-view class="table-content" :style="{'height': clientHeight + 'px'}" scroll-x scroll-y
				:scroll-into-view="scrollItem">
				<view class="table-header">
					<!-- <view class="table-cell">操作</view> -->
					<view class="table-cell">扫描状态</view>
					<view class="table-cell1">装箱单号</view>
					<view class="table-cell">仓位</view>
					<view class="table-cell">收货仓库</view>
					<view class="table-cellwl">物料编码</view>
					<view class="table-cellph">批号</view>
					<view class="table-cell1">实际作业数量</view>
					<view class="table-cell1">计量单位</view>
					<view class="table-cell">日期</view>
					<view class="table-cell3">单据编号</view>
				</view>
				<view class="table-row" v-for="(item, index) in indexList" :key="index" :id="'scrollItem-' + index"
					:style="getStyle(item.smzt)">
					<!-- <view class="table-cell"><button type="default" size="mini" @click="edit(item,index)">编辑</button>
					</view> -->
					<view class="table-cell">{{ item.smzt? '已扫描' : '未扫描' }}</view>
					<view class="table-cell1" :style="getStyle(item.smzt)">{{ item["FENCHASENUM.LT"] }}</view>
					<view class="table-cell">{{ item["FStockLocId.FF102029.FNumber"] }}</view>
					<view class="table-cell" :style="getStyle(item.smzt)">{{ item["FSTOCKID.FName"] }}</view>
					<view class="table-cellwl" :style="getStyle(item.smzt)">{{ item["FMATERIALID.FNumber"] }}</view>
					<view class="table-cellph" :style="getStyle(item.smzt)">{{ item["FLOT.FNumber"] }}</view>
					<view class="table-cell1" :style="getStyle(item.smzt)">
						{{ getActualWorkQuantity(item) }}
					</view>
					<view class="table-cell1" :style="getStyle(item.smzt)">{{ item["FUnitID.FName"] }}</view>
					<view class="table-cell" :style="getStyle(item.smzt)">{{ item["FDate"].substring(0, 10) }}</view>
					<view class="table-cell3" :style="getStyle(item.smzt)">{{ item["FBillNo"] }}</view>

				</view>
			</scroll-view>
		</view>

		<view style="height: 200px;touch-action: none;"></view>
		<view class="card-bottom" style="">
			<view style="margin: 0 auto;">
				<view
					style="display: flex;flex-direction: row;margin-top: 8px;font-size: 12px;margin-right: 15px;margin-bottom: 8px;">
					<view style="margin-right: 15px;">源单明细：{{ indexList.length }}</view>
					<view style="margin-right: 15px;">已扫描：{{ indexListLength }}</view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	import {
		audit,
		getBillList,
		getInventoryList,
		save,
		submit
	} from '../../api/production_replenishment';
	import modal from '../../plugins/modal';
	// import {
	// 	audioUrls,
	// 	playVoice
	// } from '../../utils/audio';
	import {
		playVoice,
		audioUrls,
		playSequentially
	} from '../../utils/audio2';
	import submitHelper from '@/utils/storageSubmitHelper.js'; // 确保路径正确
	import {
		executeSql
	} from '../../utils/database';
	import {
		createInventoryQueryRequest,
		getSearchParam,
		getStorageByBillNoParam,
		getStorageSearchParam
	} from '@/utils/storageParams.js';
	export default {
		onShow() {
			const res = uni.getSystemInfo({
				success: (res => {
					console.log(res.windowHeight)
					if (res.windowHeight < 600) {
						this.clientHeight = 580
					} else {
						this.clientHeight = res.windowHeight - 150;
					}
					console.log(res.windowHeight)
					console.log(this.clientHeight)
					// console.log(getApp().globalData.navHeight)
				})
			});
			this.$nextTick(() => {
				this.searchValue = ''
				this.isFocus = true;
			})
		},
		computed: {
			//已扫描数量
			indexListLength() {
				console.log("执行了计算属性")
				console.log(this.indexList.filter(obj => obj.smzt === 1).length)
				return this.indexList.filter(obj => obj.smzt === 1).length
			},
			//剩余数量
			indexList2Length() {
				let arr1 = this.indexList.filter((item, index, self) => {
					return item.smzt == 0
				})
				console.log(arr1)
				return arr1.length
			},
			//正操作仓位未扫描数量
			indexList3Length() {
				return this.indexList.filter(item =>
					item["FStockLocId.FF102029.fname"] == this.Location && item['smzt'] != 1
				).length
			},
			showWorkCenter() {
				return this.formId !== 'PUR_MRB';
			},
			showRemark() {
				return this.formId !== 'PUR_MRB';
			},
			showApplicant() {
				return this.formId !== 'PUR_MRB';
			}
		},
		mounted() {
			// 页面加载完成后滚动到目标数据位置
			uni.$on('scrollIntoView', (target) => {
				this.$nextTick(() => {
					// 使用id属性定位
					uni.createSelectorQuery().select('#' + target).boundingClientRect().exec((rect) => {
						console.log(rect)
						uni.pageScrollTo({
							scrollTop: rect[0].top - 95,
							duration: 0
						});
					});
				});

			})
			this.$nextTick(() => {
				this.searchValue = ''
				this.isFocus = true;
			})


		},
		//监听
		watch: {
			Location(newValue, oldValue) {
				console.log(`Location changed from ${oldValue} to ${newValue}`)
				this.Location = newValue
				// 可以在这里执行相应的操作
			},
		},
		data() {
			return {
				formId: '',
				fbillType: '',
				isFocus: true,
				indexList: [],
				clientHeight: '',
				searchValue: '',
				scrollItem: '', // 滚动到的指定元素
				color: '',
				stockNum: '', //正操作仓库
				uniqueFStockLocId: [],
				balance: 0,
				isStage: false,
				stageIds: [],
				stageLists: [],
				tableName: "common_bill",

			};
		},
		//获取上一页传过来的参数
		onLoad(option) {
			this.formId = uni.getStorageSync("formId")
			// this.fbillType = option.FBillType;
			// console.log(this.formId)
			// console.log(this.fbillType)
			uni.setNavigationBarTitle({
				title: uni.getStorageSync("moudleName")
			});
			uni.$on('item', (data) => {
				console.log(data)
				let index = data["index"]
				if ("NewFENCHASENUM.LT" in data) {
					this.indexList[index]["FENCHASENUM.LT"] = data["NewFENCHASENUM.LT"]
				}
				if (this.indexList[index]["FStockLocId.FF102029.fname"] != data["FStockLocId.FF102029.fname"]) {
					const requestData = createInventoryQueryRequest(data["FStockLocId.FF102029.fname"])
					getInventoryList(JSON.stringify(requestData)).then(res => {
						this.indexList[index]["quantity"] = res.length
						console.log("修改了原仓位条数", res.length)
						this.indexList[index]['FStockLocId.FF102029.fname'] = data[
							"FStockLocId.FF102029.fname"]
						// 用于记录每个组合的计数
						let countMap = {};
						// 统计每个组合的行数
						this.indexList.forEach(obj => {
							// 获取当前对象的组合键
							let key = obj.FBillNo + '|' + obj['FStockLocId.FF102029.fname'];
							// 如果该组合已经存在于 countMap 中，则增加计数，否则初始化为 1
							if (countMap[key]) {
								countMap[key]++;
							} else {
								countMap[key] = 1;
							}
						});
						// 将计数值添加到每个对象中
						this.indexList.forEach(obj => {
							let key = obj.FBillNo + '|' + obj['FStockLocId.FF102029.fname'];
							obj.rowCount = countMap[key];
						});
					})
				}
				this.indexList[index]['FInventoryQty'] = data["FInventoryQty"]
				// 定义一个映射对象
				const formIdMap = {
					'LT_PRD_PMCWorkBench': 'FActualQty',
					'SP_PickMtrl': 'FActualQty',
					'STK_MisDelivery': 'FQty',
					'PUR_MRB': 'FRMREALQTY'
				};
				// 获取对应的字段名称
				const field = formIdMap[this.formId];
				// 如果存在匹配的字段，则更新 indexList
				if (field) {
					this.indexList[index][field] = data[field];
				}
				// this.indexList[index]['FActualQty'] = data["FActualQty"]
				this.indexList[index]['Flot.FNumber'] = data["Flot.FNumber"]
				this.indexList[index]['FAuxPropId.FF101501.FDATAVALUE'] = data["FAuxPropId.FF101501.FDATAVALUE"]
				this.indexList[index]['smzt'] = data["smzt"]
				console.log(this.indexList[index])
				this.$nextTick(() => {
					this.searchValue = ''
					this.isFocus = true
				})
			})
			uni.$on('search', (data) => {
				console.log(data)
				console.log(this.indexList)
				// 遍历 indexList 数组
				this.indexList.forEach(item => {
					// 检查 smzt 是否为 1
					if (item.smzt === 1 && item['FStockLocId.FF102029.FNumber'] == null) {
						// 修改 FStockLocId.FF102029.FNumber 为 'a'
						item['FStockLocId.FF102029.FNumber'] = data;
					}
				});

				// this.indexList = data
				// this.indexList.forEach(item => {
				// 	// item.smzt = 0; // 增加属性 smzt，并设置初始值为0
				// 	this.$set(item, 'smzt', 0);
				// })
				// // 用于记录每个组合的计数
				// let countMap = {};
				// // 统计每个组合的行数
				// this.indexList.forEach(obj => {
				// 	// 获取当前对象的组合键
				// 	let key = obj.FBillNo + '|' + obj['FStockLocId.FF102029.fname'];

				// 	// 如果该组合已经存在于 countMap 中，则增加计数，否则初始化为 1
				// 	if (countMap[key]) {
				// 		countMap[key]++;
				// 	} else {
				// 		countMap[key] = 1;
				// 	}
				// });

				// // 将计数值添加到每个对象中
				// this.indexList.forEach(obj => {
				// 	let key = obj.FBillNo + '|' + obj['FStockLocId.FF102029.fname'];
				// 	// obj.rowCount = countMap[key];
				// 	this.$set(obj, 'rowCount', countMap[key])
				// });
				// // 1. 提取不同的仓位
				// this.uniqueFStockLocId = [...new Set(this.indexList.map(obj => obj[
				// 	'FStockLocId.FF102029.fname']))];
				// console.log(this.uniqueFStockLocId)
				// // this.processQuantity(this.uniqueFStockLocId[0])
				// this.updateIndexList(this.indexList)
				// this.$nextTick(() => {
				// 	this.searchValue = ''
				// 	this.isFocus = true;
				// })
			})
			uni.$on('summary', (data) => {
				console.log(data)
				this.indexList = data
				this.searchValue = ''
				this.isFocus = true;
			})
			uni.$on('stage', (data) => {
				console.log(data)
				// 处理每个对象
				this.stageLists = data.map(item => {
					// 解析 data 字段
					const parsedData = JSON.parse(item.data);

					// 返回处理后的对象
					return {
						...item,
						data: parsedData
					};
				});
				this.stageIds = data.map(item => item.id)
				// this.stageLists = data.map(item => item.data)
				console.log(this.stageIds)
				console.log(this.stageLists)
				// 解析字符串为数组并合并
				const combinedArray = this.stageLists
					.map(item => item.data) // 解析每个字符串
					.flat(); // 合并所有数组

				console.log(combinedArray);
				this.indexList = combinedArray
				this.searchValue = ''
				this.isFocus = true;
				this.isStage = true
			})

			this.$nextTick(() => {
				console.log('dddd')
				this.searchValue = ''
				this.isFocus = true;
			})
			// this.$forceUpdate()

		},
		methods: {
			getActualWorkQuantity(item) {
				switch (this.formId) {
					case 'STK_InStock':
						return item["FRealQty"];
					default:
						return item["FQty"];
				}
			},
			getFabricOrderNo(item) {
				switch (this.formId) {
					case 'PUR_MRB':
						return item["FFabricOrderNo"];
					default:
						return item["FFabricOrderNo.LT"];
				}
			},
			getWorkCenterName(item) {
				switch (this.formId) {
					case 'LT_PRD_PMCWorkBench':
						return item["FEWorkCenterId.LT.fname"];
					case 'STK_MisDelivery':
					case 'SP_PickMtrl':
						return item["FWorkCenterId.fname"];
					default:
						return '';
				}
			},
			getApplicantName(item) {
				switch (this.formId) {
					case 'LT_PRD_PMCWorkBench':
						return item["FApplicantId.fname"];
					case 'STK_MisDelivery':
						return item["FPickingPeople.LT.fname"];
					case 'SP_PickMtrl':
						return item["FPickerId.fname"];
					default:
						return ''; // 默认返回值，可以根据需求调整
				}
			},
			async updateIndexList(data1) {
				try {
					// 存储所有的异步操作 promise
					let promises = [];
					// 遍历 uniqueFStockLocId 数组
					for (let fname of this.uniqueFStockLocId) {
						const requestData = createInventoryQueryRequest(fname)

						// 发起异步请求，并将 promise 存储在数组中
						let promise = getInventoryList(JSON.stringify(requestData)).then(res => {
							let objs = data1.filter(item => item['FStockLocId.FF102029.fname'] === fname);

							objs.forEach(obj => {
								this.$set(obj, 'quantity', res.length);
							});
						});

						promises.push(promise);
					}

					// 等待所有异步操作完成
					await Promise.all(promises)
					console.log(data1)
					this.indexList = data1

					console.log('indexList updated:', this.indexList);
				} catch (error) {
					console.error('Error updating indexList:', error);
				}
			},
			scrollToItem(itemId) {
				// 设置滚动到的指定元素的 ID
				this.scrollItem = itemId;
				console.log(this.scrollItem)
			},
			//取消
			reset() {
				const self = this
				modal.confirm("是否重置?").then(res => {
					if (res) {
						self.indexList = []
						self.searchValue = ""
						self.balance = 0
						this.isFocus = true
						playVoice(audioUrls.warningSuccessUrl)
					} else {
						// 用户点击取消，不执行任何操作
					}
				})
			},
			edit(item, index) {
				uni.navigateTo({
					url: '/pages/storage/show?item=' + encodeURIComponent(JSON.stringify(
							item)) +
						'&&index=' + encodeURIComponent(JSON.stringify(index))
				});
			},
			// scrollToItem(id) {
			// 	// 使用id属性定位
			// 	this.$nextTick(() => {
			// 		uni.$emit('scrollIntoView', id);
			// 	})
			// },
			showDetail(index) {
				console.log(index);
				let item = this.indexList[index.name]
				console.log(item)
				uni.navigateTo({
					url: '/pages/automatedwarehouse/listshow?Info=' + encodeURIComponent(JSON.stringify(
						item))
				});
			},
			focusPoint() {
				this.isFocus = false;
				this.$nextTick(() => {
					this.isFocus = true;
				});
			},
			clear() {
				this.focusPoint()
			},
			//跳转到查询页面
			navigateToSearch() {
				if (this.indexList.length == 0) {
					// this.isRangeSelected = false; // 显示错误提示
					playVoice(audioUrls.failVoiceUrl)
					uni.showToast({
						title: '请先扫描',
						duration: 2000,
						icon: "error"
					});
					return;
				}
				console.log(this.stockNum)
				uni.navigateTo({
					// url: '/pages/production-replenishment/search', //这是你的当前页面地址
					url: `/pages/storage/search?stockNum=${this.stockNum}`
				});

			},
			navigateToSummary() {
				uni.navigateTo({
					url: '/pages/storage/summary?Info=' + encodeURIComponent(JSON
						.stringify(this.indexList)) + '&&stageInfo=' + encodeURIComponent(JSON
						.stringify(this.stageLists)), //这是你的当前页面地址
				});

			},
			navigateToStage() {
				uni.navigateTo({
					url: '/pages/storage/stage?Info=' + encodeURIComponent(JSON
						.stringify(this.indexList)), //这是你的当前页面地址
				});

			},
			searchValueIsEmpty(data) {
				console.log(data)
				if (data == "" || data == undefined) {
					return true
				} else {
					return false
				}

			},
			checkBarcodeInArray(barcode, arrayOfObjects, propertyName) {
				if (arrayOfObjects.findIndex(item => item[propertyName] === barcode) < 0) { //不存在
					return true
				}
				return false

			},
			areAllDetailsScanned(nowindex) {
				if (this.indexList.filter(item =>
						item["FBillNo"] == this.indexList[nowindex].FBillNo && item[
							'smzt'] == 0
					).length == 0) {
					return true
				}
				return false

			},
			isAllPositionsComplete(nowindex) {
				console.log(this.indexList[nowindex].FBillNo)
				console.log(this.indexList[nowindex]["FStockLocId.FF102029.FNumber"])
				if (this.indexList.filter(item =>
						item["FBillNo"] == this.indexList[nowindex].FBillNo && item["FStockLocId.FF102029.FNumber"] ==
						null
					).length == 0) {
					console.log(this.indexList.filter(item =>
						item["FBillNo"] == this.indexList[nowindex].FBillNo && item[
						"FStockLocId.FF102029.FNumber"] ==
						null
					).length)
					return true
				}
				return false

			},
			showToast() {
				uni.showToast({
					title: '请扫描条码',
					icon: 'none',
					duration: 3000
				})
			},
			handlePositionScanCompletion() { //根据仓位扫描的完成情况来处理不同的逻辑
				if (this.indexList.filter(item =>
						item["FStockLocId.FF102029.fname"] == this.Location && item[
							'smzt'] != 1
					).length == 0) { //该仓位扫描完
					playVoice(audioUrls.allSuccessVoiceUrl)

					uni.showToast({
						title: '该仓位扫描完成',
						icon: 'none',
						duration: 3000
					})

				} else { //如果改仓位未扫描完，提示音
					playVoice(audioUrls.successVoiceUrl)
					uni.showToast({
						title: '扫描成功',
						icon: 'none',
						duration: 3000
					})
				}
			},
			handleError(error) {
				playVoice(audioUrls.failVoiceUrl)
				console.error('操作失败:', error);
				modal.confirm(error.message || '操作失败').then(res => {
					if (res) {

					} else {
						// 用户点击取消，不执行任何操作
					}
				})
				// uni.showToast({
				// 	title: error.message || '操作失败',
				// 	duration: 3000,
				// 	icon: "none"
				// });

			},
			async handleSubmit(FID) {
				const FormId = uni.getStorageSync('formId')
				try {
					await submitHelper.submit(FormId, FID, this.indexList);
					this.indexList = this.indexList.filter(item => item.FID !== FID);
					console.log(this.indexList)
					if (this.isStage == true) {
						// 处理每个对象
						this.stageLists.forEach(item => {
							// 过滤掉 FID 匹配的对象
							item.data = item.data.filter(obj => obj.FID !== FID);

							// 检查 data 数组是否为空
							if (item.data.length === 0) {
								console.log("data 数组为空"); //删除暂存
								this.deleteStages(item.id)
							} else {
								console.log("data 数组不为空");
							}
						})
						console.log(this.stageLists)
					}
					this.balance = 0
				} catch (error) {
					this.handleError(error)
				}
			},
			async deleteStages(id) {
				let condition = `id = (${id})`
				let sql = `delete from ${this.tableName} where ${condition}`
				executeSql(sql).then(result => {
						console.log('结果:', result);
						// this.handleDeleteSuccess()
					})
					.catch(error => {
						console.error('捕获错误:', error); // 输出: 捕获错误: 失败的结果
						// this.handleDeleteFail(error)
					})
			},
			showModalAndHandleSubmit(nowindex) {
				let vm = this
				console.log(nowindex)
				console.log(this.indexList[nowindex])
				let bBillNo = this.indexList[nowindex]["FBillNo"]
				let FID = this.indexList[nowindex]["FID"]
				this.$nextTick(() => {
					this.searchValue = ''
					this.isFocus = true;
				})
				playVoice(audioUrls.allSuccessVoiceUrl)
				uni.showModal({
					title: "提示",
					content: "单号（" + bBillNo + "）已扫描完毕，是否提交",
					showCancel: true,
					success: function(res) {
						if (res.confirm) {
							// this.submit(FID)
							this.handleSubmit(FID)
						} else {

							// 执行取消后的操作
						}
					}.bind(this)
				})
			},
			showModalAndHandlePosition(nowindex) {
				let vm = this
				// console.log(nowindex)
				let bBillNo = this.indexList[nowindex]["FBillNo"]
				// let FID = this.indexList[nowindex]["FID"]
				// this.$nextTick(() => {
				// 	this.searchValue = ''
				// 	this.isFocus = true;
				// })
				// playVoice(audioUrls.allSuccessVoiceUrl)
				uni.showModal({
					title: "提示",
					content: "单号（" + bBillNo + "）已扫描完毕，请选择仓位",
					showCancel: true,
					success: function(res) {
						if (res.confirm) {
							// this.submit(FID)
							this.navigateToSearch()
						} else {

							// 执行取消后的操作
						}
					}.bind(this)
				})
			},
			handleScanSuccess() {
				// this.Location = this.indexList[nowindex]["FStockLocId.FF102029.fname"]
				// this.indexList[nowindex].smzt = 1 //修改数据状态
				this.indexList = this.indexList.map(item => {
					if (item["FENCHASENUM.LT"] == this.searchValue) {
						item.smzt = 1
					}
					return item
				})
				console.log(this.indexList)
				let nowindex = null; //该条码的索引

				for (let i = 0; i < this.indexList.length; i++) { //获取查询装箱单号对应仓位，并切换当前仓位
				console.log(this.indexList[i]["FENCHASENUM.LT"])
				console.log(this.searchValue)
					if (this.indexList[i]["FENCHASENUM.LT"] === this.searchValue) {
						// nowlocation = this.indexList[i]["FStockLocId.FF102029.fname"] //当前仓位
						nowindex = i //当前索引
						this.stockNum = this.indexList[nowindex]["FSTOCKID.FNumber"]
						console.log(this.indexList[nowindex]["FSTOCKID.FNumber"])
						// this.balance = this.indexList[i]["quantity"] - this.indexList[i]["rowCount"]
						break;
					}
				}
				console.log(this.stockNum)
				console.log(this.indexList.filter(obj => obj.smzt === 1).length)
				const audioUrlsArr = [];
				audioUrlsArr.push(audioUrls.success2VoiceUrl);
				// console.log(this.getActualWorkQuantity(this.indexList[nowindex]))
				//是否全发
				// if (this.getActualWorkQuantity(this.indexList[nowindex]) == this.indexList[nowindex][
				// 		"FInventoryQty"
				// 	]) { //全发播放声音
				// 	console.log("播放声音")
				// 	audioUrlsArr.push(audioUrls.successVoiceUrl);
				// } else { //不全发播放声音
				// 	audioUrlsArr.push(audioUrls.success2VoiceUrl);
				// }
				// audioUrlsArr.push(audioUrls.success2VoiceUrl);
				// playSequentially(audioUrlsArr);
				// if (this.indexList.filter(item =>
				// 		item["FStockLocId.FF102029.fname"] == this.Location && item[
				// 			'smzt'] != 1
				// 	).length == 0) { //该仓位扫描完
				// 	// playVoice(audioUrls.allSuccessVoiceUrl)
				// 	audioUrlsArr.push(audioUrls.storeSuccessUrl);
				// }
				if (this.areAllDetailsScanned(nowindex)) { //校验单号是否全扫完
					//校验仓位是否全填
					audioUrlsArr.push(audioUrls.allSuccessVoiceUrl)
					if (this.isAllPositionsComplete(nowindex)) {
						this.showModalAndHandleSubmit(nowindex)
					} else {
						this.showModalAndHandlePosition(nowindex)

					}
					// playVoice(audioUrls.allSuccessVoiceUrl)
				} else { //单号未全扫完
					// this.handlePositionScanCompletion()
					this.$nextTick(() => {
						this.searchValue = ''
						this.isFocus = true;
						this.scrollToItem("scrollItem-" + nowindex)
					})
				}
				playSequentially(audioUrlsArr);

			},
			createSearchCondition(data) {
				return {
					"FormId": uni.getStorageSync('formId'),
					"FStockOrgId": uni.getStorageSync('FStockOrgId'),
					"FEnchaseNum_LT": data,
				};
			},
			createSearchConditionByBillNo(data) {
				return {
					"FormId": uni.getStorageSync('formId'),
					"FBillNo": data,
				};
			},
			async scan() {
				let vm = this
				//校验是否输入条码
				if (this.searchValueIsEmpty(this.searchValue)) {
					playVoice(audioUrls.failVoiceUrl)
					this.showToast()
					this.focusPoint()
					return
				}
				// 列表中是否存在该条码
				if (this.checkBarcodeInArray(this.searchValue, this.indexList, "FENCHASENUM.LT")) { //不存在
					//查询源单列表
					const condition = this.createSearchCondition(this.searchValue);
					const searchParam = getStorageSearchParam(condition)
					modal.loading('获取数据中，请耐心等待...')
					// const submitRes = await this.submitData(submitParam);
					try {
						const BillNo = await getBillList(JSON.stringify(searchParam))
						console.log(BillNo)
						if (BillNo.length !== 0) { //获取到入库单
							const condition = this.createSearchConditionByBillNo(BillNo[0].FBillNo);
							const searchByBillNoParam = getStorageByBillNoParam(condition)
							const BillList = await getBillList(JSON.stringify(searchByBillNoParam))
							console.log(BillList)
							BillList.forEach(item => {
								// item.smzt = 0; // 增加属性 smzt，并设置初始值为0
								this.$set(item, 'smzt', 0);
								this.$set(item, 'FStockLocId.FF102029.FNumber', null);
							})
							// this.indexList = BillList
							this.indexList = this.indexList.concat(BillList)
							
							this.handleScanSuccess()
							// this.indexList = this.indexList.map(item => {
							// 	if (item["FEnchaseNum.LT"] == this.searchValue) {
							// 		item.smzt = 1
							// 	}
							// 	return item
							// })
						} else { //不存在查询的入库单
							modal.msg("请确认输入条件有效！");
							playVoice(audioUrls.failVoiceUrl);
						}
						modal.closeLoading();
					} catch (error) {
						console.log(error)
						// this.handleError(error);
						throw new Error(error);
					} finally {
						modal.closeLoading();
					}
					this.$nextTick(() => {
						this.searchValue = ''
						this.isFocus = true;
						// this.scrollToItem("scrollItem-" + nowindex)
					})
					// uni.showModal({
					// 	title: '提示',
					// 	content: "条码：" + vm.searchValue + '不存在',
					// 	showCancel: false,
					// 	success: function(res) {
					// 		if (res.confirm) {
					// 			this.focusPoint()
					// 			vm.searchValue = ''
					// 			return
					// 		} else {
					// 			// 执行取消后的操作
					// 		}
					// 	}.bind(this)
					// })
					// playVoice(audioUrls.failVoiceUrl)
					return
				}
				//校验条码已扫描
				// if (this.indexList.findIndex(item => item["FENCHASENUM.LT"] === this.searchValue && item.smzt ==
				// 		1) >= 0) {
				// 	uni.showModal({
				// 		// title: '提示',
				// 		content: "条码：" + vm.searchValue + '已扫描',
				// 		showCancel: false,
				// 		success: function(res) {
				// 			if (res.confirm) {
				// 				vm.focusPoint()
				// 				vm.searchValue = ''
				// 				return
				// 			} else {
				// 				// 执行取消后的操作
				// 			}
				// 		}
				// 	})
				// 	playVoice(audioUrls.failVoiceUrl)
				// 	return
				// }
				//条码存在未扫描
				// let nowlocation = null; //该条码的仓位
				// let nowindex = null; //该条码的索引

				// for (let i = 0; i < this.indexList.length; i++) { //获取查询装箱单号对应仓位，并切换当前仓位
				// 	if (this.indexList[i]["FEnchaseNum.LT"] === this.searchValue) {
				// 		// nowlocation = this.indexList[i]["FStockLocId.FF102029.fname"] //当前仓位
				// 		nowindex = i //当前索引
				// 		// this.balance = this.indexList[i]["quantity"] - this.indexList[i]["rowCount"]
				// 		break;
				// 	}
				// }
				//不是首次扫描
				// if (this.indexListLength != 0) { //已有操作，计算上次操作的仓位未扫描数
				// 	let UnscannedNumber = this.indexList.filter(item =>
				// 		item["FStockLocId.FF102029.fname"] == this.Location && item['smzt'] != 1
				// 	).length
				// 	if (nowlocation != this.Location && UnscannedNumber != 0) { //仓位不一致
				// 		playVoice(audioUrls.warningSuccessUrl)
				// 		uni.showModal({
				// 			title: "提示",
				// 			content: "是否切换仓位",
				// 			showCancel: true,
				// 			success: function(res) {
				// 				if (res.confirm) {
				// 					vm.handleScanSuccess(nowindex)
				// 				} else {
				// 					// 执行取消后的操作
				// 					vm.$nextTick(() => {
				// 						vm.searchValue = ''
				// 						vm.isFocus = true;
				// 					})
				// 				}
				// 			}
				// 		})
				// 		return
				// 	} else { //仓位一致或原仓位已扫完，正常扫描，无切换
				// 		this.handleScanSuccess(nowindex)

				// 	}
				// } else { //首次扫描
				// 	this.handleScanSuccess(nowindex)
				// }
				this.handleScanSuccess()
			},
			handleResponse(res) {
				// 关闭加载提示
				modal.closeLoading();
				// 检查响应是否为空
				if (res.length === 0) {
					modal.msg("请确认装箱单号有效！");
					playVoice(audioUrls.failVoiceUrl);
					return;
				}
				console.log(res)
				// 处理数据去重并更新状态
				// this.updateBillList(res);
			},
			getHeightStyle() {
				return 'height:' + this.listHeight + 'px';
			},
			getStyle(smzt) {
				return smzt ? 'background-color: Navy;color:white' : '';
				// return 'scrollItem-' + index === this.scrollItem ? 'background-color: blue;color:white' : '';
			},
		}
	};
</script>


<style lang="scss">
	.button-group {
		display: flex;
		justify-content: flex-start;
		/* 主轴上左对齐 */
		align-items: center;
		/* 垂直居中对齐 */
	}

	.button-group button {
		white-space: nowrap;
		/* 禁止换行 */
		// margin-right: 10px;
	}

	.button-item {
		flex: 1;
		text-align: center;
		padding: 10px;
		font-size: 16px;
		background-color: #eee;
	}

	/* 容器样式 */
	.table-container {
		width: 100%;
		// overflow: hidden;
		/* 添加滚动条 */
	}

	/* 表头样式 */
	.table-header {
		// background-color: #f0f0f0;
		font-weight: bold;
		display: flex;

	}

	/* 表行样式 */
	.table-row {
		display: flex;
		flex-direction: row;
		/* 水平布局 */
		// border-top: 1px solid #ccc;
	}

	/* 表内容样式 */
	.table-content {
		width: 100%;
		overflow: auto;
	}

	/* 单元格样式 */
	.table-cell1 {
		min-width: 85px;
		/* 设置最小宽度 */
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		border: 0.5px solid #ccc;
		// text-align: center;
	}

	/* 单元格样式 */
	.table-cell2 {
		min-width: 90px;
		/* 设置最小宽度 */
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		border: 0.5px solid #ccc;
		// text-align: center;
	}

	/* 单元格样式 */
	.table-cell3 {
		min-width: 100px;
		/* 设置最小宽度 */
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		border: 0.5px solid #ccc;
		// text-align: center;
	}

	/* 单元格样式 */
	.table-cell4 {
		min-width: 85px;
		/* 设置最小宽度 */
		flex: 1;
		padding: 8px;
		border: 0.5px solid #ccc;
		text-align: center;
	}

	/* 单元格样式 */
	.table-cell {
		min-width: 80px;
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 0.5px solid #ccc;
		// text-align: center;
	}

	/* 单元格样式 */
	.table-cellph {
		min-width: 310px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 0.5px solid #ccc;

	}

	/* 单元格样式 */
	.table-cellwl {
		min-width: 150px;
		/* 设置最小宽度 */
		display: flex;
		justify-content: center;
		align-items: center;
		border: 0.5px solid #ccc;
		// text-align: center;
	}

	/* 最后一个单元格去掉右边框 */
	.table-cell:last-child {
		// border-right: none;
	}


	.example {
		padding: 15px;
		background-color: #fff;
	}

	.form-item {
		display: flex;
		align-items: center;
	}

	.sticky-box {
		/* #ifndef APP-PLUS-NVUE */
		// display: flex;
		position: -webkit-sticky;
		/* #endif */
		position: sticky;
		top: var(--window-top);
		z-index: 99;
		flex-direction: row;
		margin: 0px;
		// padding: 15px 0 15px 0;
		background-color: #F4F5F6;
		// border-bottom-style: solid;
		// border-bottom-color: #E2E2E2;
	}

	.button {
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px;
		padding: 4px 8px;
		border-radius: 4px;
	}

	.card-bottom {
		touch-action: none;

		// height: 60px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 999;
		background-color: white;
		border-top: 1px;
		display: flex;
		flex-direction: column;
	}

	.text {
		font-size: 12px;
		color: #666;
		margin-top: 5px;
	}

	.button {
		margin-bottom: 10px;
	}

	.segmented-control {
		margin-bottom: 15px;
	}

	// .button-group {
	// 	margin-top: 15px;
	// 	display: flex;
	// 	justify-content: space-around;
	// }

	.form-item {
		display: flex;
		align-items: center;
	}

	.button {
		display: flex;
		align-items: center;
		height: 35px;
		margin-left: 10px;
	}
</style>
<style lang="scss">
	.u-page {
		padding: 0;
	}

	.u-demo-block__title {
		padding: 10px 0 2px 15px;
	}

	.swipe-action {
		&__content {
			padding: 25rpx 0;
			display: flex;
			flex-direction: column; //设置布局方向为竖直

			&__text {
				font-size: 15px;
				color: $u-main-color;
				padding-left: 30rpx;
			}
		}
	}

	.u-swipe-action-item {
		touch-action: none;
	}

	.red {
		color: red;
	}

	.label-picker-container {
		display: flex;
		align-items: center;
		/* 垂直居中对齐 */
		font-size: 12px;
		/* 设置标签的字体大小 */
	}
</style>