sfms3.0-uniapp/pages/purchaseReturn/coms/requestDetailInfoPopup.vue

<template>
	<view class="">
		<uni-popup ref="popup">
			<requestDetailCommonInfo :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<comListItem :dataList="dataList"></comListItem>
				</view>
			</requestDetailCommonInfo>
		</uni-popup>
	</view>
</template>

<script>
	import requestDetailCommonInfo from '@/mycomponents/detail/requestDetailCommonInfo.vue'
	import comListItem from '@/mycomponents/common/comListItem.vue';
	export default {
		
		components: {
			requestDetailCommonInfo,
			comListItem
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				},
				dataList:[]
			}
		},
		watch:{
			dataContent: {
				handler(newName, oldName) {
					this.dataList=[{
							title: '包装号',
							content: this.dataContent.packingNumber
						}, {
							title: '器具号',
							content: this.dataContent.containerNumber
						},{
							title: '批次',
							content: this.dataContent.batch
						},{
							title: '替代批次',
							content: this.dataContent.altBatch,
						},{
							title: '到库位代码',
							content: this.dataContent.toLocationCode
						},{
							title: '库存状态',
							content: this.dataContent.inventoryStatus,
							type:"inventoryStatus"
						},{
							title: '订单号',
							content: this.dataContent.poNumber
						},{
							title: '订单行',
							content: this.dataContent.poLine
						},{
							title: '原因',
							content: this.dataContent.reason
						},{
							title: '从货主代码',
							content: this.dataContent.fromOwnerCode,
						},{
							title: '到货主代码',
							content: this.dataContent.toOwnerCode,
						}
						];
				},
				immediate: true,
				deep: true
			}
		},

		mounted() {},
		props: {},

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

<style>


</style>