TFT_WmsPda/TFT-PDA/pages/Inspect/inspectOperate.vue

<template>
	<view style="padding: 3px;">
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;margin-top: 5px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">交验单号：</text>
			<text style="align-self: center;font-size: 35rpx;word-wrap: break-word;width: 200px;font-weight: bold;">{{deliverDtlMd.deliverNo}}</text>
		</view>
		<!-- <view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">生产令号：</text>
			<text style="align-self: center;font-size: 35rpx;word-wrap: break-word;width: 200px;font-weight: bold;">{{deliverDtlMd.bomNo}}</text>
		</view> -->
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">物料号：</text>
			<text style="align-self: center;font-size: 35rpx;word-wrap: break-word;width: 200px;font-weight: bold;">{{deliverDtlMd.materialCode}}</text>
			<text :class="deliverDtlMd.keyFlag ? 'keyFlagRed' : 'keyFlagGray'" style="align-self: center;">{{deliverDtlMd.keyFlag ? '★' : '■'}}</text>
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;margin-top: 5px;margin-bottom: 5px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">物料名称：</text>
			<text style="align-self: center;font-size: 35rpx;word-wrap: break-word;width: 200px;font-weight: bold;">{{deliverDtlMd.materialName}}</text>
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">规格型号/图号：</text>
			<text style="align-self: center;font-size: 35rpx;word-wrap: break-word;width: 200px;font-weight: bold;">{{deliverDtlMd.materialSpec}}</text>
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">交验单数量：</text>
			<text style="align-self: center;font-size: 40rpx;font-weight: bold;">{{deliverDtlMd.sumQty}}</text>
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;">已质检数量：</text>
			<text style="align-self: center;font-size: 40rpx;font-weight: bold;color: blue;">{{deliverDtlMd.sumCheckQty}}</text>
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px; ">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;width: 230rpx;">BN/SN码：</text>
			<input class="uni-input" style="margin-right: 5px;font-size: 40rpx;font-weight: bold;" v-model="bnSnCode" :focus="foucusIndex === 0" placeholder="请输BN/SN码" />
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: darkslategray;width: 230rpx;">合格数量：</text>
			<input v-if="!deliverDtlMd.keyFlag" class="uni-input" type="number" style="margin-right: 5px;color: blue;font-size: 40rpx;font-weight: bold;" v-model="checkOkQty" placeholder="请输合格数量" />
			<input v-if="deliverDtlMd.keyFlag" class="uni-input" disabled="true" type="number" style="margin-right: 5px;color: blue;font-size: 40rpx;font-weight: bold;" v-model="checkOkQty" />
		</view>
		<view style="flex-direction: row;flex-direction: row;display: flex;padding: 2px;">
			<text style="align-self: center;font-size: 35rpx;color: red;width: 230rpx;">不合格数量：</text>
			<input class="uni-input" type="number" style="margin-right: 5px;color: red;font-size: 40rpx;font-weight: bold;" v-model="checkNgQty" @input="onKeyInput" placeholder="请输不合格数量" />
		</view>
		<button type="primary" style="margin-top: 20px;" @click="resetCondition">重   置</button>
		<button type="primary" style="margin-top: 20px;" @click="submitResult">质检结果提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				deliverDtlMd: {},
				bnSnCode: '',
				checkOkQty: 0,
				checkNgQty: 0,
				foucusIndex: 0
			}
		},
		onUnload() {
			
		},
		onLoad() {
			uni.$once('sendDeliverDtlData', (data) => {
				this.deliverDtlMd = data
				if(this.deliverDtlMd.keyFlag) {
					this.checkOkQty = 1
				}
				else {
					this.checkOkQty = data.sumQty - data.sumCheckQty
				}
			})
		},
		methods: {
			async submitResult() {
				// let that = this;
				if(this.isEmptyStr(this.bnSnCode)) {
					uni.showToast({
						title: 'BN/SN码不能为空！',
						icon: 'none',
						duration: 1000
					})
					return;
				}
				if(Number(this.checkOkQty) <= 0 && Number(this.checkNgQty) <= 0) {
					uni.showToast({
						title: '质检合格数量和不合格数量，至少需要输入一项！',
						icon: 'none',
						duration: 1000
					})
					return;
				}
				if((Number(this.checkOkQty) + Number(this.checkNgQty) + this.deliverDtlMd.sumCheckQty) > this.deliverDtlMd.sumQty) {
					uni.showToast({
						title: '质检合格数量+不合格数量 不能大于未质检数量。录入错误！',
						icon: 'none',
						duration: 1000
					})
					return;
				}
				uni.showLoading({
					title: "正在提交数据...",
					mask: true,
				})
				let tmpMd = this.deliverDtlMd;
				tmpMd.DeliverNo = this.deliverNo;
				tmpMd.MaterialSpec = this.materialSpecCode;
				tmpMd.BnSnCode = this.bnSnCode;
				tmpMd.CheckOkQty = this.checkOkQty;
				tmpMd.CheckNgQty = this.checkNgQty;
				let parm = {
					url : '/business/QaInspectRecord/addSapDeliverDtlInspectResult',
					data: tmpMd,
					method: 'POST',
					isHaveToken : true
				}
				let retData = await getApp().RequestData(parm)
				if(retData.isSuccess) {
					if(retData.data.code == 200) {
						uni.navigateBack({
							url: '/pages/Inspect/inspectDtlNew',
							success: () => {
								uni.hideLoading()
								uni.$emit('CallSapDeliverDtlQueryFunc',null);
							}
						});
					}
					else {
						uni.hideLoading()
						uni.showToast({
							title: '提交数据失败！' + retData.data.msg,
							icon: 'none',
							duration: 1000
						})
					}
				}
				else {
					uni.hideLoading()
					uni.showToast({
						title: '接口异常！' + retData.retMsg,
						icon: 'none',
						duration: 1000
					})
				}
			},
			isEmptyStr(s) {
				if (s == undefined || s === '') {
					return true
				}
				return false
			},
			foucusChange0(event) {
				let str = event.detail.value
				if(str.length !== 0) {
					this.foucusIndex = 1
				}
			},
			foucusChange1(event) {
				let str = event.detail.value
				if(str.length !== 0) {
					this.foucusIndex = 2
				}
			},
			resetCondition() {
				this.bnSnCode = ''
				this.foucusIndex = 1
				setTimeout(() => {
					this.foucusIndex = 0;
				}, 150)
				if(this.deliverDtlMd.keyFlag) {
					this.checkOkQty = 1
				}
				else {
					this.checkOkQty = this.deliverDtlMd.sumQty - this.deliverDtlMd.sumCheckQty
				}
				this.checkNgQty = 0
			},
			onKeyInput(event) {
				if(this.deliverDtlMd.keyFlag) {
					if(Number(this.checkNgQty) > 1) {
						uni.showToast({
							title: '关键件的不合格数量不能大于1，录入错误！',
							icon: 'none',
							duration: 1000
						})
						return;
					}
					if(Number(this.checkNgQty) == 1) {
						this.checkOkQty = 0
					}
					if(Number(this.checkNgQty) == 0) {
						this.checkOkQty = 1
					}
				}
			}
		}
	}
</script>

<style lang="scss">
	@import '@/common/uni-nvue.css';
	.keyFlagRed {
		color: red;
	}
	.keyFlagGray {
		color: lightgray;
	}
</style>