<template>
  <view class="pop_detail" style="height: 80%">
    <view class="split_line"></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"></view>
      <!-- 库存余额 -->
      <detail-balance-info :dataContent="dataContent"></detail-balance-info>
      <!-- 包装 -->
      <!-- <detail-package-info :dataContent="dataContent"></detail-package-info> -->
    </scroll-view>

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

<script setup lang="ts">
import { ref } from 'vue'
import detailItemInfo from '@/mycomponents/detail/detailItemInfo.vue'
import detailPackageInfo from '@/mycomponents/detail/detailPackageInfo.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>
