<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="3" colspan="3">指标名称</td>
                <td rowspan="3">计量单位</td>
                <td rowspan="3">代码</td>
                <td>指数</td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
                <td colspan="3">甲</td>
                <td>乙</td>
                <td>丙</td>
                <td>1</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">商品住房</td>
                <td>万平方米</td>
                <td>701</td>
                <td :class="props.udata[`count` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.count }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90㎡以下住房</td>
                <td>万平方米</td>
                <td>702</td>
                <td :class="props.udata[`smallCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.smallCount }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90-144㎡住房</td>
                <td>万平方米</td>
                <td>703</td>
                <td :class="props.udata[`centreCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.centreCount }}</td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">144㎡以上住房</td>
                <td>万平方米</td>
                <td>704</td>
                <td :class="props.udata[`bigCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.bigCount }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">商品住房与上年同比增长</td>
                <td>万平方米</td>
                <td>705</td>
                <td :class="props.udata[`countProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countProportion }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90㎡以下住房</td>
                <td>万平方米</td>
                <td>706</td>
                <td :class="props.udata[`smallCountProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.smallCountProportion }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90-144㎡住房</td>
                <td>万平方米</td>
                <td>707</td>
                <td :class="props.udata[`centreIncreaseCountProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.centreIncreaseCountProportion }}</td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">144㎡以上住房</td>
                <td>万平方米</td>
                <td>708</td>
                <td :class="props.udata[`bigIncreaseCountProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.bigIncreaseCountProportion }}</td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
    udata: {
        type: Object,
        default: {},
    },
});
</script>

<style scoped lang="scss"></style>