<!--收货任务卡片-->
<template>
	<view class="device-detail">
		<view class="card_task nopad">
			<win-job-number :dataContent="receiptItem" @openJobDetail='openJobDetail'></win-job-number>
		<win-job-number-detail-info ref="itemDetailInfo" :dataContent="receiptItem" ></win-job-number-detail-info>
		</view>
		<view class="margin_xs_bottom" style="clear: both;" @click='openJobDetails(receiptItem)'>
			<view class="label_order">
				<image class="icon_normal" src="@/static/icons_ui/icon_asn.svg"></image>
				<text>供应商名称:{{receiptItem.supplierName}}</text>
			</view>
			<view class="label_order">
				<image class="icon_normal" src="@/static/icons_ui/icon_date.svg"></image>
					<text
				class="text_darkblue">计划到货时间：{{receiptItem.planArriveDate===null?'无':formatDate(receiptItem.planArriveDate)}}</text>
			</view>
		</view>
		<view class="uni-flex uni-row receipt_bot">
			<win-job-creation :creater="receiptItem.worker" :creationTime="formatDate(receiptItem.creationTime)"></win-job-creation>
			
		</view>
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
		dateFormat
	} from '@/common/basic.js';
	import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue';
	import winJobNumber from '@/mycomponents/wincom/unitCom/winJobNumber.vue';
	import winJobCreation from '@/mycomponents/wincom/unitCom/winJobCreation.vue';
	import winJobNumberDetailInfo from '@/mycomponents/wincom/unitCom/winJobNumberDetailInfo.vue'
	export default {
		name: "comReceipt",
		components: {
			comJobTopInfo,
			winJobNumber,
			winJobCreation,
			winJobNumberDetailInfo
		},
		data() {
			return {

			};
		},
		props: ['receiptItem'],
		methods:{
			openJobDetail(item){
				this.$refs.itemDetailInfo.openDetail();
			},
			openJobDetails(item){
				this.$emit("openJobDetail",item);
			},
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
			formatDate: function(val) {
				return dateFormat(val)
			}
			
		}
	}
</script>

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