<template>
	<view>
		<!-- <view class="item_big_title">
			[明细]
		</view> -->
		<view class="item">
			<text class="item_title">明细箱码 : </text>
			<text class="text_wrap">{{dataContent.packingNumber}}</text>
		</view>
		<view class="item">
			<text class="item_title">明细批次 : </text>
			<text class="text_wrap">{{dataContent.batch}}</text>
		</view>
		<view class="item">
			<text class="item_title">明细数量 : </text>
			<view class="text_wrap">
				<text class="text_wrap">{{Number(dataContent.qty)}}</text>
				<text class="text_wrap">{{getUomInfo(dataContent.uom)}}</text>
			</view>
		</view>
		<view class="item">
			<text class="item_title">明细状态 : </text>
			<text class="text_wrap">{{getInventoryStatusInfo(dataContent.inventoryStatus)}}</text>
		</view>
		<view class="item">
			<text class="item_title">来源库位 : </text>
			<text class="text_wrap">{{dataContent.fromLocationCode}}</text>
		</view>
		<view class="item">
			<text class="item_title">目标库位 : </text>
			<text class="text_wrap">{{dataContent.toLocationCode}}</text>
		</view>
	</view>
</template>

<script>
	import {
		getInventoryStatusName,
		getPackUnitInfo,
		getUomInfo
	} from '@/common/directory.js';
	export default {
		components: {},
		data() {
			return {

			}
		},

		mounted() {},
		props: {
			dataContent: {
				type: Object,
				default: {}
			}
		},

		methods: {
			getInventoryStatusInfo(value) {
				return getInventoryStatusName(value)
			},
			getUomInfo(value){
				return getUomInfo(value).label
			}
		}
	}
</script>

<style>

</style>
