<template>
  <hs-empty v-if="!useModel?.dataList?.value?.length" />
  <view class="asset_houses_card" v-for="(i, index) in useModel?.dataList?.value" :key="`item_${index}`">
    <view class="card_header" @click="method?.handleSelectedProject(i)">
      <view class="asset_houses_name">
        <view>
          <view>
            {{ i?.name }}
          </view>
          <view class="address">
            {{ i?.province }}{{ i?.city }}{{ i?.area }}{{ i?.street }}{{ i?.address }}
          </view>
        </view>
        <view class="asset_project_btn">
          进入该项目抄表
          <uni-icons type="arrow-right" size="18" color="#0082FA"></uni-icons>
        </view>
      </view>
    </view>
  </view>
</template>
<script setup lang="ts">
import method from '../method';
import useModel from '../model';
</script>
<style lang="scss" scoped>
.asset_project_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25rpx;
  color: #0082FA;
}

.address {
  color: #999;
  font-size: 24rpx;
}
</style>
