WZC2/fe/PDA/mycomponents/comreceipt.vue

<!--收货任务卡片-->
<template>
	<view class="device-detail">
		<view class="list-style">
			<view class="display-flex">
				<view class="text-color">任务编号:{{comreceipt.number}}</view>
				<view class="state-style right-width" :class="comreceipt.jobStatus | statusStyle">
					{{comreceipt.jobStatus | statusColor}}
				</view>
			</view>
			<view>供应商:{{comreceipt.supplierName }}</view>
			<view>ASN:{{comreceipt.asnNumber}}</view>
			<view>到货单:{{comreceipt.arriveNoticeNumber}}</view>
			<view>到货日期:
				<!-- {{comreceipt.arriveTime===null?'无':comreceipt.arriveTime.slice(0,10)}} -->
				{{comreceipt.planArriveDate===null?'无':comreceipt.planArriveDate| formatDate}}
			</view>
			<!-- <view>时间窗口:{{comreceipt.timeWindow}}</view> -->
		</view>
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
		dateFormat
	} from '@/common/basic.js';
	export default {
		name: "comreceiptsmple",
		data() {
			return {

			};
		},
		// 此处定义传入的数据
		props: ['comreceipt']

			,
		filters: {
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
			formatDate: function(val) {
				return dateFormat(val)
			}
		},
	}
</script>

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