uniapp-shirt-fabric-scan/pages/direct-transfer/index.vue

<template>
	<view>
		<view class="sticky-box">
			<view class="button-group" v-if="isCreate === false">
				<button type="default" @click="reset">取消</button>
				<!-- <button type="default" @click="navigateToSummary">统计</button> -->
				<button type="default" @click="navigateToSearch">查询</button>
				<button type="default" @click="navigateToStage">暂存</button>
				<button type="default" @click="navigateToSearch">提交</button>
			</view>
			<view class="button-group" v-else>
				<button type="default" @click="reset">取消</button>
				<button type="default" @click="submit">提交</button>
			</view>
			<uni-easyinput prefixIcon="search" :focus="isFocus" v-model="searchValue" @blur="isFocus = false"
				@confirm="getIsCreate()" @clear="clear" :placeholder="isCreate ? '请扫描条形码' : '请扫描拼件单号'">
			</uni-easyinput>
		</view>
		<view>
			<u-picker :show="showPicker" :columns="depotList" keyName="FStockLocId.FF102029.FName" @confirm="pickDepot"
				title="仓位选择"></u-picker>
		</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" v-if="!isCreate">
					<view class="table-cell">操作</view>
					<view class="table-cell">扫描状态</view>
					<view class="table-cell">调出仓位</view>
					<view class="table-cellwl">物料编码</view>
					<view class="table-cell1">装箱单号</view>
					<view class="table-cell1">调拨数量</view>
					<view class="table-cell1">箱号</view>
					<view class="table-cell1">等级</view>
					<view class="table-cellph">批号</view>
					<view class="table-cell2">总件数</view>
					<view class="table-cell">备注</view>
					<view class="table-cell2">仓位原件数</view>
					<view class="table-cell">发货件数</view>
					<view class="table-cell3">单据编号</view>
					<view class="table-cell">仓管员</view>
				</view>
				<!-- 表头-生成-->
				<view class="table-header" v-else>
					<view class="table-cell">操作</view>
					<view class="table-cell2">条形码</view>
					<view class="table-cell2">调出仓位</view>
					<view class="table-cell2">调入仓位</view>
				</view>
				<view v-if="!isCreate">
					<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-cell">{{ item["FSrcStockLocId.FF102029.FName"] }}</view>
						<view class="table-cellwl" :style="getStyle(item.smzt)">{{ item["FMaterialId.FNumber"] }}</view>
						<view class="table-cell1" :style="getStyle(item.smzt)">{{ item["FENCHASENUM.LT"] }}</view>
						<view class="table-cell1" :style="getStyle(item.smzt)">{{ item["FQty"] }}</view>
						<view class="table-cell1" :style="getStyle(item.smzt)">{{ item["FBOXNO.LT"] }}</view>
						<view class="table-cell1" :style="getStyle(item.smzt)">
							{{ item["FAuxPropId.FF101501.FDataValue"] }}
						</view>
						<view class="table-cellph" :style="getStyle(item.smzt)">{{ item["FLot.FNumber"] }}</view>
						<view class="table-cell2" :style="getStyle(item.smzt)">{{ item["rowCount"] }}</view>
						<view class="table-cell" :style="getStyle(item.smzt)">{{ item["FNoteEntry"] }}</view>
						<view class="table-cell2" :style="getStyle(item.smzt)">{{ item["quantity"] }}</view>
						<view class="table-cell" :style="getStyle(item.smzt)">{{ item["rowCount"] }}</view>
						<view class="table-cell3" :style="getStyle(item.smzt)">{{ item["FBillNo"] }}</view>
						<view class="table-cell" :style="getStyle(item.smzt)">{{ item["FStockerId.FName"] }}</view>
					</view>
				</view>
				<view v-else>
					<view class="table-row" v-for="(item) in indexList" :key="item.FCMKBarCode"
						:id="'scrollItem-' + item.index">
						<view class="table-cell">
							<button type="default" size="mini" @click="edit(item,item.index)">编辑</button>
						</view>
						<view class="table-cell2">{{ item["FCMKBarCode"] }}</view>
						<view class="table-cell2">{{ item["FStockLocId.FF102029.FName"] }}</view>
						<view class="table-cell2">{{ item["FDestStockLocId.FF102029.FNumber"] }}</view>

					</view>
				</view>

			</scroll-view>
		</view>

		<view style="height: 200px;touch-action: none;"></view>
		<view class="card-bottom" style="">
			<view style="margin: 0 auto;">
				<!-- <view class="input-select">
					<uni-data-select v-model="loginForm.acctID" :localdata="range" @change="change"
						:clear="false"></uni-data-select>
				</view> -->
				<view v-if="!isCreate"
					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>剩余件数：{{ balance }}</view> -->
				</view>
				<view v-else
					style="display: flex;flex-direction: row;margin-top: 8px;font-size: 12px;margin-right: 15px;margin-bottom: 8px;">
					<view style="margin-right: 15px;">已扫描：{{ indexListLength }}</view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	import {
		audit,
		getInventoryList,
		save,
		submit,
		getBillList
	} from '../../api/production_replenishment';
	import modal from '../../plugins/modal';

	import {
		playVoice,
		audioUrls,
		playSequentially
	} from '../../utils/audio2';
	import {
		getAuditParam,
		getSaveParam,
		getSubmitParam
	} from '../../utils/params';
	import submitHelper from '@/utils/commonSubmitHelper.js'; // 确保路径正确
	import {
		executeSql
	} from '../../utils/database';
	import {
		createInventoryQueryRequest,
		getFLotFNumber,
		getInventory
	} from '@/utils/transferparams.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["FSrcStockLocId.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
				// 可以在这里执行相应的操作
			},
			indexList(newValue, oldValue) {
				console.log(`Location changed from ${oldValue} to ${newValue}`)
				this.indexList = newValue
				// 可以在这里执行相应的操作
			},
		},
		data() {
			return {
				formId: '',
				fbillType: '',
				isFocus: true,
				indexList: [],
				clientHeight: '',
				searchValue: '',
				scrollItem: '', // 滚动到的指定元素
				color: '',
				Location: '', //正操作仓位
				uniqueFStockLocId: [],
				balance: 0,
				isStage: false,
				stageIds: [],
				stageLists: [],
				tableName: "common_bill",
				destStockLocId: '',
				isCreate: false,
				showPicker: false,
				depotList: [],

			};
		},
		//获取上一页传过来的参数
		onLoad(option) {
			this.formId = uni.getStorageSync("formId")
			this.fbillType = uni.getStorageSync("fbillType");
			this.isCreate = option.isCreate || false
			console.log(option.isCreate)
			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"]
				this.indexList[index]['FQty'] = data["FQty"]
				if ("NewFENCHASENUM.LT" in data) {
					this.indexList[index]["FENCHASENUM.LT"] = data["NewFENCHASENUM.LT"]
				}
				if (this.indexList[index]["FSrcStockLocId.FF102029.FName"] != data[
						"FSrcStockLocId.FF102029.FName"]) {

					const requestData = createInventoryQueryRequest(data["FSrcStockLocId.FF102029.FName"])
					getInventoryList(JSON.stringify(requestData)).then(res => {
						this.indexList[index]["quantity"] = res.length
						console.log("修改了原仓位条数", res.length)
						this.indexList[index]['FSrcStockLocId.FF102029.FName'] = data[
							"FSrcStockLocId.FF102029.FName"]
						// 用于记录每个组合的计数
						let countMap = {};
						// 统计每个组合的行数
						this.indexList.forEach(obj => {
							// 获取当前对象的组合键
							let key = obj.FBillNo + '|' + obj['FSrcStockLocId.FF102029.FName'];
							// 如果该组合已经存在于 countMap 中，则增加计数，否则初始化为 1
							if (countMap[key]) {
								countMap[key]++;
							} else {
								countMap[key] = 1;
							}
						});
						// 将计数值添加到每个对象中
						this.indexList.forEach(obj => {
							let key = obj.FBillNo + '|' + obj['FSrcStockLocId.FF102029.FName'];
							obj.rowCount = countMap[key];
						});
					})
				}
				this.indexList[index]['FInventoryQty'] = data["FInventoryQty"]


				// 定义一个映射对象
				const formIdMap = {
					'STK_TransferDirect': 'FQty',
				};
				// 获取对应的字段名称
				const field = formIdMap[this.formId];
				// 如果存在匹配的字段，则更新 indexList
				if (field) {
					this.indexList[index][field] = data[field];
				}
				console.log(this.indexList[index])
				this.$nextTick(() => {
					this.searchValue = ''
					this.isFocus = true
				})
			})
			uni.$on('search', (data) => {
				console.log(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['FSrcStockLocId.FF102029.FName'];

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

				// 将计数值添加到每个对象中
				this.indexList.forEach(obj => {
					let key = obj.FBillNo + '|' + obj['FSrcStockLocId.FF102029.FName'];
					// obj.rowCount = countMap[key];
					this.$set(obj, 'rowCount', countMap[key])
				});
				// 1. 提取不同的仓位
				this.uniqueFStockLocId = [...new Set(this.indexList.map(obj => obj[
					'FSrcStockLocId.FF102029.FName']))];
				// 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
			})
			uni.$on('selectStock', (data) => {
				const index = this.indexList.findIndex(item => item.FCMKBarCode === data.FCMKBarCode);
				if (index !== -1) {
					this.indexList[index] = data;
				}
				console.log(this.indexList)
			})
			this.$nextTick(() => {
				console.log('dddd')
				this.searchValue = ''
				this.isFocus = true;
			})
			// this.$forceUpdate()

		},
		methods: {
			getActualWorkQuantity(item) {
				switch (this.formId) {
					case 'LT_PRD_PMCWorkBench':
					case 'SP_PickMtrl':
						return item["FActualQty"];
					case 'STK_MisDelivery':
						return item["FQty"];
					case 'PUR_MRB':
						return item["FRMREALQTY"];
					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['FSrcStockLocId.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.depotList = []
						self.indexList = []
						self.searchValue = ""
						self.balance = 0
						this.isFocus = true
						playVoice(audioUrls.warningSuccessUrl)
					} else {
						// 用户点击取消，不执行任何操作
					}
				})
			},
			edit(item, index) {
				if (this.isCreate) {
					uni.navigateTo({
						url: '/pages/direct-transfer/show?isCreate=true&&item=' + encodeURIComponent(JSON
								.stringify(
									item)) +
							'&&index=' + encodeURIComponent(JSON.stringify(index))
					});
				} else {
					uni.navigateTo({
						url: '/pages/direct-transfer/show?isCreate=false&&item=' + encodeURIComponent(JSON.stringify(
								item)) +
							'&&index=' + encodeURIComponent(JSON.stringify(index))
					});
				}

			},

			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()
			},
			submit() {
				if(this.indexList.length < 1){
					modal.showToast("请扫描条形码！")
					return
				}
				//检查仓位是否都已选择
				const isOK = this.indexList.every(item => item['FDestStockLocId.FF102029.FNumber'] && item[
					'FDestStockLocId.FF102029.FNumber'].trim() !== '');
				if (!isOK) {
					modal.showToast("存在未选择的调入仓位！")
					return
				}
				let vm = this
				uni.showModal({
					title: "提示",
					content: "是否生成单据?",
					showCancel: true,
					success: function(res) {
						if (res.confirm) {
							vm.createSubmit()
						} else {
							// 执行取消后的操作
							vm.$nextTick(() => {
								vm.searchValue = ''
								vm.focusPoint();
							})
							// return
						}
					}
				})

			},
			//跳转到查询页面
			navigateToSearch() {
				if (this.indexList.length > 0) {
					// this.isRangeSelected = false; // 显示错误提示
					playVoice(audioUrls.failVoiceUrl)
					uni.showToast({
						title: '源单已选择',
						duration: 2000,
						icon: "error"
					});
					return;
				}
				uni.navigateTo({
					// url: '/pages/production-replenishment/search', //这是你的当前页面地址
					url: `/pages/direct-transfer/search?FormId=${this.formId}&FBillType=${this.fbillType}`
				});


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

			},
			navigateToStage() {
				uni.navigateTo({
					url: '/pages/direct-transfer/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

			},
			showToast() {
				uni.showToast({
					title: '请扫描条码',
					icon: 'none',
					duration: 3000
				})
			},
			handlePositionScanCompletion() { //根据仓位扫描的完成情况来处理不同的逻辑
				if (this.indexList.filter(item =>
						item["FSrcStockLocId.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 createSubmit() {
				const FormId = uni.getStorageSync('formId')
				try {
					await submitHelper.createSubmit(FormId, this.indexList);
					//重置页面
					{
						this.depotList = []
						this.indexList = []
						this.searchValue = ""
						this.balance = 0
						this.isFocus = true
						playVoice(audioUrls.warningSuccessUrl)
					}
					console.log("提交成功！this.indexList已清空");
				} catch (error) {
					this.handleError(error)
				}

			},
			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)
				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)
				})
			},
			handleScanSuccess(nowindex) {
				this.Location = this.indexList[nowindex]["FSrcStockLocId.FF102029.FName"]
				this.indexList[nowindex].smzt = 1 //修改数据状态
				console.log(this.indexList.filter(obj => obj.smzt === 1).length)
				this.$forceUpdate()
				const audioUrlsArr = [];
				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["FSrcStockLocId.FF102029.FName"] == this.Location && item[
							'smzt'] != 1
					).length == 0) { //该仓位扫描完
					// playVoice(audioUrls.allSuccessVoiceUrl)
					audioUrlsArr.push(audioUrls.storeSuccessUrl);
				}
				if (this.areAllDetailsScanned(nowindex)) { //校验单号是否全扫完
					audioUrlsArr.push(audioUrls.allSuccessVoiceUrl)
					// playVoice(audioUrls.allSuccessVoiceUrl)
					this.showModalAndHandleSubmit(nowindex)
				} else { //单号未全扫完
					// this.handlePositionScanCompletion()
					this.$nextTick(() => {
						this.searchValue = ''
						this.isFocus = true;
						this.scrollToItem("scrollItem-" + nowindex)
					})
				}
				playSequentially(audioUrlsArr);

			},
			CreateScanSuccess(nowindex) {
				console.log("扫描完成开始渲染------------", nowindex)
				this.indexList[nowindex].smzt = 1
				// this.$forceUpdate()
				this.$nextTick(() => {
					console.log("准备刷新---------------", this.indexList)
					this.searchValue = ''
					this.isFocus = true;
					this.scrollToItem("scrollItem-" + nowindex)
				})
				console.log("-----------", this.indexList)
				const audioUrlsArr = [];
				audioUrlsArr.push(audioUrls.success2VoiceUrl);
				playSequentially(audioUrlsArr);
			},
			async scanToCreate() {
				console.log("```````````````````进入扫描生成块")
				let vm = this
				let info = {}
				//校验是否输入条码
				if (this.searchValueIsEmpty(this.searchValue)) {
					playVoice(audioUrls.failVoiceUrl)
					this.showToast()
					this.focusPoint()
					return
				}
				info.FCMKBarCode = this.searchValue
				//校验是否重复扫码
				const isDuplicate = this.indexList.some(item => item.FCMKBarCode === info.FCMKBarCode);
				if (isDuplicate) {
					uni.showModal({
						title: '提示',
						content: "该条形码已扫描！",
						showCancel: false,
						success: function(res) {
							if (res.confirm) {
								this.focusPoint()
								vm.searchValue = ''
								return
							}
						}.bind(this)
					})
					playVoice(audioUrls.successVoiceUrl)
					return;
				}
				modal.loading('扫描数据中，请耐心等待...')
				try {

					//根据条形码找编码
					const lot = await this.getFLotCode(this.searchValue)
					if (!lot) {
						uni.showModal({
							title: '提示',
							content: "未查询到编码！",
							showCancel: false,
							success: function(res) {
								if (res.confirm) {
									this.focusPoint()
									vm.searchValue = ''
									return
								} else {
									// 执行取消后的操作
								}
							}.bind(this)
						})
						playVoice(audioUrls.failVoiceUrl)
						return
					}
					Object.assign(info, lot)
					console.log("找到编码--------------------", lot)
					//根据编码批号找即时库存
					const stockLoc = await this.getStockLoc(lot["FLot.FNumber"], lot["FMaterialId.FNumber"])
					if (!stockLoc || stockLoc.length == 0) {
						uni.showModal({
							title: '提示',
							content: "未查询到即时库存信息！",
							showCancel: false,
							success: function(res) {
								if (res.confirm) {
									this.focusPoint()
									vm.searchValue = ''
									return
								} else {
									// 执行取消后的操作
								}
							}.bind(this)
						})
						playVoice(audioUrls.failVoiceUrl)
						return
					}

					//有多条时进行仓位选择
					if (stockLoc.length > 1) {
						console.log("进行仓位选择--------------------", stockLoc)
						this.depotList = [stockLoc]
						this.showPicker = true
						info.index = this.indexList.length
						this.indexList.push(info)
					} else {
						info.index = this.indexList.length
						Object.assign(info, stockLoc[0])
						console.log("不用选择--------------------", info)
						this.$nextTick(() => {
							this.indexList.push(info);
							this.CreateScanSuccess(this.indexList.length - 1);
						});
					}

				} finally {
					modal.closeLoading();
					console.log("`````````````结束扫描生成", this.indexList)
				}

			},
			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")) {
					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
				}

				//条码存在未扫描
				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]["FSrcStockLocId.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["FSrcStockLocId.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)
				}
			},
			getIsCreate() {
				if (this.isCreate) {
					this.scanToCreate()
				} else {
					this.scan()
				}
			},
			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' : '';
			},
			async getFLotCode(code) {
				const searchParam = getFLotFNumber(code)
				let ress = await getBillList(JSON.stringify(searchParam))
				return ress?.[0]
			},
			async getStockLoc(lot, material) {
				const searchParam = getInventory(lot, material)
				let ress = await getBillList(JSON.stringify(searchParam))
				return ress

			},
			pickDepot(e) {
				console.log('confirm', e)
				const selectedValue = e.value[0];
				if (this.indexList.length > 0) {
					this.$set(this.indexList, this.indexList.length - 1, {
						...this.indexList[this.indexList.length - 1],
						...selectedValue,
					});
				}
				// this.indexList[this.indexList.length - 1].FStockName = e.value[0].FStockName
				console.log('confirm2', this.indexList)
				this.showPicker = false
				this.CreateScanSuccess(this.indexList.length - 1)
			}

		}
	};
</script>


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

	.button-group button {
		white-space: nowrap;
		margin: 0;
		/* 禁止换行 */
		// 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>