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

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

	export default {
		components: {
			winScanLocation
		},
		data() {
			return {
				defaultlocationCode: ""
			}
		},
		props: {
			title: {
				type: String,
				default: "需求库位"
			},
			locationCode: {
				type: String,
				default: ""
			},
			isShowEdit: {
				type: Boolean,
				default: true
			},
			locationTypeList: {
				type: Array,
				default: []
			}
		},

		watch: {
			// locationCode: {
			// 	handler(newName, oldName) {
			// 		if (this.locationCode != "") {
			// 			this.defaultlocationCode = this.locationCode;
			// 		}
			// 	},
			// 	immediate: true,
			// 	deep: true
			// }
		},
		methods: {
			showLocation() {
				if (this.isShowEdit) {
					this.$refs.scanLocationCode.openScanPopup();
				}

			},
			//扫描源库位
			getLocation(location, code) {
				this.$emit("getLocation", location, code)
			}
		}
	}
</script>

<style>
</style>