<template>
  <hs-popup-buttom-custom
    :show="props?.show"
    title="备案资料清单"
    @close="handleClose"
    mode="bottom"
    :closeable="true"
    :round="20"
  >
    <view class="popup_content">
      <view class="popup_item_title"> 1、产权人证件 </view>
      <view class="popup_item_des"> ·需提供身份证正反面和证件号 </view>
      <view class="popup_item_title"> 2、房屋产权证明文件 </view>
      <view class="popup_item_des"> ·可以为房产证、购房发票、交房合同等 </view>

      <view class="group_item">
        <view class="popup_item_title"> 3、代理人身份证正反面（有代理人的情况下） </view>
        <view class="popup_item_title"> 4、业主授权委托书（有代理人的情况下） </view>
      </view>

      <view class="group_item">
        <view class="popup_item_title"> 5、施工方负责人身份证正反面（装修公司承接时需要） </view>
        <view class="popup_item_title"> 6、装修公司营业执照（装修公司承接时需要） </view>
        <view class="popup_item_title"> 7、装修公司资质证书（装修公司承接时需要） </view>
        <view class="popup_item_title"> 8、装修公司授权委托书（装修公司承接时需要） </view>
        <view class="popup_item_title"> 9、施工图纸（如重大施工） </view>
        <view class="popup_item_title"> 10、装修公司承诺书（装修公司承接时需要） </view>
      </view>

      <view class="group_item">
        <view class="popup_item_title"> 11、自装承诺书（自装时需要） </view>
      </view>
    </view>
  </hs-popup-buttom-custom>
</template>
<script setup lang="ts">
import { onHide } from '@dcloudio/uni-app'

const props = defineProps(['show', 'items'])
const emit = defineEmits(['click', 'handleSubmit', 'handleClose'])
const handleClose = () => {
  emit('handleClose')
}

onHide(() => {
  handleClose()
})
</script>

<style lang="scss" scoped>
.popup_content {
  padding: 30rpx 40rpx;
  .group_item {
    border-top: 1rpx solid #eee;
    padding: 30rpx 0;
  }
  .popup_item_title {
    font-size: 28rpx;
    font-weight: 500;
    color: #3d3d3d;
  }
  .popup_item_des {
    color: #999999;
    font-size: 28rpx;
    padding: 10rpx 0 20rpx 0;
  }
}
</style>
