<!--检验任务卡片-->
<template>
	<view class="device-detail" style="padding: 0 !important;">
		<view class="list-style">
			<view class="card_task">
				<view class="task_num">
					<image class="icon_normal" src="@/static/icons_ui/icon_tasknum.svg"></image>
					<text>{{datacontent.number}}</text>
				</view>
				<view class="ljh_box nopad">
					<view class="tit_ljh">
						<text class="state-style fl margin_xs_top" :class="datacontent.jobStatus | statusStyle">
							{{datacontent.jobStatus | statusColor}}
						</text>
						<text>{{datacontent.itemCode}}</text>
					</view>
					<view class="ljh_left desc_ljh">
						<view class="font_xs text_lightblue">{{datacontent.itemName}}</view>
						<view class="font_xs text_lightblue">{{datacontent.item.desc2}} </view>
					</view>
				</view>
			</view>
			<view class="cen_card margin_xs_bottom margin_xs_top .pda_receipt_label">
				<view class="label_order ">
					<image class="icon_normal" src="@/static/icons_ui/icon_asn.svg"></image>
					<text>{{datacontent.asnNumber}}</text>
				</view>
				<view class="label_order">
					<image class="icon_normal" src="@/static/icons_ui/icon_avn.svg"></image>
					<text>{{datacontent.arriveNoticeNumber}}</text>
				</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>{{item.packingCode}}</text> -->
				</view>
				<!-- 箱码 -->
				<view class="bot_card_item" style="width:35%;">
					<!-- <label class="icon_bg icon_bg_kw"><image class="icon_normal" src="@/static/icons_ui/icon_kw.svg"></image></label> -->
					<!-- <text>{{item.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="item.status | statusStyle"></label>
					<text class="state_point" :class="item.status | statusStyle">
						{{ item.status | statusColor}}
					</text> -->
				</view>
				<!-- 状态 -->
			</view>	
		</view>
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc
	} from '@/common/basic.js';

	export default {
		name: "cominspect",
		data() {
			return {};
		},
		// 此处定义传入的数据
		props: {
			datacontent: {
				type: Object,
				value: null
			}
		},
		filters: {
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			}
		},
	}
</script>

<style scoped lang="scss">
</style>
