<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.deliverRecordNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">发货计划单号 : </text>
							<text class="text_wrap">{{dataContent.deliverPlanNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">客户代码 : </text>
							<text class="text_wrap">{{dataContent.customerCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">客户月台代码 : </text>
							<text class="text_wrap">{{dataContent.customerDockCode}} </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">{{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'
	export default {
		components: {
			jobCommonInfo,
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				}
			}
		},

		mounted() {},
		props: {},

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

<style>


</style>
