SmartStorage/pages/scanOutStore/scanOutStore.vue

<template>
	<view>
		<view
			class="info-area"
			v-for="(item, index) in infoList"
			:key="index"
			v-show="infoList.length != 0"
		>
			<view>
				<h4>物品名称</h4>
				<span>{{ item.itemType }}</span>
			</view>
			<view>
				<h4>设备名称</h4>
				<span>{{ item.deviceType }}</span>
			</view>
			<view>
				<h4>设备规格</h4>
				<span>{{ item.specificationType }}</span>
			</view>
			<view>
				<h4>设备状态</h4>
				<span>{{ item.maStatusName }}</span>
			</view>
			<view>
				<h4>机具编码</h4>
				<span>{{ item.maCode }}</span>
			</view>
			<view>
				<h4>出库数量</h4>
				<span>1</span>
			</view>
		</view>
		<view 
			class="sub-btn"
			v-show="infoList.length != 0"
			@click="outStore"
		>
			出库
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				typeId: '',
				num: '',
				parentId: '',
				infoList: '',
				carCode: ''
			}
		},
		methods: {
			outStore () {
				let that = this
				console.log(this.infoList[0].typeId, this.typeId);
				if (this.infoList[0].typeId != this.typeId) {
					uni.showToast({
						icon: 'none',
						title: '编码与机具类型不匹配！'
					})
				} else if (that.num == 0) {
					uni.showToast({
						icon: 'none',
						title: '无法再出库！'
					})
				} else {
					that.subList = {
						parentId: that.parentId,
						typeId: that.typeId,
						maId: that.infoList[0].maId,
						carCode: that.carCode,
						outNum: 1,
						companyId: uni.getStorageSync('userInfo').sysUser.companyId
					}
					console.log(that.subList);
					// 提交编码出库申请
					that.$api.fetchMaterialOutStore.subOutStore(that.subList).then(res => {
						console.log(res);
						if (res.data.code == 200) {
							uni.showToast({
								icon: 'none',
								title: res.data.msg,
								success: () => {
									setTimeout(() => {
										uni.navigateBack()
									}, 200)
										/* uni.reLaunch({
											url: `/pages/QROut/QROut?typeId=${that.typeId}&num=${that.num}&parentId=${that.parentId}&carCode=${that.carCode}`
										}) */
								}
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							})
						}
					}).catch(err => {
						console.log(err);
					})
				}
			}
		},
		onLoad(params) {
			let that = this
			console.log(params);
			let {
				typeId, 
				num, 
				parentId, 
				carCode,
				code
			} = params
			this.typeId = typeId
			this.num = num
			this.parentId = parentId
			this.carCode = carCode
			// 根据扫出的编码查询设备
			that.$api.fetchMaterialOutStore.fetchInfoByQrCode({
				qrCode: code
			}).then(res => {
				console.log('fetchInfoByQrCode =================================',res);
				if (res.data.rows.length == 0) {
					uni.showToast({
						icon: 'none',
						title: '未查询到设备数据！'
					})
				} else {
					that.infoList = res.data.rows
				}
			}).catch(err => {
				console.log(err);
			})
		}
	}
</script>

<style lang="scss">
	.info-area{
		width: 90%;
		margin: 40rpx auto;
		display: flex;
		flex-direction: column;
		view{
			margin-bottom: 25rpx;
			display: flex;
			align-items: center;
			h4{
				width: 35%;
				font-weight: normal;
				font-size: 14px;
				color: #989898;
			}
			span{
				font-size: 14px;
			}
		}
	}
	.sub-btn{
		width: 80%;
		margin: 30rpx auto;
		box-sizing: border-box;
		padding: 15rpx 0;
		background-color: #0189FC;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 40rpx;
	}
</style>