<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: ''
			}
		},
		methods: {
			outStore () {
				let that = this
				console.log(that.infoList);
				/* if (this.infoList.typeId != this.typeId) {
					uni.showToast({
						icon: 'none',
						title: '编码与机具类型不匹配！'
					})
				} else { */
					that.subList = {
						parentId: that.parentId,
						typeId: that.typeId,
						maId: that.infoList[0].maId,
						outNum: 1,
						companyId: uni.getStorageSync('userInfo').sysUser.companyId
					}
					console.log(that.subList);
				// }
				// 提交编码出库申请
				that.$api.fetchMaterialOutStore.subOutStore(that.subList, null).then(res => {
					console.log(res);
					if (res.data.code == 200) {
						uni.showToast({
							icon: 'none',
							title: res.data.msg,
							success: () => {
								uni.navigateBack()
							}
						})
					} else {
						uni.showToast({
							icon: 'none',
							title: res.data.msg
						})
					}
				}).catch(err => {
					console.log(err);
				})
			}
		},
		onLoad(params) {
			let that = this
			console.log(params);
			this.typeId = params.typeId
			this.num = params.num
			this.parentId = params.parentId
			// 根据扫出的编码查询设备
			that.$api.fetchMaterialOutStore.fetchInfoByCode({
				maCode: params.code
			}, null).then(res => {
				console.log(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>
