<template>
  <view
    class="asset_houses_card"
    v-for="(i, index) in useModel?.dataList?.value"
    :key="`item_${index}`"
  >
    <view class="review_header">
      <view> {{ i?.asset_house?.full_name }} </view>
      <view class="status_tab">
        <hs-enum-tag :value="i?.status" :Enums="HouseRegistersStatusEnum" />
      </view>
    </view>

    <view class="review_footer">
      <view class="item">
        类型：<hs-enum-tag :value="i?.type" :Enums="HouseRegistersTypeEnum" />
      </view>
      <view class="item"> 申请时间：{{ i?.created_at }} </view>
    </view>

    <view class="review_footer_query_btn"> 查看审核进度 </view>
  </view>
</template>
<script setup lang="ts">
import method from '../method'
import { HouseRegistersStatusEnum, HouseRegistersTypeEnum } from '@/gen/Enums'
import useModel from '../model'
</script>
<style lang="scss" scoped>
.review_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 0 20rpx 0;
  .status_tab {
    font-size: 24rpx;
    background-color: #fff7ed;
    color: #f97316;
    padding: 8rpx 16rpx;
    border-radius: 100rpx;
  }
}
.review_footer {
  display: flex;
  align-items: center;
  padding-bottom: 30rpx;
  font-size: 24rpx;
  color: #666;
  .item {
    height: 30rpx;
    line-height: 30rpx;
    &:last-child {
      margin-left: 20rpx;
      padding-left: 20rpx;
      border-left: 1rpx solid #eee;
    }
  }
}
.review_footer_query_btn {
  text-align: center;
  font-size: 28rpx;
  padding: 30rpx 0;
  color: #2a7efb;
  border-top: 1rpx solid #eee;
}
</style>
