sfms3.0-uniapp/pages/supplierDeliver/coms/recordInfoPopup.vue

<template>
	<view class="">
		<uni-popup ref="popup">
			<record-common-info :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<comListItem :dataList="dataList"></comListItem>
				</view>
				<u-line></u-line>
			</record-common-info>
		</uni-popup>
	</view>
</template>

<script>
	import {
		dateFormat
	} from '@/common/basic.js';
	import recordCommonInfo from '@/mycomponents/record/recordCommonInfo.vue'
	import comListItem from '@/mycomponents/common/comListItem.vue';
	export default {
		components: {
			recordCommonInfo,
			comListItem
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				},
				dataList:[]
			}
		},
		watch:{
			dataContent: {
				handler(newName, oldName) {
					this.dataList=[{
							title: '申请单号',
							content: this.dataContent.requestNumber
						}, {
							title: '要货计划单号',
							content: this.dataContent.ppNumber
						},{
							title: '供应商代码',
							content: this.dataContent.supplierCode
						},{
							title: '联系人姓名',
							content: this.dataContent.contactName
						},{
							title: '联系人电话',
							content: this.dataContent.contactPhone
						},{
							title: '联系人电子邮件',
							content: this.dataContent.contactEmail
						},{
							title: '从仓库代码',
							content: this.dataContent.fromWarehouseCode
						},{
							title: '到仓库代码',
							content: this.dataContent.toWarehouseCode
						},{
							title: '到月台代码',
							content: this.dataContent.toDockCode
						},{
							title: '时间窗口',
							content: this.dataContent.timeWindow,
							type:"dateTime"
						},{
							title: '计划到货时间',
							content: this.dataContent.planArriveTime,
							type:"dateTime"
						},
						{
							title: '承运商',
							content: this.dataContent.carrierCode
						},{
							title: '运输方式',
							content: this.dataContent.transferMode,
							type:"transferMode"
						},{
							title: '车牌号',
							content: this.dataContent.vehiclePlateNumber
						}];
				},
				immediate: true,
				deep: true
			}
		},

		mounted() {},
		props: {},

		methods: {
			openPopup(val) {
				this.dataContent = val;
				this.$refs.popup.open('bottom')
			},
			closePopup() {
				this.$refs.popup.close()
			},
			avaliable(value) {
				return value =="TRUE"?"可用":"不可用"
			},
			formatDate(val) {
				return dateFormat(val)
			}
		}
	}
</script>

<style>


</style>