<!--盘点任务卡片-->
<template>
	<view class="device-detail">
		<view class="card_task nopad">
			<com-job-top-info :jobContent="datacontent"></com-job-top-info>
		</view>
		<view class="margin_xs_bottom">
			<view class="count_list">
				<text>{{datacontent.countStage|countStageDesc}}</text> |
				<!-- <text>{{datacontent.type | checkTypeDesc}}</text> | -->
				<text>{{datacontent.countMethod |countMethodDesc}}</text> |
				<text>{{datacontent.locationCode }}</text>
			</view>
		</view>
		<view class="uni-flex uni-row receipt_bot">
			<view class="label_order">
				<image class="icon_normal" style="vertical-align: middle;" src="@/static/icons_ui/icon_date.svg">
				</image>
				<text
					class="text_darkblue">{{datacontent.creationTime===null?'无':datacontent.creationTime| formatDate}}</text>
			</view>
		</view>
	</view>
</template>
<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
		getCountStageDesc,
		getCheckTypeDesc,
		getCountMethodDesc,
		getInventoryStatusDesc,
		getInventoryTypeStyle,
		dateFormat
	} from '@/common/basic.js';
	import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue'
	export default {
		name: "comcount",
		data() {
			return {};
		},
		components: {
			comJobTopInfo
		},
		// 此处定义传入的数据
		props: ['datacontent'],
		filters: {
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
			countStageDesc: function(val) {
				return getCountStageDesc(val);
			},
			checkTypeDesc: function(val) {
				return getCheckTypeDesc(val);
			},
			countMethodDesc: function(val) {
				return getCountMethodDesc(val);
			},
			inventoryStatuStyle: function(val) {
				return getInventoryTypeStyle(val);
			},
			inventoryStatusColor: function(val) {
				return getInventoryStatusDesc(val);
			},
			formatDate: function(val) {
				return dateFormat(val)
			}
		},
	}
</script>

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