<template>
	<view class="pop_detail" style="height:80%">
		<com-item :dataContent="dataContent"></com-item>
	<view class='split_line'></view>
		<scroll-view style="height:320px ">
			<!-- 物品 -->
			<detail-item-info :dataContent="dataContent"></detail-item-info>
			<!-- <request-detail-basic-info :dataContent="dataContent"></request-detail-basic-info> -->
		<view class='split_line'></view>
			<!-- 包装 -->

			<!-- 库存余额 -->
			<detail-balance-info :dataContent="dataContent"></detail-balance-info>
			<slot>
				<!-- 每个任务的详情 -->
			</slot>
		</scroll-view>

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

<script>
	import comItem from '@/mycomponents/item/item.vue'
	import requestDetailBasicInfo from '@/mycomponents/detail/requestDetailBasicInfo.vue'
	import detailRecommendInfo from '@/mycomponents/detail/detailRecommendInfo.vue'
	import detailItemInfo from '@/mycomponents/detail/detailItemInfo.vue'
	import detailBalanceInfo from '@/mycomponents/detail/detailBalanceInfo.vue'
	export default {
		emits: ['onClose'],
		components: {
			comItem,
			requestDetailBasicInfo,
			detailRecommendInfo,
			detailItemInfo,
			detailBalanceInfo
		},
		data() {
			return {}
		},

		mounted() {},
		props: {
			dataContent: {
				type: Object,
				default: {}
			}
		},

		methods: {
			closePopup() {
				this.$emit('onClose')
			},
		}
	}
</script>

<style>


</style>
