<template>
  <view class="pop_detail" style="height: 80%">
    <view class="u-p-t-20 u-p-b-20">
      <com-item :dataContent="dataContent"></com-item>
    </view>
    <view class="split_line u-m-b-10"></view>
    <scroll-view style="height: 320px" scroll-y>
      <!-- 物品 -->
      <detail-item-info :dataContent="dataContent"></detail-item-info>
      <!-- <request-detail-basic-info :dataContent="dataContent"></request-detail-basic-info> -->
      <view class="split_line u-m-t-10 u-m-b-10"></view>
      <!-- 包装 -->

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

    <view class="u-flex u-row-center u-m-t-20 u-p-b-20">
      <view class="close_button" @click="closePopup">关闭</view>
    </view>
  </view>
</template>

<script setup lang="ts">
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'

const props = defineProps({
  dataContent: {
    type: Object,
    default: {}
  }
})
const closePopup = () => {
  emit('onClose')
}
// 传递给父类
const emit = defineEmits(['onClose'])
</script>

<style></style>
