<template>
	<view class="uni-flex uni-row" @click="openDetail()">
		<text>{{containerCode}}|</text>
		<text >查看详情</text>
	</view>

	<uni-popup ref="popup">
		<view style="background-color: white;width: 230px; height:60%;">
			<view class="uni-flex uni-row">
				<text>托码:</text>
				<text>{{containerCode}}</text>
			</view>

			<view class="uni-flex uni-row" v-for="(item,index) in  packList">
				<text>箱码:{{item.packingCode}}</text>
			</view>

		</view>
	</uni-popup>

</template>

<script>
	export default {
		data() {
			return {
				packList: []
			}
		},
		props: {
			containerCode: ""
		},
		methods: {
			openDetail() {
				let that = this;
				this.$refs['popup'].open('center');
				//调用按托码查询库存余额接口
				that.packList.push({
					packingCode: '箱码1'
				}, {
					packingCode: '箱码2'
				}, {
					packingCode: '箱码3'
				})
			}
		}
	}
</script>

<style>
</style>
