<template>
	<view class="">
		<uni-popup ref="popup">
			<view class="pop_detail" style="height:500px">
				<job-top :dataContent="dataContent"></job-top>
				<u-line></u-line>
				<scroll-view style="height:400px ">
					<slot>
						<!-- 每个任务的详情 -->
					</slot>
					<job-person-info :dataContent="dataContent"></job-person-info>
					<u-line></u-line>
					<job-setting-info :dataContent="dataContent"></job-setting-info>
				</scroll-view>

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

<script>
	import jobTop from '@/mycomponents/job/jobTop.vue'
	import jobBottom from '@/mycomponents/job/jobBottom.vue'
	import jobPersonInfo from '@/mycomponents/job/jobPersonInfo.vue'
	import jobSettingInfo from '@/mycomponents/job/jobSettingInfo.vue'
	export default {
		components: {
			jobTop,
			jobBottom,
			jobPersonInfo,
			jobSettingInfo
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				},

			}
		},

		mounted() {},
		props: {
			title: {
				type: String,
				default: ""
			},
		},

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

<style>


</style>
