<template>
	<view class="">
		<uni-popup ref="popup">
			<job-common-info :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<view class="uni-flex uni-column">
						<view class="item">
							<text class="item_title">发货单号 : </text>
							<text class="text_wrap">{{dataContent.asnNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">要货计划单号 : </text>
							<text class="text_wrap">{{dataContent.ppNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">供应商代码 : </text>
							<text class="text_wrap">{{dataContent.supplierCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">承运商 : </text>
							<text class="text_wrap">{{dataContent.carrierCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">运输方式 : </text>
							<text class="text_wrap">{{getTransferModeName(dataContent.transferMode)}} </text>
						</view>
						<view class="item">
							<text class="item_title">车牌号 : </text>
							<text class="text_wrap">{{dataContent.vehiclePlateNumber}} </text>
						</view>
					</view>
				</view>
				<u-line></u-line>
			</job-common-info>
		</uni-popup>
	</view>
</template>

<script>
	import jobCommonInfo from '@/mycomponents/job/jobCommonInfo.vue'
	import {getTransferModeName} from '@/common/directory.js'
	export default {
		components: {
			jobCommonInfo,
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				}
			}
		},

		mounted() {},
		props: {},

		methods: {
			openPopup(val) {
				this.dataContent = val;
				setTimeout(res=>{
					this.$refs.popup.open('bottom')
				},500)
				
			},
			closePopup() {
				this.$refs.popup.close()
			},
			getTransferModeName(value){
				return getTransferModeName(value)
			}
		}
	}
</script>

<style>


</style>
