<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="isShowPack" :packingCode="dataContent.packingNumber"></pack>
				<batch :batch="dataContent.batch"></batch>
				<location :locationCode="dataContent.locationCode"></location>
				<view class="" v-if="isShowWarehouseCode"
					style=" margin-left: 5rpx ;margin-top: 5rpx;  ">
					<text style="padding: 5px;font-size: 30rpx; color:#1DA4CF">仓库</text>
					<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.warehouseCode}}</text>
				</view>
				
				<view  class="" v-if="isShowJobNumber" style="margin-left: 5rpx; margin-top: 5rpx;">
					<text style="color: coral;padding: 5px;font-size: 30rpx;">任务号 </text>
					<text  style="font-size: 35rpx; font-weight: bold;">{{dataContent.jobNumber}}</text>
				</view>
				
				<view  class="" v-if="isShowBusinessType" style="margin-left: 5rpx;margin-top: 5rpx;">
					<text style="color: green;padding: 5px;font-size: 30rpx;">业务类型 </text>
					<text style="font-size: 35rpx; font-weight: bold;"  v-if="dataContent.businessType&&hasChinese(dataContent.businessType)">{{dataContent.businessType}}</text>
					<text style="font-size: 35rpx; font-weight: bold;"  v-if="dataContent.businessType&&!hasChinese(dataContent.businessType)"> {{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  class="" v-if="isShowTransactionType" style="margin-left: 5rpx;margin-top: 5rpx; ">
			<text style="padding: 5px;font-size: 30rpx;color: #5383B3; ">事务类型 </text>
			<text  style="font-size: 35rpx; font-weight: bold;">{{dataContent.transactionType}}</text>
		</view>
		<view  class="" v-if="isShowInventoryAction"  style="margin-left: 5rpx;margin-top: 5rpx; ">
			<text style="padding: 5px;font-size: 30rpx; color: #B69863">库存动作 </text>
			<text  style="font-size: 35rpx; font-weight: bold;">{{inventoryActionName(dataContent.inventoryAction)}}</text>
		</view>
		
		<view  class="" v-if="isShowRecordNumber" style="margin-left: 5rpx; margin-top: 5rpx;">
			<text style="padding: 5px;font-size: 30rpx;color: #B73681;">业务记录号 </text>
			<text  style="font-size: 35rpx; font-weight: bold;">{{dataContent.recordNumber}}</text>
		</view>
		
		<view  class="" v-if="isShowNumber" style="margin-left: 5rpx; margin-top: 5rpx;">
			<text style="padding: 5px;font-size: 30rpx; color: #5B61C1;">事务号 </text>
			<text  style="font-size: 35rpx; font-weight: bold;">{{dataContent.number}}</text>
		</view>
		
		<view  class="" v-if="isShowWorker" style="margin-left: 5rpx; margin-top: 5rpx;">
			<text style="padding: 5px;font-size: 30rpx;color: #ED77D9;">操作人 </text>
			<text  style="font-size: 35rpx; font-weight: bold;">{{dataContent.worker}}</text>
		</view>
		<view  class="" style="margin-left: 5rpx; margin-top: 5rpx;">
			<text style="padding: 5px;font-size: 30rpx;color:#569FE6">创建时间 </text>
			<text v-if="dataContent.createTime" style="font-size: 35rpx; font-weight: bold;">{{dateFormat(dataContent.createTime)}}</text>
		</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
			},
			isShowWarehouseCode: {
				type: Boolean,
				default: false
			},
			isShowJobNumber: {
				type: Boolean,
				default: false
			},
			isShowBusinessType: {
				type: Boolean,
				default: false
			},
			isShowTransactionType: {
				type: Boolean,
				default: false
			},
			isShowRecordNumber: {
				type: Boolean,
				default: false
			},
			isShowNumber: {
				type: Boolean,
				default: false
			},
			isShowWorker: {
				type: Boolean,
				default: false
			},
			isShowInventoryAction: {
				type: Boolean,
				default: false
			},
			
			
			
		},

		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>