<template>
    <div>
        <div class="ors">
            <div class="orstitle">
                <SvgIcon name="ele-Notification" class="font15 color" />
                <p>说明</p>
            </div>
            <div class="orsitem">
                内地个人购房根据居民身份证发证机关确定，境外个人购房根据护照、港澳居民来往内地通行证、港澳同胞回乡证、台湾居民来往大陆通行证判断。机构根据机构的工商登记注册类型和注册所在地等情况判断。</div>
        </div>
        <div class="utable" v-if="props.uitem">
            <div class="utabletitle">{{ props.uitem.areaName }}商品住房购买对象分类表</div>
            <div class="utabletop">
                <div>单位名称：{{ props.uitem.areaName }}
                </div>
                <div>{{ props.uitem.date }}
                </div>
            </div>
            <el-card shadow="hover" class="layout-padding-auto mb10">
                <autoTemple :udata="props.uitem"></autoTemple>
            </el-card>
        </div>
    </div>
</template>
  
<script setup lang="ts">
import {
    defineAsyncComponent,
    reactive,
    watch,
} from "vue";

// 自动
const autoTemple = defineAsyncComponent(
    () => import("/@/views/report/construct/components/tablecomponents/fivetable/auto.vue")
);

const props = defineProps({
    uitem: {
        type: Object,
        default: {},
    }
});
</script>
<style lang="scss"></style>
  
  