<template>
	<view class="" style="width: 100%; background-color: #fff; border-radius: 10rpx;">
		
		<view class="uni-flex uni-row space-between" style="align-items: center;">
			<view>
				<pack v-if="dataContent.parentNumber" title="父包装" :packingCode="dataContent.parentNumber"></pack>
				<pack v-if=" dataContent.packingNumber" :packingCode="dataContent.packingNumber"></pack>
				<batch v-if="isShowBatch && dataContent.batch" :batch="dataContent.batch"></batch>
				<location  :locationCode="dataContent.locationCode"></location>
				<view class="" v-if="dataContent.warehouseCode"
					style="font-size: 32rpx;  margin-left: 15rpx ; padding-bottom: 10rpx; font-weight: bold;">
					<text style="">仓库</text>
					{{dataContent.warehouseCode}}
				</view>
				<view class="" v-if="dataContent.jobNumber"
					style="font-size: 32rpx;  padding-left: 10rpx ; padding-bottom: 10rpx;">
					<text style="color: coral; ">任务号</text>
					{{dataContent.jobNumber}}
				</view>
				<view class="" v-if="dataContent.businessType"
					style="font-size: 32rpx;  padding-left: 10rpx ; padding-bottom: 10rpx;">
					<text style="color:green; ">业务类型 </text>
					<text v-if="hasChinese(dataContent.businessType)">{{dataContent.businessType}}</text>
					<text v-else> {{businessTypeDesc(dataContent.businessType)}}</text>
				</view>
			</view>
			<view class="uni-flex" style="flex-direction: column;">
				<view class="uni-flex uni-row center">
					<qty  :dataContent="dataContent"
						:isShowStdPack="isShowStdPack" :isShowStatus="true"></qty>
				</view>
			</view>

		</view>
		<view v-if="dataContent.transactionType"  class="" style="margin-left: 10rpx; font-size: 32rpx;">
			事务类型：{{dataContent.transactionType}}
		</view>
		<view v-if="dataContent.inventoryAction"  class="" style="margin-left: 10rpx; font-size: 32rpx;">
			库存动作：{{inventoryActionName(dataContent.inventoryAction)}}
		</view>
		<view v-if="dataContent.recordNumber" class="" style="margin-left: 10rpx; font-size: 32rpx;">
			业务记录号：{{dataContent.recordNumber}}
		</view>
		<view v-if="dataContent.number" class="" style="margin-left: 10rpx; font-size: 32rpx;">
			事务号：{{dataContent.number}}
		</view>
		<view v-if="dataContent.worker"  class="" style="margin-left: 10rpx; font-size: 32rpx;">
			操作人：{{dataContent.worker}}
		</view>
		<view class="" style="margin-left: 10rpx; font-size: 32rpx;">
			创建时间：{{dateFormat(dataContent.createTime)}}
		</view>
		



	</view>
</template>

<script>
	import itemQty from '@/mycomponents/item/itemQty.vue'
	import item from '@/mycomponents/item/item.vue'
	import pack from '@/mycomponents/balance/pack.vue'
	import batch from '@/mycomponents/balance/batch.vue'
	import qty from '@/mycomponents/qty/qty.vue'
	import status from '@/mycomponents/status/status.vue'
	import location from '@/mycomponents/balance/location.vue'
	import {
		getBusinessTypeName,
	} from '@/common/directory.js';
	import {
		dateFormat
	} from '@/common/basic.js';
	export default {
		components: {
			itemQty,
			item,
			pack,
			batch,
			qty,
			status,
			location
		},
		data() {
			return {



			};
		},
		props: {
			dataContent: {
				type: Object,
				default: null,
			},
			isShowPack: {
				type: Boolean,
				default: true
			},
			isShowBatch: {
				type: Boolean,
				default: true
			},
			isShowLocation: {
				type: Boolean,
				default: true
			},
			isShowStdPack: {
				type: Boolean,
				default: true
			},
		},

		methods: {
			businessTypeDesc(type){
				return getBusinessTypeName(type)
			},
			dateFormat(times){
				return dateFormat(times)
			},
			hasChinese(str){
			    var reg = /[\u4e00-\u9fa5]/g;
			    return reg.test(str);
			},
			
			inventoryActionName(value){
				return value=="IN"?"入库":"出库"
			}

		}
	}
</script>

<style>
</style>