<template>
	<view class="">
		<u-popup v-model="show"  mode="bottom" border-radius="14" z-index='12'>
			<view class="title">
				<view class="title-txt">
						需求信息
				</view>
				<u-icon name="close" color="#4f4f4f" size="28"></u-icon>
			</view>
			<view class="item">
				<view class="label">来源库位：</view>
				<view class="value">{{itemCode}}</view>
				<view class="searchIcon">
					<image src="/static/search.svg" mode=""  @click="fromLocationClick"/>
				</view>
			</view>
			<view class="item">
				<view class="label">零件：</view>
				<view class="value">{{itemCode}}</view>
				<view class="searchIcon">
					<image src="/static/search.svg" mode=""  @click="itemCodeClick"/>
				</view>
			</view>
			<view class="item">
				<view class="label">批次：</view>
				<view class="value">{{itemCode}}</view>
				<view class="searchIcon"></view>
			</view>
			<view class="item">
				<view class="label">数量：</view>
				<view class="value1">
					<u-number-box v-model="value" @change="valChange"></u-number-box>
					<view class="uom">EA</view>
				</view>
			</view>
			<view class="uni-flex uni-row hide_border">
				<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="cancel()">取消</button>
				<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button>
			</view>
		</u-popup>
		
		<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation'
			:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location>
	</view>
</template>

<script>
	import winScanLocation from "@/mycomponents/scan/winScanLocation.vue"
	import {
		getBusinessType
	} from '@/common/record.js';

	export default {
		components: {
			winScanLocation
		},
		data() {
			return {
				show:true,
				businessTypeCode: "OkToHold",
			}
		},
		props: {
		},
		methods: {
			// 打开扫描来源库位组件
			openFromLocation(){
				this.$refs.scanLocationCode.openScanPopup()
			},
			getLocation(location, code){
				console.log(location,code)
				
			},
			getBusinessTypeFunc() {
				getBusinessType(this.businessTypeCode, res => {
					if (res.success) {
						this.businessType = res.businessType;
						this.fromInventoryStatuses = res.fromInventoryStatuses.split(',');
						this.fromLocationAreaTypeList = res.fromLocationAreaTypeList
						this.openFromLocation();
					} else {
						this.showErrorMessage(res.message)
					}
				});
			},
			
		}
	}
</script>

<style lang="scss">
	.title{
		padding:30rpx 20rpx;
		display: flex;
		border-bottom:1px solid rgba(230, 230, 230, 1);
		.title-txt{
			flex:1;
			font-weight: bold;
			font-size: 32rpx;
		}
		
	}
	.select{
		display: flex;
	}
	.border{
		border:1px  solid rgba(230, 230, 230, 1)
	}
	::v-deep .u-input__right-icon__clear{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #a7a7a7;
	}
	.item{
		display: flex;
		align-items: center;
		padding: 20rpx;
		border-bottom: 1px solid #dedede;
		.value{
			flex:1;
			width: 0px;
			height: 80rpx;
			border: 1px solid #dedede;
		}
		.value1{
			flex:1;
			width: 0px;
			height: 80rpx;
			display: flex;
			align-items: center;
		}
		.searchIcon{
			width: 40rpx;
			margin-left: 20rpx;
			image{
				width: 40rpx;
				height:40rpx
			}
		}
		.uom{
			margin-left: 10rpx;
		}
		
	}
</style>