WZC2/fe/PDA/mycomponents/coms/task/comThird.vue

<!--发料任务卡片-->
<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="label_order">
				<image class="icon_normal" src="@/static/icons_ui/icon_apply_num.svg"></image>
				<text>{{dataContent.requestNumber}}</text>
				<!-- <text>申请单：{{dataContent.deliverRequestNumber}}</text> -->
			</view>
			<view class="label_order">
				<image class="icon_normal" src="@/static/icons_ui/icon_customer.svg"></image>
				<text>{{dataContent.worker}}</text>
				<!-- <text>客户：{{dataContent.customerCode}}</text> -->
			</view>
		</view>
		<view class="uni-flex uni-row receipt_bot">
			<view class="label_order">
				<image class="icon_normal" src="@/static/icons_ui/icon_date.svg">
				</image>
				<text
					class="text_darkblue">{{dataContent.creationTime===null?'无':dataContent.creationTime| formatDate}}</text>
			</view>
		</view>
		<view class="" style="display: flex; justify-content: space-between; margin-bottom: 15rpx;">
			<view class="">

			</view>
			<view class="" style="float: right;" v-if="dataContent.jobStatus==1||dataContent.jobStatus==2||dataContent.jobStatus==4">
				<view class="uni-flex uni-row">
					<button type="primary" style="width: 140rpx; font-size: 32rpx; margin-right: 20rpx;"
						@click.stop="finish()">完成</button>
				</view>

			</view>

		</view>
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
		dateFormat,
		showConfirmMsg
	} from '@/common/basic.js';
	import comJobTopInfo from '@/mycomponents/comjob/comJobTopInfo.vue'
	export default {
		name: "comDeliver",
		components: {
			comJobTopInfo
		},
		data() {
			return {};
		},
		// 此处定义传入的数据
		props: {
			dataContent: {
				type: Object,
				value: null
			}
		},
		filters: {
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
			formatDate: function(val) {
				return dateFormat(val)
			}

		},
		methods: {
			finish() {
				showConfirmMsg("是否确认完成?", callback => {
					if (callback) {
						this.$emit("finish", this.dataContent)
					}
				})
			},
			getScanCount(data){
				var count = 0;
				this.dataContent.details.forEach(res => {
					count = count + res.handledQty
				})
				if (count == 0) {
					return false
				}
				return true;
			}
		}
	}
</script>

<style scoped lang="scss">

</style>