<template>
	<view class="uni-flex u-col-center" style="padding-top: 15rpx; 
	padding-bottom: 15rpx;
	 padding-left: 10rpx;
	 padding-right: 10rpx;
	 font-size:32rpx;">
		<text style="font-size: 35rpx;">{{title}} </text>
		<view class="uni-flex u-col-center" @click="showLocation">
			<text style="color:#3FBAFF;font-size: 35rpx;" v-if="containerCode==''&&isShowEdit==true">&nbsp 请扫描</text>
			<text style="color:#3FBAFF; font-size: 35rpx;">&nbsp {{containerCode}}</text>
			<image v-if="isShowEdit" style="width: 45rpx;height: 45rpx;" src="/static/icons/icons_edit.svg"></image>
		</view>
		<winScanContainer ref="scanContainer" :title="title" @getContainer='getContainer'></winScanContainer>
	</view>
</template>

<script>
	import winScanContainer from "@/mycomponents/scan/winScanContainer.vue"

	export default {
		components: {
			winScanContainer
		},
		data() {
			return {
				defaultContainerCode: ""
			}
		},
		props: {
			title: {
				type: String,
				default: "需求库位"
			},
			containerCode: {
				type: String,
				default: ""
			},
			isShowEdit: {
				type: Boolean,
				default: true
			},
		},

		watch: {
			containerCode: {
				handler(newName, oldName) {
					if (this.containerCode != "") {
						this.defaultContainerCode = this.containerCode;
					}
				},
				immediate: true,
				deep: true
			}
		},
		methods: {
			showLocation() {
				this.$refs.scanContainer.openScanPopup();
			},
			//扫描源库位
			getContainer(containerInfo) {
				this.$emit("getContainer", containerInfo)
			}
		}
	}
</script>

<style>
</style>
