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

<script>
	import winScanPack from '@/mycomponents/scan/winScanPack.vue'
	export default {
		components: {
			winScanPack
		},
		data() {
			return {
			}
		},
		props: {
			title: {
				type: String,
				default: "需求库位"
			},
			packingNumber: {
				type: String,
				default: ""
			},
			isShowEdit: {
				type: Boolean,
				default: true
			}
		},

		watch: {
		},
		methods: {
			showPack() {
				this.$refs.scanPopup.openScanPopup();
			},
			getScanResult(result) {
				this.$emit("getScanResult", result)
			}
		}
	}
</script>

<style>
</style>