<template>
	<view class="" style="margin-left: 10px;">
		<view class="uni-flex uni-row space-between uni-inline-item">
			<!-- 物料 -->
			<view style="flex: 1;">
				<view style="margin-top: 5px;">
					<view class="uni-flex u-col-center space-between ">
						<view >
							<view class="card_itemCode" :class="openPopup(dataContent)">
								{{dataContent.itemCode}}
							</view>
							<view class="card_itemName" style="word-break:break-all;overflow:hidden;white-space:normal;display: flex;align-items: center;" :class="isSpecial ? 'special':''">
								<view style="max-width:280rpx;overflow: hidden;white-space: nowrap;">{{dataContent.itemName}}</view>
								<view style="padding-left: 8rpx;padding-right: 8rpx;" v-if="dataContent.itemCode && dataContent.itemDesc1">|</view>
								<view style="max-width: 200rpx;overflow: hidden;white-space: nowrap;" v-if="dataContent.itemCode && dataContent.itemDesc1">{{dataContent.itemDesc1}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 数量 -->
			<view style="" >
				<view class="text_packQty uni-flex justify-end"  style="margin-top: 5rpx; margin-right: 20rpx;" >
					<view class="uom_blue uni-flex align-center" >
						<view class="uom_yellow" style="word-break:break-word;">{{dataContent.recordList.reduce((prev, item) => prev + Number(item['handleQty']),0)}}</view>
						<view class="">/</view>
						<view class="uom_blue">{{dataContent.unexecutedQty}}{{' '+getUomInfo(dataContent.uom)}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 补料数量 -->
		<job-repleinsh-time-qty :dataContent="dataContent"></job-repleinsh-time-qty>
		
	</view>
</template>

<script>
	import jobRepleinshTimeQty from '@/mycomponents/job/jobRepleinshTimeQty.vue'
	import {
		getUomInfo
	} from '@/common/directory.js';
	export default {
		components: {
			jobRepleinshTimeQty

		},
		data() {
			return {

			};
		},
		// 此处定义传入的数据
		props: {
			dataContent: {
				type: Object,
				default: {}
			},
			isSpecial: {
				type: Boolean,
				default: false
			},
		},
		watch: {

		},
		methods: {
			getUomInfo(uom) {
				let item = getUomInfo(uom);
				if (item == '') {
					return uom;
				} else {
					return item.label
				}
			},
			openPopup(val) {

				// console.log(JSON.stringify(val));
			},
		},
	}
</script>

<style>
	.special{
		color: blue!important;
		font-size: 40rpx;
		font-weight: bold;
	}
</style>
