<template>
	<view class="">
		<uni-popup ref="popupItems" >
			<scroll-view scroll-y="true" class="scroll"  style="">
				<view class="uni-flex uni-column">
					<view class=" uni-center" style="margin: 15rpx;">
						采购订单: {{poNumber}}
					</view>
					<view class="" style=" margin: 10rpx;background-color:#EBEEF0;width: 100%;"
						v-for="(item, index) in showList" :key="index">
						<view class="text-wrap">
							({{index+1}})箱码 : {{item}}
						</view>
					</view>
				</view>

			</scroll-view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				showList: [],
				poNumber: ''
			};
		},
		// 此处定义传入的数据
		props: {},
		filters: {},
		methods: {
			openPopup(data, poNumber) {
				this.showList = data;
				this.poNumber = poNumber
				this.$refs.popupItems.open('center');
			}
		}
	}
</script>

<style lang="scss">
	.text-wrap {
		word-wrap: break-word;
		word-break: break-all;
		white-space: pre-line;
	}
	
	.scroll {
		border-radius: 20rpx;
		background-color: #fff;
		height: 80vh;
		width:80vw;
	}
	
	
	

	
</style>
