WZC2/fe/PDA/mycomponents/comjob/comJobUnScanDetail.vue

<!-- 收货任务详情 -->
<template>
	<view class="device-detail" style="padding-bottom: 0 !important;">
		<com-job-top-info :jobContent="jobContent"></com-job-top-info>
		<!-- <view class="ljh_box nopad">
			<text class="state-style fl margin_xs_top" :class="jobContent.jobStatus | statusStyle">
				{{ jobContent.jobStatus | statusColor }}
			</text>
			<text class="tit_ljh">{{ jobContent.number }}</text>
		</view> -->
		<view class="label_order">
			<text >OA单号：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.oaNumber}}</text>
		</view>
		<view class="label_order">
			<text >ERP储位：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.fromErpLocationCode}}</text>
		</view>
		<view class="label_order">
			<text >ERP料号：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.itemCode}}</text>
		</view>
		
		<view class="label_order">
			<text >料号名称：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.itemName}}</text>
		</view>
		
		<view class="label_order">
			<text >料号描述：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.itemDesc1}}</text>
		</view>
		
		<view class="label_order">
			<text >正厂编码：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.itemDesc2}}</text>
		</view>
		
		<view class="label_order">
			<text >需求数量：</text>
			<text style="font-weight: bold; color:black" >{{jobContent.qty}}</text>
		</view>
		<view class="label_order">
			<text >扫描数量：</text>
			<text style="font-weight: bold; color:black" >{{scanCount}}</text>
		</view>
		
		
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
	} from '@/common/basic.js';
	import {
		calc
	} from '@/common/calc.js';
	import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue'
	
	export default {
		name: 'comJobScanDetail',
		components: {
			comJobTopInfo
		},
		props: {
			jobContent: {
				type: Object,
				default: {}
			},
			
			allCount: {
				type: Number,
				default: 0
			},
			scanCount: {
				type: Number,
				default: 0
			},
			
		},
		data() {
			return {

			};
		},

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

		},
		methods: {
			calcCount(a,b){
				return calc.sub(a,b)
			}
		}
	}
</script>

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