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

<template>
	<view class="">
		<uni-popup ref="popup">
			<request-detail-common-info :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<u-line></u-line>
					<view class="uni-flex uni-column">
						<view class="item">
							<text class="item_title">订单号 : </text>
							<text class="text_wrap">{{dataContent.poNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">订单行 : </text>
							<text class="text_wrap">{{dataContent.poLine}} </text>
						</view>
					</view>
				</view>
			</request-detail-common-info>
		</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>