<!--发料任务卡片-->
<template>
	<view class="choose_main">
		<view class="ljh_box">
			<view class="tit_ljh">{{ dataContent.itemCode }}</view>
			<view class="ljh_left">
				<view class="font_xs text_lightblue">{{dataContent.itemName}}</view>
				<view class="font_xs text_lightblue">{{dataContent.item.desc2}}</view>
			</view>
		</view>
		<view class="list_form">
			<view class="uni-container">
				<uni-table style="overflow-x: hidden;">
					<uni-tr>
						<uni-th width="90"></uni-th>
						<uni-th width="100" align="center">库存</uni-th>
						<uni-th width="100" align="center">发货</uni-th>
					</uni-tr>
					<uni-tr>
						<uni-th width="90">数量（{{dataContent.qty.uom}}）</uni-th>
						<uni-th width="100" align="center">
							<view class="text_black">{{dataContent.balanceQty}}</view>
						</uni-th>
						<uni-th width="100" align="center">

							<view class="text_black">
								<uni-easyinput v-if='editQty' v-model="dataContent.qty.qty" type="digit"
									@input="qtyInput($event,dataContent)">
								</uni-easyinput>
								<view v-else class="text_black">{{dataContent.qty.qty}}</view>
							</view>
						</uni-th>
					</uni-tr>
				</uni-table>
			</view>
		</view>
		<view class="uni-flex uni-row bot_card">
			<!-- 箱码 -->
			<view class="bot_card_item item_long">
				<label class="icon_bg icon_bg_xm">
					<image class="icon_normal" src="@/static/icons_ui/icon_xm.svg">
					</image>
				</label>
				<text>{{dataContent.packingCode}}</text>
			</view>
			<!-- 库位 -->
			<view class="bot_card_item">
				<label class="icon_bg icon_bg_kw">
					<image class="icon_normal" src="@/static/icons_ui/icon_kw.svg">
					</image>
				</label>
				<text>{{ dataContent.locationCode }}</text>
			</view>
			<!-- 批次 -->
			<view class="bot_card_item">
				<label class="icon_bg icon_bg_pc">
					<image class="icon_normal" src="@/static/icons_ui/icon_pc.svg">
					</image>
				</label>
				<text>{{dataContent.lot}}</text>
			</view>
			<!-- 状态 -->
			<view class="bot_card_item item_short">
				<label class="icon_state" :class="statusStyle(dataContent.status)"></label>
				<text class="state_point" :class="statusStyle(dataContent.status)">
					{{ statusColor(dataContent.status)}}
				</text>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getInventoryStatusDesc
	} from '@/common/basic.js';
	export default {
		name: "comDeliverFg",
		data() {
			return {};
		},
		// 此处定义传入的数据
		props: {
			dataContent: {
				type: Object,
				value: null
			},
			editQty: {
				type: Boolean,
				value: false
			}
		},
		methods: {
			qtyInput(value, item) {
				this.$emit('qtyInput', value, item)
			},
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			inventoryStatus: function(val) {
				return getInventoryStatusDesc(val);
			}
		}
	}
</script>

<style scoped lang="scss">

</style>
