java/cath-app/pages/menu/backStockIn/index.vue

<template>
	<view class="app-container">
		<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar :title="formData.billTypeName"
			left-icon="left" left-text="返回" @clickLeft="handleBack" right-icon="refreshempty"
			@clickRight="SendNumEmpty" />
		<view class="scan-header">
			<uni-forms-item name="remark" label="条码" :label-width="lableWidth" labelAlign="right"
				style="margin-bottom: 0px; padding: 0px 15px 0px 15px;">
				<uni-easyinput type="text" :inputBorder="true" v-model="barCode" :clearable="false"
					@confirm="scanSearch"></uni-easyinput>
				<view class="icon" @click="handleScanClick">
					<uni-icons type="scan" size="20"></uni-icons>
				</view>
			</uni-forms-item>
		</view>
		<view class="cpck-content">
			<scroll-view :scroll-top="scrollTop" :show-scrollbar="true" scroll-y="true" class="scroll-Y">
				<view class="form-container">
					<uni-forms :rules="rules" :value="formData" ref="form" validate-trigger="submit"
						err-show-type="toast">
						<uni-forms-item name="billTypeCode" label="业务类型" :label-width="lableWidth" labelAlign="right">
							<uni-data-select v-model="formData.billTypeCode" :localdata="billTypeOption"
								@change="ywlxChange"></uni-data-select>
						</uni-forms-item>
						<uni-forms-item name="deptCode" :required="rulesStar('deptCode')" v-if="fieldHidden('deptCode')"
							label="部门" :label-width="lableWidth" labelAlign="right">
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-show="false" v-model="formData.deptCode"></uni-easyinput>
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.deptName" suffixIcon="search"
								@iconClick="searchIconClick('dept')"></uni-easyinput>
						</uni-forms-item>
						<uni-forms-item name="employeeCode" :required="rulesStar('employeeCode')"
							v-if="fieldHidden('employeeCode')" label="职员" :label-width="lableWidth" labelAlign="right">
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.employeeCode" v-show="false"></uni-easyinput>
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.employeeName" suffixIcon="search"
								@iconClick="searchIconClick('empl')"></uni-easyinput>

						</uni-forms-item>
						<uni-forms-item name="supplierCode" :required="rulesStar('supplierCode')"
							v-if="fieldHidden('supplierCode')" label="供应商" :label-width="lableWidth" labelAlign="right">
							<uni-easyinput type="text" :inputBorder="true" v-model="formData.supplierCode"
								v-show="false" :disabled="true"></uni-easyinput>
							<uni-easyinput type="text" :inputBorder="true" v-model="formData.supplierName"
								:disabled="true" :styles="styleInput"
								:suffixIcon="formData.backTaskInsCode!=''? '' : 'search'"
								@iconClick="searchIconClick('supp')"></uni-easyinput>
						</uni-forms-item>
						<uni-forms-item name="extendCode01" :required="rulesStar('extendCode01')"
							v-if="fieldHidden('extendCode01')" label="收发类别" :label-width="lableWidth"
							labelAlign="right">
							<uni-easyinput type="text" :disabled="true" :inputBorder="true" v-show="false"
								v-model="formData.extendCode01"></uni-easyinput>
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.extendName01" suffixIcon="search"
								@iconClick="searchIconClick('ext01')"></uni-easyinput>
						</uni-forms-item>
						<uni-forms-item name="warehouseCode" :required="rulesStar('warehouseCode')"
							v-if="fieldHidden('warehouseCode')" label="仓库" :label-width="lableWidth" labelAlign="right">
							<uni-easyinput type="text" v-model="formData.warehouseCode" v-show="false"></uni-easyinput>
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.warehouseName" suffixIcon="compose"
								@iconClick="setScan('WH')"></uni-easyinput>
						</uni-forms-item>
						<uni-forms-item name="locationCode" :required="rulesStar('locationCode')"
							v-if="fieldHidden('locationCode')" label="货位" :label-width="lableWidth" labelAlign="right">
							<uni-easyinput type="text" v-model="formData.locationCode" v-show="false"></uni-easyinput>
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.locationName" suffixIcon="compose"
								@iconClick="setScan('PT')"></uni-easyinput>
						</uni-forms-item>
						<uni-forms-item name="backTaskInsCode" :required="rulesStar('backTaskInsCode')"
							v-if="fieldHidden('backTaskInsCode')" label="任务编码" :label-width="lableWidth"
							labelAlign="right">
							<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
								v-model="formData.backTaskInsCode" suffixIcon="search"
								@iconClick="searchIconClick('task')"></uni-easyinput>
						</uni-forms-item>
						<template v-if="isLabelScan">
							<uni-forms-item name="labelCode" :required="rulesStar('labelCode')"
								v-if="fieldHidden('labelCode')" label="标签编码" :label-width="lableWidth"
								labelAlign="right">
								<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
									v-model="formData.labelCode" suffixIcon="compose"
									@iconClick="setScan('L')"></uni-easyinput>
							</uni-forms-item>
							<uni-forms-item name="materialCode" :required="rulesStar('materialCode')"
								v-if="fieldHidden('materialCode')" label="物料" :label-width="lableWidth"
								labelAlign="right">
								<uni-easyinput type="text" v-model="formData.materialCode"
									v-show="false"></uni-easyinput>
								<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
									v-model="formData.materialName"></uni-easyinput>
							</uni-forms-item>
							<uni-forms-item name="batch" :required="rulesStar('batch')" v-if="fieldHidden('batch')"
								label="批号" :label-width="lableWidth" labelAlign="right">
								<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
									v-model="formData.batch"></uni-easyinput>
							</uni-forms-item>
							<uni-forms-item name="unitCode" :required="rulesStar('unitCode')"
								v-if="fieldHidden('unitCode')" label="单位" :label-width="lableWidth" labelAlign="right">
								<uni-easyinput type="text" v-model="formData.unitCode" v-show="false"></uni-easyinput>
								<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
									v-model="formData.unitName"></uni-easyinput>
							</uni-forms-item>
							<uni-forms-item name="stockQty" :required="rulesStar('stockQty')"
								v-if="fieldHidden('stockQty')" label="标签数量" :label-width="lableWidth"
								labelAlign="right">
								<uni-easyinput type="number" :inputBorder="true" v-model="formData.stockQty"
									@input="bqslInputHandle"></uni-easyinput>
							</uni-forms-item>
							<uni-forms-item name="rwQty" :required="rulesStar('rwQty')" v-if="fieldHidden('rwQty')"
								label="任务数量" :label-width="lableWidth" labelAlign="right">
								<uni-easyinput type="text" :disabled="true" :styles="styleInput" :inputBorder="true"
									v-model="formData.rwQty"></uni-easyinput>
							</uni-forms-item>
						</template>
					</uni-forms>
					<uni-card v-for="(item, index) in labelList" :key="index">
						<text class="uni-body" style="font-size: 16px;">
							<p><span class="titleV">标签：</span><span class="detailV">{{item.labelCode}}</span></p>
							<p><span class="titleV">物料：</span><span class="detailV">{{item.materialCode}}</span></p>
							<p><span class="titleV">单位：</span><span class="detailV">{{item.unitCode}}</span></p>
							<p><span class="titleV">批次：</span><span class="detailV">{{item.batch}}</span></p>
							<p v-if="item.batch1"><span class="titleV">批次1：</span><span
									class="detailV">{{item.batch1}}</span></p>
							<p v-if="item.batch2"><span class="titleV">批次2：</span><span
									class="detailV">{{item.batch2}}</span></p>
						</text>
						<view slot="actions" class="card-actions">
							<view class="card-actions-item" @click="delLabelList(index)">
								<uni-icons type="closeempty" size="18" color="#999"></uni-icons>
							</view>
							<view class="card-actions-item">
								<uni-number-box :min="0" :max="item.maxQty" :value="item.stockQty"
									@change="labelListQtyChange(item, $event)" />
							</view>
						</view>
					</uni-card>
				</view>
			</scroll-view>
		</view>

		<view class="page-bottom">
			<view class="p-b-btn">
				<uni-badge class="uni-badge-left-margin" :text="mxNum" :max-num="999" absolute="rightTop"
					:offset="[-3, -3]" size="small">
					<view class="box"><text class="box-text" @click="handleMx">明细</text></view>
				</uni-badge>
			</view>
			<view class="p-b-btn" @click="$noMultipleClicks(handleSave)">
				<text class="box-text" v-show="isShowSaveButton">暂存</text>
			</view>
			<view class="p-b-btn" @click="handleAuto">
				<text class="box-text">{{autoButtonTitle}}</text>
			</view>
			<view class="p-b-btn" @click="handleBack">
				<text class="box-text">返回</text>
			</view>
		</view>

		<scan-code />
		<!-- 明细弹窗 -->
		<MxPopup ref="mxPopup" @sendNum="getSendNum" />
		<!-- 任务清单弹窗 -->
		<RwbmPopup ref="rwbmPopup" :title="rwbmTitle" :idxFlag="rwbmFlag" :formData="formData"
			@sendData="getSendData" />
		<!-- 部门弹窗 -->
		<BmPopup ref="bmPopup" :title="bmTitle" :idxFlag="bmFlag" :formData="formData" @sendData="getSendData" />
		<!-- 职员 -->
		<ZyPopup ref="zyPopup" :title="zyTitle" :idxFlag="zyFlag" :formData="formData" @sendData="getSendData" />
		<!-- 收发类别 -->
		<SflbPopup ref="sflbPopup" :title="sflbTitle" :idxFlag="sflbFlag" :formData="formData"
			@sendData="getSendData" />
		<!-- 供应商 -->
		<GysPopup ref="gysPopup" :title="gysTitle" :idxFlag="gysFlag" :formData="formData" @sendData="getSendData" />
		<!-- 托盘 -->
    <TpPopup ref="tpPopup" :title="tpTitle" :idxFlag="tpFlag" :formData="formData" @sendData="getSendData" />

	</view>
