<template>
	<uni-popup ref="popup">
		<view class="uni-flex uni-column" style="background-color: white;width: 200px; height:60%;">
			<view class="uni-flex">
				<text>任务编号</text>
				<text>{{dataContent.number}}</text>
			</view>
			<view class="uni-flex">
				<text>任务状态</text>
				<text>{{statusColor(dataContent.jobType)}}</text>
			</view>
			<view class="uni-flex">
				<text>订单号</text>
				<text>{{dataContent.poNumber}}</text>
			</view>
			<view class="uni-flex">
				<text>到货单</text>
				<text>{{dataContent.arriveNoticeNumber}}</text>
			</view>
			<view class="uni-flex">
				<text>发货单</text>
				<text>{{dataContent.asnNumber}}</text>
			</view>
			<view class="uni-flex">
				<text>要货计划单</text>
				<text>{{dataContent.rpNumber}}</text>
			</view>
			<view class="uni-flex">
				<text>供应商名称</text>
				<text>{{dataContent.supplierName}}</text>
			</view>

			<view class="uni-flex">
				<text>时间窗户</text>
				<text>{{dataContent.timeWindow}}</text>
			</view>
			<view class="uni-flex">
				<text>计划到货时间</text>
				<text>{{formatDate(dataContent.planArriveDate)}}</text>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc,
		dateFormat
	} from '@/common/basic.js';
	export default {
		
		data() {
			return {
				// dataContent: {}
			}
		},
		props: {
		dataContent:{}
		},
		methods: {
			openDetail() {
				this.$refs['popup'].open("center");
			},
			closeScanPopup() {
				this.$refs.popup.close()
			},
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			},
			formatDate: function(val) {
				return dateFormat(val)
			}
		}
	}
</script>
<style>
</style>
