<template>
	<view class="border width-100 bg-white my-2">
	 <view class="border-bottom flex">
			<view class="border-right label-name px-1">流转号</view>
			<view class="border-right flex-1 px-1">{{item.GYLCKH}}</view>
			<view class="border-right label-name px-1">物品号</view>
			<view class="border-right label-value px-1">{{item.WPH}}</view>
		</view>
		<view class="border-bottom flex">
			<view class="border-right flex-shrink label-name px-1">名称/规格</view>
			<view class="border-right flex-1 px-1"
			>{{item.WPMC}}</view>
		</view>
		<view class="border-bottom flex">
			<view class="border-right label-name px-1">数量</view>
			<view class="border-right flex-1 px-1">{{item.QTY}}</view>
			<view class="border-right label-name px-1">入库日期</view>
			<view class="border-right label-value px-1">{{item.SWRQ}}</view>
		</view>
		<view class="boder-bottom flex px-1">
			<!-- <image src="http://192.168.0.188:8180/samex/rest/webclientrest/queryBarCode?picname=211700288500231.0" mode="" class="codepic" @load="onLoadPic"></image> -->
			<!-- <image src="../../static/images/code.png" mode="" class="codepic" @load="onLoadPic"></image> -->
			<img :src="item.WPTM" mode="" class="codepic" @load="onLoadPic"></img>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				type:Object,
				default:()=>{}
			},
			index:{
				type:Number,
				default:-1
			}
		},
		methods:{
			// 监听图片加载完毕
			onLoadPic () {
				this.$nextTick(function(){
					this.$emit("picLoad",{index:this.index})
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "~@/common/styles/label-print.scss"
</style>
