<!-- 收货任务详情 -->
<template>
	<view class="device-detail" style="padding-bottom: 0 !important;">
		<com-job-top-info :jobContent="jobContent"></com-job-top-info>

		<view class="cell_box uni-flex uni-row margin_top">
			<view class="cell_info">
				<view class="text_lightblue">库位</view>
				<view class="text_black text_bold">{{location==null?'无':location.code}}</view>
			</view>
			<view class="cell_info">
				<view class="text_lightblue">ERP储位</view>
				<view class="text_black text_bold">{{ location==null?'无':location.erpLocationCode}}</view>
			</view>
			<!-- <view class="cell_info">
				<view class="text_lightblue">库位组</view>
				<view class="text_black text_bold">{{ location.areaCode}}</view>
			</view> -->
			<view class="cell_info">
				<view class="text_lightblue">总数量</view>
				<view class="text_black text_bold">{{ allCount}}</view>
			</view>
			<view class="cell_info">
				<view class="text_lightblue">新增</view>
				<view class="text_black text_bold">{{ newCount}}</view>
			</view>
			<view class="cell_info">
				<view class="text_lightblue">盘点</view>
				<view class="text_black text_bold">{{ scanCount}}</view>
			</view>
		</view>
	</view>
</template>

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

	export default {
		name: 'comJobScanDetail',
		components: {
			comJobTopInfo
		},
		props: {
			jobContent: {
				type: Object,
				default: {}
			},
			allCount: {
				type: Number,
				default: 0
			},
			newCount: {
				type: Number,
				default: 0
			},
			scanCount: {
				type: Number,
				default: 0
			},
			location: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {

			};
		},

		filters: {
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
		},
		mounted() {

		},
		methods: {}
	}
</script>

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