<template>
	<view class="pop_detail" style="height:80%">
		<request-top :dataContent="dataContent"></request-top>
		<u-line></u-line>
		<scroll-view style="height:400px ">
			<requestListCommonInfo :dataContent="dataContent"></requestListCommonInfo>
			<!-- 主表 -->
			<!-- <requestMainInfo :dataContent="dataContent"></requestMainInfo>
			<u-line></u-line>
			<requestItemInfo :dataContent="detailContent"></requestItemInfo>
			<u-line></u-line>
			<requestPersonInfo :dataContent="detailContent"></requestPersonInfo> -->
		 <u-line></u-line>
		 <slot>
		 	<!-- 每个任务的详情 -->
		 </slot>
		
		
		</scroll-view>

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

<script>
	import requestTop from '@/mycomponents/request/requestTop.vue'
	import requestRequestInfo from '@/mycomponents/request/requestRequestInfo.vue'
	import requestItemInfo from '@/mycomponents/request/requestItemInfo.vue'
	import requestPersonInfo from '@/mycomponents/request/requestPersonInfo.vue'
	import requestListCommonInfo from '@/mycomponents/request/requestListCommonInfo.vue'
	
	
	
	export default {
		emits: ['onClose'],
		components: {
			requestTop,
			requestRequestInfo,
			requestItemInfo,
			requestPersonInfo,
			requestListCommonInfo
		},
		data() {
			return {}
		},

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

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

<style>


</style>
