<template>
	<uni-popup ref="popup">
		<view class="pop_detail" style="height:80%">
			<com-item :dataContent="dataContent"></com-item>
			<u-line></u-line>
			<scroll-view style="height:320px ">
				<!-- 物品 -->
				<detail-item-info :dataContent="dataContent"></detail-item-info>
				<u-line></u-line>
				<!-- 库存余额 -->
				<detail-balance-info :dataContent="dataContent"></detail-balance-info>
				<u-line></u-line>
				<!-- 包装 -->
				<detail-package-info :dataContent="dataContent.package"></detail-package-info>
			</scroll-view>

			<view class="uni-flex u-row-center ">
				<view class="close_button" @click="closePopup">
					关闭</view>
				<!-- button 滚动不好使 -->
			</view>
		</view>
	</uni-popup>
</template>

<script>
	import comItem from '@/mycomponents/item/item.vue'
	import detailItemInfo from '@/mycomponents/detail/detailItemInfo.vue'
	import detailPackageInfo from '@/mycomponents/detail/detailPackageInfo.vue'
	import detailBalanceInfo from '@/mycomponents/detail/detailBalanceInfo.vue'

	export default {
		emits: ['onClose'],
		components: {
			comItem,
			detailItemInfo,
			detailPackageInfo,
			detailBalanceInfo
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				}
			}
		},

		mounted() {},
		props: {

		},

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

<style>


</style>