</template>

<script>
	import scanCode from "@/components/scan/scan.vue";
	import { getDicts } from "@/api/system/dict/data"; // 字典
	import RwbmPopup from './popup/commonpopup.vue' // 任务编码
	import BmPopup from './popup/commonpopup.vue' // 部门
	import ZyPopup from './popup/commonpopup.vue' // 职员
	import SflbPopup from './popup/commonpopup.vue' // 收发类别
	import GysPopup from './popup/commonpopup.vue' // 供应商
	import TpPopup from './popup/commonpopup.vue' // 托盘

	import MxPopup from './popup/mxPopup.vue'
	import {
		addBackStockIn,
		listBackStockIn,
		listWarehouse,
		listLocation,
		listBackStockInCurrent,
		listBackTaskInBackStockIn,
		listExtend,
		getListFieldSetting,
		queryBillTypeCache
	} from '@/api/wms/backStockIn.js'
	import { listFieldDefault } from '@/api/wms/report.js'
	import storage from '@/utils/storage'
	import { nanoid } from 'nanoid'; //唯一值 nanoid

	export default {
		components: {
			scanCode,
			RwbmPopup,
			BmPopup,
			MxPopup,
			ZyPopup,
			SflbPopup,
			GysPopup,
			TpPopup
		},
		props: {

		},
		async onLoad(option) {
			//下面请求如果失败改为false
			let isRequest = true;
			//字段设置
			try {
				const res = await this.retryRequest(getListFieldSetting, {
					billCode: "backStockIn"
				});
				// 处理响应数据
				this.fieldSetting = res.rows;
			} catch (error) {
				isRequest = false;
			}

			//单据类型
			try {
				const res = await this.retryRequest(queryBillTypeCache, {
					billCode: "backStockIn"
				});
				// 处理响应数据
				let tmpData = res.rows;
				this.billTypeOption = tmpData.filter(item => item.isEnableApp == 0 && item.status == 0)
				                .map(item => ({
				                  billTypeCode: item.billTypeCode,
				                  billTypeName: item.billTypeName,
								  value: item.billTypeCode,
								  text: item.billTypeName,
								  taskValue: item.taskBillTypeCode ? "'" + item.taskBillTypeCode.replace(/,/g, "','") + "'" : '',
								  isControlTask: item.backTaskBillTypeCode ? item.isControlTask : 0,
				                }));
				//触发单据类型变更
				this.ywlxChange(option.ywlx);
			} catch (error) {
				isRequest = false;
			}

			if (isRequest == false) {
				uni.showModal({
					title: '获取单据信息失败',
					content: '请返回菜单重新进入',
					showCancel: false, //不显示取消按钮
					success: function(res) {
						if (res.confirm) {
							uni.navigateBack();
						}
					}
				})
			} else {
				this.isRequest = true
			}
		},
		onUnload() {
			uni.removeStorageSync('stock_key');
		},
		onBackPress(options) {
			if (options.from === 'navigateBack') {
				// 来自于导航条返回按钮或者系统返回按钮的事件
				return false;
			}
			// 双击返回的逻辑
			const now = Date.now();
			if (this.lastBackPress && now - this.lastBackPress < 1000) {
				// 如果两次点击的间隔小于1000毫秒，则可以认为是双击
				//这时退出
				return false;
			} else {
				this.lastBackPress = now;
				uni.showToast({
					title: '再按一次退出',
					icon: 'none'
				});
				setTimeout(() => {
					this.lastBackPress = null;
				}, 1000);
				return true;
			}
		},
		data() {
			return {
				isRequest: false, //onLoad请求成功时改为true，否则不允许保存
				isLabelScan: true, //true是扫标签；false是扫托或包装，多行保存
				labelList: [], //扫托或包装获得的标签list
				remarkFocus: false,
				mxNum: 0, //明细按钮数量
				isShowSaveButton: false, //是否显示保存按钮
				currentSelectBillTypeCode: '', // 当前单据类型
				autoButtonTitle: '自动',
				scrollTop: 0,
				old: {
					scrollTop: 0
				},
				billTypeOption: [], // 业务类型字典选择框数据
				barCode: '', //条码
				formData: {
					// 单据类型
					billTypeCode: "", // 单据类型
					billTypeName: "", // 单据类型的名称（显示使用）
					taskBillTypeCode: "", //单据类型对应的任务类型
					isControlTask: null, //任务用，是否可超量
					// 部门
					deptCode: "", //部门
					deptName: "", //部门名称
					// 职员
					employeeCode: "", // 职员
					employeeName: "", // 职员名称
					// 供应商
					supplierCode: "", //供应商
					supplierName: "", //供应商名称
					// 收发类别
					extendName01: "", // 收发类别
					extendCode01: "", // 收发类别编码
					// 仓库
					warehouseCode: "", // 仓库
					warehouseName: "", // 仓库名称
					//预留
					extendCode02: "",
					extendCode03: "",
					extendCode04: "",
					extendCode05: "",
					// 组id
					appGroupId: "",
					// ===== 以下 保存时转化为 wmsStockOutsList=====
					//任务子表id
					taskInsId: "",
					backTaskInsId: "",
					backTaskInsCode: "",
					// 货位
					locationCode: "", // 货位编码
					locationName: "", // 货位名称 
					// 标签
					labelCode: "", // 标签编码
					// 物料
					materialCode: "", // 物料编码
					materialName: "", //物料名称
					// 批号
					batch: "", //批号
					// 托盘
					palletCode: "", // 托盘编码
					palletName: "", // 托盘名称
					//单位
					unitCode: "", //单位编码
					unitName: "", //单位名称

					stockQty: "", // 标签数量 
					rwQty: "", // 任务数量
					labelType: "", //标签类型(1一次性 2重复性）
					batch1: "", //批号1
					batch2: "", //批号2
					materialSpecification: "", //物料规格
					isLocation:"",
					isPackage:"",
					isPallet:"",
				},

				show: false,
				lableWidth: '80px',
				styleInput: {
					color: '#333',
					backgroundColor: '#fff',
					disableColor: '#fff',
					borderColor: '#e5e5e5',
				},
				fieldSetting: [], //单据字段设置
				// 任务编码
				rwbmTitle: "任务",
				rwbmFlag: "rwbm",
				// 职员
				zyTitle: "职员",
				zyFlag: "zy",
				// 部门
				bmTitle: "部门",
				bmFlag: "bm",
				// 收发类别
				sflbTitle: "收发类别",
				sflbFlag: "sflb",
				// 供应商
				gysTitle: "供应商",
				gysFlag: "gys",
				// 托盘
				tpTitle: "托盘",
				tpFlag: "tp",
				//配合$noMultipleClicks防止重复点击
				noClick:true,
			}
		},
		methods: {
			upper: function(e) {

			},
			lower: function(e) {

			},
			scroll: function(e) {
				this.old.scrollTop = e.detail.scrollTop
			},
			async retryRequest(requestFunction, requestParams, maxRetries = 1) {
				let retriesLeft = maxRetries;
				while (retriesLeft > 0) {
					try {
						// 调用请求函数并传入参数
						const response = await requestFunction(requestParams);
						if (response && response.code === 200) {
							return response; // 请求成功，返回响应
						} else {
							// 请求失败，但还有重试机会
							//console.warn(`请求失败，正在尝试第 ${maxRetries - retriesLeft + 1} 次重试...`);
							retriesLeft--;
						}
					} catch (error) {
						// 请求发生异常，但还有重试机会
						//console.error('请求发生异常，正在尝试重试...', error);
						retriesLeft--;
					}
				}
				// 所有重试都失败了，抛出错误
				throw new Error('获取信息失败');
			},
			onShow() {
				let that = this;
				uni.$off("scancode"); // 每次进来先 移除全局自定义事件监听器
				uni.$on("scancode", (data) => {
					// 扫描PCS码
					if (data && data !== '') {
						that.barCode = data;
						this.getDataByRemark(that.barCode);
					} else {
						uni.showToast({
							title: '扫码失败!',
							icon: 'none',
							duration: 2000
						});
					}
				});
			},
			// 条码右侧扫码按钮事件
			handleScanClick: function() {
				let that = this;
				uni.scanCode({
					success: function(res) {
						// 播放音效
						// this.playMusic();

						// {"scanType":"QR_CODE","path":"","charSet":"ISO8859_1","result":"PT|04-A-1-1","errMsg":"scanCode:ok"}
						if (res.errMsg == "scanCode:ok") {
							that.barCode = res.result;
							this.getDataByRemark(that.barCode);
						} else {
							uni.showToast({
								title: '扫码失败!',
								icon: 'none',
								duration: 2000
							});
						}

					},
					fail: (err) => {

					},
					complete: () => {

					}
				});
			},
			// 根据扫码数据查询其他formItem数据
			async getDataByRemark(remark) {
				let that = this;
				remark = remark.replace(/^\s+|\s+$/g, '');
				var splitPre = remark.split("|")[0];
				var splitLast = remark.slice(splitPre.length + 1);
				// 条码空 不执行
				if (splitLast == "") {
					return true;
				}
				// 扫码
				switch (splitPre) {
					case "PT": // 货位 PT|04-A-1-1
						this.getScanHwList(splitLast);
						break;
					case "WH": // 仓库 WH|01
						this.getScanCkList(splitLast);
						break;
					case "RW": //  任务扫码 RW|
						this.getScanRwList(splitLast);
						break;
					case "L": // 标签 L|L2311060002 
						this.getScanBqList(splitLast);
						break;
					case "P": // 托盘 P|0002
						this.getScanTpList(splitLast);
						break;
					case "PA": // 包装 PA|0002
						this.getScanBzList(splitLast);
						break;
					default:
						uni.showToast({
							title: "条码不合法",
							icon: "none"
						})
						break;
				}
			},
			// 条码框 回车
			scanSearch(remark) {
				this.getDataByRemark(remark);
			},
			async ywlxChange(value) {
				let that = this;
				if (value === '') {
					this.formData.billTypeCode = "";
					this.formData.billTypeName = "";
					this.formData.taskBillTypeCode = "";
					this.formData.isControlTask = "";
				} else {
					let status = this.billTypeOption.find(item => item.value == value);
					if (status) {
						this.formData.billTypeCode = status.value;
						this.formData.billTypeName = status.text;
						this.formData.taskBillTypeCode = status.taskValue;
						this.formData.isControlTask = status.isControlTask
					}
				}

				// 监听业务类型变更，变更后。清空任务、供应商、收发类别、清空明细查询出的数据、清空入库单号和单号数组
				//清空任务
				this.formData.backTaskInsId = "";
				this.formData.taskInsId = "";
				this.formData.backTaskInsCode = "";
				//清空供应商
				this.formData.supplierCode = "";
				this.formData.supplierName = "";
				//清空收发类别
				this.formData.extendCode01 = "";
				this.formData.extendName01 = "";
				// 清空明细数据
				if (this.$refs.mxPopup) {
					this.$refs.mxPopup.listData = [];
				}
				// 清空入库单号和单号数组
				uni.removeStorageSync('stock_key');
				//更新唯一值
				this.formData.appGroupId = nanoid(19);

				if (value != '' && value != null) {
					//默认值
					const res = await this.retryRequest(listFieldDefault, {
						"billTypeCode": value,
						"billCode": 'backStockIn'
					});
					if (res.code === 200) {
						let fieldDefault = res.rows; //字段默认值
						let fieldSetting = this.fieldSetting.filter(item => item.defaults == '1'); //字段信息
						let form = this.formData; //新增的信息
						/*
						 * 遍历字段信息，如果字段默认值和头信息中存在，则用字段中的keyCode、keyName和默认值中的settingCode、settingName赋值给from
						 */
						for (let i = 0; i < fieldSetting.length; i++) {
							let fieldD = fieldDefault.filter(item => item.settingFlag == fieldSetting[i].field);
							//如果字段默认值和头信息中存在
							if (fieldD.length > 0 && fieldSetting[i].field in form) {
								//仓库触发一次扫码
								if(fieldD[0].settingFlag=="warehouseCode" && fieldD[0].settingCode){
									this.getScanCkList(fieldD[0].settingCode)
									continue
								}
								
								//赋值code(实际值)
								if (fieldSetting[i]["keyCode"]) {
									form[fieldSetting[i]["keyCode"]] = fieldD[0].settingCode;
								}
								//赋值name(显示值)
								if (fieldSetting[i]["keyName"]) {
									form[fieldSetting[i]["keyName"]] = fieldD[0].settingName;
								}
							}
						}
					}
				}
			},
			getSendData(res) { //基础资料
				let cFlag = res.currentFlag;
				switch (cFlag) {
					case "rwbm": // 任务编码
						this.formData.backTaskInsId = res.selectData.wmsTaskIns.id;
						this.formData.taskInsId = res.selectData.wmsTaskIns.taskInsId;
						this.formData.backTaskInsCode = res.selectData.wmsTaskIns.subTaskCode;
						// 赋值部门
						this.formData.deptCode = res.selectData.deptCode;
						this.formData.deptName = res.selectData.deptName;
						// 赋值职员
						this.formData.employeeCode = res.selectData.employeeCode;
						this.formData.employeeName = res.selectData.employeeName;
						// 赋值供应商
						this.formData.supplierCode = res.selectData.supplierCode;
						// 赋值物料、任务数量
						this.formData.materialCode = res.selectData.wmsTaskIns.materialCode;
						this.formData.materialName = res.selectData.wmsTaskIns.materialCode;
						this.formData.rwQty = (res.selectData.wmsTaskIns.taskQty || 0) - (res.selectData.wmsTaskIns
							.stockQty || 0);

						break;
					case "bm": // 部门
						// this.formData.deptCode = res.selectData.deptCode;
						this.formData.deptCode = res.selectData.deptCode;
						this.formData.deptName = res.selectData.deptName;

						// 职员清空
						this.formData.employeeCode = "";
						this.formData.employeeName = "";
						break;
					case "zy": // 职员
						this.formData.employeeCode = res.selectData.employeeCode;
						this.formData.employeeName = res.selectData.employeeName;
						break;
					case "sflb": // 收发类别
						this.formData.extendName01 = res.selectData.extendName;
						this.formData.extendCode01 = res.selectData.extendCode;
						break;
					case "gys": // 供应商
						this.formData.supplierCode = res.selectData.supplierCode;
						this.formData.supplierName = res.selectData.supplierName;
						break;
					default:
						break;
				}
			},
			// easyinput后面放大镜点击
			searchIconClick(type) {
				switch (type) {
					case "task": // 任务编码
						this.$refs.rwbmPopup.showPopup();
						break;
					case "dept": // 部门
						this.$refs.bmPopup.showPopup();
						break;
					case "empl": // 职员
						this.$refs.zyPopup.showPopup();
						break;
					case "supp": // 供应商
						this.$refs.gysPopup.showPopup();
						break;
					case "ext01": // 收发类别
						this.$refs.sflbPopup.showPopup();
						break;
					case "pall": // 托盘
						this.$refs.tpPopup.showPopup();
						break;
					default:
						break;
				}
			},
			remarkGetFocus() {
				this.remarkFocus = false;
				this.$nextTick(() => {
					this.remarkFocus = true
				})
			},
			setScan(str) { //赋值条码框 光标聚焦
				this.barCode = str + "|";
				this.remarkGetFocus();
			},
			bqslInputHandle(value) {
				let rwsl = this.formData.rwQty; //任务数量
				if (rwsl != "") {
					if (value > parseFloat(rwsl)) {
						uni.showToast({
							title: "数量大于任务数量",
							icon: "none"
						})
						return;
					}
				}
			},
			// 下面工具栏 明细点击 事件
			handleMx() {
				this.$refs.mxPopup.showDrawer();
			},
			handleSave() {
				//获取信息失败时不可以保存
				if (this.isRequest == false) {
					uni.showToast({
						title: '获取单据信息失败,请返回菜单重新进入',
						icon: "none"
					})
					return true;
				}
				if (this.isShowSaveButton) {
					uni.showToast({
						title: '保存中，请稍等',
						icon: 'none',
						duration:2000
					})
				}
				//如果唯一值空，生成唯一值
				if(this.formData.appGroupId=='' || this.formData.appGroupId==null){
					this.formData.appGroupId = nanoid(19)
				}

				let that = this;
				that.$refs.form.validate().then(res => {
					let wmsStockInsArr = [];
					// true用普通保存；false用list保存多行
					if (that.isLabelScan == true) {
						let tmpWms = {
							backTaskInsId: that.formData.backTaskInsId, // 子表id
							taskInsId: that.formData.taskInsId,
							locationCode: that.formData.locationCode, // 货位编码
							labelCode: that.formData.labelCode, // 标签编码
							materialCode: that.formData.materialCode, // 物料编码
							batch: that.formData.batch, //批号
							unitCode: that.formData.unitCode, //单位编码
							stockQty: that.formData.stockQty, // 标签数量 
							rwQty: that.formData.rwQty, // 任务数量
							// labelType: that.formData.labelType, //标签类型(1一次性 2重复性）
							batch1: that.formData.batch1, //批号1
							batch2: that.formData.batch2, //批号2
							palletCode: that.formData.palletCode, // 托盘编码
							packageCode: that.formData.packageCode, // 包装编码
							isPackage: that.formData.isPackage,
							isPallet: that.formData.isPallet,
						};
						wmsStockInsArr.push(tmpWms);
					} else if (that.isLabelScan == false && that.labelList.length > 0) {
						wmsStockInsArr = that.labelList.map(item => ({
							backTaskInsId: that.formData.backTaskInsId, // 子表id
							taskInsId: that.formData.taskInsId,
							locationCode: item.locationCode, // 货位编码
							labelCode: item.labelCode, // 标签编码
							materialCode: item.materialCode, // 物料编码
							unitCode: item.unitCode, // 单位编码
							batch: item.batch, //批号
							stockQty: item.stockQty, // 标签数量
							batch1: item.batch1, //批号1
							batch2: item.batch2, //批号2
							palletCode: item.palletCode, // 托盘编码
							packageCode: item.packageCode, // 包装编码
							isPackage: that.formData.isPackage,
							isPallet: that.formData.isPallet,
						}))
					} else {
						return true;
					}
					let params = {
						guid: that.getHashId,
						appGroupId: that.formData.appGroupId,
						status: "1",
						stockType: -1,
						billTypeCode: that.formData.billTypeCode, // 单据类型
						billTypeName: that.formData.billTypeName, // 单据类型的名称（显示使用）
						backTaskInsCode: that.formData.backTaskInsCode, // 任务编号
						deptCode: that.formData.deptCode, //部门
						deptName: that.formData.deptName, //部门名称
						employeeCode: that.formData.employeeCode, // 职员
						supplierCode: that.formData.supplierCode, //供应商
						extendName01: that.formData.extendName01, // 收发类别
						extendCode01: that.formData.extendCode01, // 收发类别编码
						warehouseCode: that.formData.warehouseCode, // 仓库
						wmsStockInsList: wmsStockInsArr,
						isLocation: that.formData.isLocation
					}
					addBackStockIn(params).then(res => {
						if (res.code === 200) {
							that.mxNum += that.isLabelScan ? 1 : that.labelList.length;
							// 保存单号
							if (res.msg !== "") {
								let storageData = uni.getStorageSync('stock_key');
								if (storageData) {
									let stockIdList = storageData.stockIdList;
									stockIdList.push(res.msg);
									let data = {
										"stockId": res.msg,
										"stockIdList": stockIdList
									}
									uni.setStorageSync('stock_key', data);
								} else {
									let tmpList = [];
									tmpList.push(res.msg);
									let data = {
										"stockId": res.msg,
										"stockIdList": tmpList
									}
									uni.setStorageSync('stock_key', data);
								}
							}
							// 扫码后任务数量 - 标签数量
							let rwQty = that.formData.rwQty;
							if (rwQty != 0 && rwQty != "" && !isNaN(parseFloat(rwQty)) && isFinite(
								rwQty)) {
								that.formData.rwQty = rwQty - that.formData.stockQty;
							}
							// 清空子表信息
							that.EmptyEntry();
								
							if (that.isShowSaveButton) {
								uni.showToast({
									title: '保存成功',
									icon: 'none',
									duration:2000
								})
							}
						} else {
							uni.vibrateLong({});
							uni.showToast({
								title: "保存失败!",
								icon: "none"
							})
						}
					}).catch((err) => {
						uni.vibrateLong({});
					});
				}).catch((err) => {
					uni.vibrateLong({});
				});
			},
			// 任务扫码请求
			getScanRwList(barCode) {
				let that = this;
				let params = {
					taskType: '-1', // (固定，-1是入库退)
					supplierCode: that.formData.supplierCode, //供应商 (为空时不传)
					billTypeCode: that.formData.taskBillTypeCode,
					params: {
						"barCode": barCode,
						"limit": 1,
						"isControlTask": that.formData.isControlTask,
					},
				}
				listBackTaskInBackStockIn(params).then(res => {
					if (res.code === 200) {
						let data = res.rows ? res.rows[0] : {};
						if (data && Object.keys(data).length !== 0) {
							// 赋值任务编号
							that.formData.backTaskInsId = data.wmsTaskIns.id;
							that.formData.taskInsId = data.wmsTaskIns.taskInsId;
							that.formData.backTaskInsCode = data.wmsTaskIns.subTaskCode;
							// 赋值部门
							that.formData.deptCode = data.deptCode;
							that.formData.deptName = data.deptName;
							// 赋值职员
							that.formData.employeeCode = data.employeeCode;
							that.formData.employeeName = data.employeeName;
							// 赋值供应商
							that.formData.supplierCode = data.supplierCode;
							that.formData.supplierName = data.supplierName;
							// 赋值物料、任务数量
							that.formData.materialCode = data.wmsTaskIns.materialCode;
							that.formData.rwQty = (data.wmsTaskIns.taskQty || 0) - (data.wmsTaskIns.stockQty || 0);
						} else {
							uni.showToast({
								title: "无数据",
								icon: 'none',
							})
							that.formData.backTaskInsId = "";
							that.formData.taskInsId = "";
							that.formData.backTaskInsCode = "";
							that.formData.deptCode = "";
							that.formData.deptName = "";
							that.formData.employeeCode = "";
							that.formData.employeeName = "";
							that.formData.supplierCode = "";
							that.formData.supplierName = "";
							that.formData.materialCode = "";
							that.formData.materialName = "";
							that.formData.materialSpecification = "";
						}
					}
				});
			},
			//仓库扫码请求
			getScanCkList(barCode) {
				let that = this;
				let params = {
					status: "0", // (固定)
					params: {
						"barCode": barCode,
						"limit": 1
					},
				}
				// 仓库网络请求
				listWarehouse(params).then(res => {
					if (res.code === 200) {
						let data = res.rows ? res.rows[0] : {};
						if (data && Object.keys(data).length !== 0) {
							// 带出仓库编码、仓库名称、是否包含货位(is_location)，如果is_location=1，隐藏货位

							// 赋值仓库、货位
							that.formData.warehouseCode = data.warehouseCode;
							that.formData.warehouseName = data.warehouseName;
							that.formData.locationCode = "";
							that.formData.locationName = "";
							// 是否显示货位
							let obj = {
								"field": "locationCode",
								"fieldName": "货位",
								"required": null,
								"requiredCondition": null,
								"hidden": null,
								"hiddenCondition": null
							}
							obj.required = data.isLocation == "1" ? null : 1;
							obj.hidden = data.isLocation == "1" ? 1 : null;
							that.formData.isLocation = data.isLocation;
							that.setFieldSetting(obj);

							// 清空信息
							that.EmptyEntry();
							this.formData.rwQty = "";
						} else if (this.barCode) {
							uni.showToast({
								title: "无数据",
								icon: 'none',
							})
						}
					}
				});
			},
			//收发类别扫码请求(但不是给扫码用的，在加载时调用)
			getScanSflbList(barCode) {
				let that = this;
				let params = {
					extendClassCode: "01.01",
					params: {
						"keyWord": barCode,
						"limit": 1
					},
				}
				// 收发类别网络请求
				listExtend(params).then(res => {
					if (res.code === 200) {
						let data = res.rows ? res.rows[0] : {};
						if (data && Object.keys(data).length !== 0) {
							// 收发类别
							that.formData.extendCode01 = data.extendCode;
							that.formData.extendName01 = data.extendName;
						} else if (this.barCode) {
							uni.showToast({
								title: "无数据",
								icon: "none"
							})
						}
					}
				});
			},
			//货位扫码请求
			getScanHwList(barCode) {
				let that = this;

				let params = {
					status: "0", // (固定)
					params: {
						"barCode": barCode,
						"limit": 1
					},
				}
				// 货位网络请求
				listLocation(params).then(res => {
					if (res.code === 200) {
						let data = res.rows ? res.rows[0] : {};
						if (data && Object.keys(data).length !== 0) {
							if (data.warehouseCode === that.formData.warehouseCode || '' == that.formData
								.warehouseCode) { // 货位能对上仓库
								// 赋值货位、仓库
								that.formData.locationCode = data.locationCode;
								that.formData.locationName = data.locationName;
								that.formData.warehouseCode = data.warehouseCode;
								that.formData.warehouseName = data.warehouseName;
								// 显示货位
								let obj = {
									"field": "locationCode",
									"fieldName": "货位",
									"required": null,
									"requiredCondition": null,
									"hidden": null,
									"hiddenCondition": null
								}
								obj.required = 1;
								that.setFieldSetting(obj);
								that.formData.isLocation = 0
							} else { // 货位对不上仓库
								uni.showToast({
									title: "货位不属于当前仓库",
									icon: "none"
								})
							}
						} else {
							uni.showToast({
								title: "无数据",
								icon: 'none',
							})
						}

					}
				});
			},
			// 标签扫码请求
			getScanBqList(barCode) {
				let that = this;
				if (!that.formData.warehouseCode) {
					uni.showToast({
						title: "请先录入仓库",
						icon: "none"
					})
					return false;
				}

				let params = {
					// status: "0", //固定
					params: {
						"barCode": barCode,
						"limit": 1
					},
					taskInsId: that.formData.taskInsId, //任务编号
					warehouseCode: that.formData.warehouseCode,
				}
				//有任务时传物料编码
				if (that.formData.backTaskInsCode != null && that.formData.backTaskInsCode != '' && that.formData
					.backTaskInsCode != undefined) {
					params.materialCode = that.formData.materialCode;
				}
				// 标签网络请求
				listBackStockInCurrent(params).then(res => {
					if (res.code === 200) {
						that.isLabelScan = true;
						that.labelList = [];
						let data = res.rows ? res.rows[0] : {};
						if (data && Object.keys(data).length !== 0) {

							// 如果 labelType=2，隐藏任务数量
							let obj = {
								"field": "rwQty",
								"fieldName": "任务数量",
								"required": null,
								"requiredCondition": null,
								"hidden": null,
								"hiddenCondition": null
							}
							obj.hidden = data.labelType == 2 ? 1 : null;
							that.setFieldSetting(obj)

							// 赋值标签数量
							that.formData.stockQty = data.stockQty;
							if (that.formData.backTaskInsCode == '' || that.formData.backTaskInsCode == null) {
								that.formData.rwQty = data.stockQty;
							}

							// 赋值标签
							that.formData.labelCode = data.labelCode;

							//赋值货位
							that.formData.locationCode = data.locationCode,
								that.formData.locationName = data.locationName,

								that.formData.labelType = data.labelType; // 标签类型(1一次性 2重复性)
							// 赋值物料编码，物料名称 ， 规格
							that.formData.materialName = data.materialName;
							that.formData.materialCode = data.materialCode;
							that.formData.materialSpecification = data.materialSpecification; //规格
							// 赋值批号
							that.formData.batch = data.batch;
							that.formData.batch1 = data.batch1;
							that.formData.batch2 = data.batch2;
							// 赋值单位
							that.formData.unitCode = data.unitCode;
							that.formData.unitName = data.unitName;
							// 赋值托盘、包装
							that.formData.palletCode = data.palletCode;
							that.formData.packageCode = data.packageCode;
							that.formData.palletName = data.palletName;
							that.formData.packageName = data.packageName;
							//赋值是否托、是否包装
							that.formData.isPackage = data.isPackage
							that.formData.isPallet = data.isPallet

							//如果不显示保存按钮则自动保存
							if (!that.isShowSaveButton) {
								setTimeout(() => {
									that.handleSave();
								}, 10)
							}

						} else {
							uni.vibrateLong({});
							uni.showToast({
								title: "标签无效或已扫描",
								icon: "none"
							})
						}
					}
				}).catch((err) => {
					uni.vibrateLong({});
				});
			},

			// 托盘扫码请求
			getScanTpList(barCode) {
				let that = this;
				let params = {
					palletCode: barCode
				}
				//有任务时传物料编码
				if (this.formData.backTaskInsCode != null && this.formData.backTaskInsCode != '' && this.formData.backTaskInsCode != undefined) {
					params.materialCode = this.formData.materialCode;
				}
				// 托盘网络请求
				listBackStockInCurrent(params).then(res => {
					if (res.code === 200) {
						that.isLabelScan = false;
						let data = res.rows ? res.rows : [];
						if (Array.isArray(data) && data.length > 0 && typeof data[0] == 'object') {
							//将stockQty赋值给maxQty
							data.forEach(item => {
								if (item.hasOwnProperty('stockQty')) {
									item.maxQty = item.stockQty;
								}
							})
							that.labelList = data;
							that.formData.warehouseCode = data[0].warehouseCode;
							that.formData.warehouseName = data[0].warehouseName;
							that.formData.locationCode = data[0].locationCode;
							that.formData.locationName = data[0].locationName;
							that.formData.labelCode = data[0].labelCode;
							that.formData.stockQty = data[0].stockQty;

							//如果不显示保存按钮则自动保存
							if (!that.isShowSaveButton) {
								setTimeout(() => {
									that.handleSave();
								}, 10)
							}
						} else {
							uni.vibrateLong({});
							uni.showToast({
								title: "托盘无效",
								icon: "none"
							})
						}
					}
				}).catch((err) => {
					uni.vibrateLong({});
				});
			},
			// 包装扫码请求
			getScanBzList(barCode) {
				let that = this;
				let params = {
					packageCode: barCode
				}
				//有任务时传物料编码
				if (this.formData.backTaskInsCode != null && this.formData.backTaskInsCode != '' && this.formData.backTaskInsCode != undefined) {
					params.materialCode = this.formData.materialCode;
				}
				// 包装网络请求
				listBackStockInCurrent(params).then(res => {
					if (res.code === 200) {
						that.isLabelScan = false;
						let data = res.rows ? res.rows : [];
						if (Array.isArray(data) && data.length > 0 && typeof data[0] == 'object') {
							//将stockQty赋值给maxQty
							data.forEach(item => {
								if (item.hasOwnProperty('stockQty')) {
									item.maxQty = item.stockQty;
								}
							})
							that.labelList = data;
							that.formData.warehouseCode = data[0].warehouseCode;
							that.formData.warehouseName = data[0].warehouseName;
							that.formData.locationCode = data[0].locationCode;
							that.formData.locationName = data[0].locationName;
							that.formData.labelCode = data[0].labelCode;
							that.formData.stockQty = data[0].stockQty;

							//如果不显示保存按钮则自动保存
							if (!that.isShowSaveButton) {
								setTimeout(() => {
									that.handleSave();
								}, 10)
							}
						} else {
							uni.vibrateLong({});
							uni.showToast({
								title: "包装无效",
								icon: "none"
							})
						}
					}
				}).catch((err) => {
					uni.vibrateLong({});
				});
			},
			handleAuto() {
				if (this.autoButtonTitle === "自动") { //手动
					this.autoButtonTitle = "手动";
					this.isShowSaveButton = true;
				} else { //自动
					this.autoButtonTitle = "自动";
					this.isShowSaveButton = false;
				}

			},
			handleBack() {
				uni.showModal({
					title: '提示',
					content: '确认返回?',
					success: function(res) {
						if (res.confirm) {
							uni.navigateBack();
						} else if (res.cancel) {

						}
					}
				});
			},
			getSendNum(num) {
				this.mxNum = num;
				if(num == 0){
					this.formData.appGroupId=''
				}
			},
			SendNumEmpty() {
				let that = this;
				if (this.mxNum > 0) {
					uni.showModal({
						title: '新单',
						content: '是否要明细归零，录入新单？',
						success: function(res) {
							if (res.confirm) {
								that.mxNum = 0;
								let data = {
									"stockId": "",
									"stockIdList": []
								}
								uni.setStorageSync('stock_key', data);
								//清空唯一值
								that.formData.appGroupId = '';
							}
						}
					});
				}
			},
			//清空任务、部门、职员、供应商
			EmptyTest() {
				this.formData.taskInsId = "";
				this.formData.backTaskInsId = "";
				this.formData.backTaskInsCode = "";
				this.formData.deptCode = "";
				this.formData.deptName = "";
				this.formData.employeeCode = "";
				this.formData.employeeName = "";
				this.formData.supplierCode = "";
				this.formData.supplierName = "";
			},
			//清空子表信息				
			EmptyEntry() {
				this.formData.labelCode = "";
				if (!this.formData.backTaskInsCode) {
					this.formData.materialCode = "";
					this.formData.materialName = "";
				}
				this.formData.batch = "";
				this.formData.unitCode = "";
				this.formData.unitName = "";
				this.formData.stockQty = "";
				// this.formData.rwQty = "";
				this.formData.batch1 = "";
				this.formData.batch2 = "";
				this.formData.materialSpecification = "";
			},
			rulesStar(str) {
				let rules = this.rules;
				if (rules[str] && rules[str].rules[0] && rules[str].rules[0].required) {
					return true;
				} else {
					return false;
				}
			},
			fieldHidden(str) {
				let rules = this.rules;
				if (rules[str] && rules[str].rules[0] && rules[str].rules[0].hidden) {
					return !true;
				} else {
					return !false;
				}
			},
			setFieldSetting(obj) { //修改字段设置
				let index = this.fieldSetting.findIndex(item => item.field == obj.field);
				if (index !== -1) {
					// 如果找到匹配项，则使用 obj 的属性覆盖 fieldSetting 中的相应属性
					Object.assign(this.fieldSetting[index], obj);
				} else {
					// 如果没有找到匹配项，则将 obj 添加到 fieldSetting 中
					this.fieldSetting.push(obj);
				}
			},
		},
		computed: {
			rules() {
				let form = this.formData;
				let rules = {};
				if (!Array.isArray(this.fieldSetting) && this.fieldSetting.length > 0) {
					return rules;
				}
				//转数组
				for (let i = 0; i < this.fieldSetting.length; i++) {
					let field = this.fieldSetting[i];
					rules[field.field] = {
						rules: [{
							required: false,
							errorMessage: field.fieldName + '不能为空',
							hidden: false
						}],
					}
					if (field.required == 1 && field.field) { //判断是否必录
						//判断是否必录
						if (!field.requiredCondition) { //条件为空
							rules[field.field].rules[0].required = true;
						} else { //有条件；form中对应属性满足正则
							//先赋值true；正则不满足再赋值false
							rules[field.field].rules[0].required = true;
							//判断必录用正则数组
							let regArr = [];
							try {
								if (field.requiredCondition) {
									let arr = JSON.parse(field.requiredCondition);
									if (arr != null) {
										regArr = arr.map(([key, value]) => [key, new RegExp(value)]);
									}
								}
							} catch (err) {
								console.error("err", err)
							}
							for (let j = 0; j < regArr.length; j++) {
								if (regArr[j].length == 2 && regArr[j][1].test(form[regArr[j][0]])) {
									rules[field.field].rules[0].required = true;
								} else {
									rules[field.field].rules[0].required = false;
									break;
								}
							}
						}
					}
					if (field.hidden == 1 && field.field) { //判断是否隐藏
						//判断是否必录
						if (!field.hiddenCondition) { //条件为空
							rules[field.field].rules[0].hidden = true;
						} else { //有条件；form中对应属性满足正则
							//先赋值true；正则不满足再赋值false
							rules[field.field].rules[0].hidden = true;
							//判断必录用正则数组
							let regArr = [];
							try {
								if (field.hiddenCondition) {
									let arr = JSON.parse(field.hiddenCondition);
									if (arr != null) {
										regArr = arr.map(([key, value]) => [key, new RegExp(value)]);
									}
								}
							} catch (err) {
								console.error("err", err)
							}
							for (let j = 0; j < regArr.length; j++) {
								if (regArr[j].length == 2 && regArr[j][1].test(form[regArr[j][0]])) {
									rules[field.field].rules[0].hidden = true;
								} else {
									rules[field.field].rules[0].hidden = false;
									break;
								}
							}
						}
					}
				}
				return rules;
			},
			getHashId(){
				//生成哈希值
				const crypto = require('crypto');
				function hashString(str) {
					const hash = crypto.createHash('sha256');
					hash.update(str);
					return hash.digest('hex');
				}
				//null和undefined返回空
				function IFNULL(str){
					return (str==null || str==undefined) ? "" : str + "";
				}
				//使用头信息和nanoid来生成唯一值
				let groupJson = {
					appGroupId : this.formData.appGroupId,
					billTypeCode : IFNULL(this.formData.billTypeCode),
					backTaskInId : '',
					deptCode : IFNULL(this.formData.deptCode),
					employeeCode : IFNULL(this.formData.employeeCode),
					supplierCode : IFNULL(this.formData.supplierCode),
					warehouseCode : IFNULL(this.formData.warehouseCode),
					extendCode01 : IFNULL(this.formData.extendCode01),
					extendCode02 : IFNULL(this.formData.extendCode02),
					extendCode03 : IFNULL(this.formData.extendCode03),
					extendCode04 : IFNULL(this.formData.extendCode04),
					extendCode05 : IFNULL(this.formData.extendCode05),
				}
				let groupStr = JSON.stringify(groupJson)
				const hash = hashString(groupStr)
				return hash
			},
		}
	}
</script>

<style>
	@import "@/static/scss/stock.css";

	.titleV {
		color: #888888;
		font-size: 16px;
		height: 26px;
		line-height: 26px;
		width: 60px;
	}

	.detailV {
		margin-left: 4px;
		color: #333333;
		font-size: 16px;
		height: auto;
		line-height: 26px;
		width: calc(100vw - 70px);
	}
</style>