<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="2"></td>
                <td rowspan="2" colspan="2">分类</td>
                <td colspan="3" style="border-bottom: 0px;text-align: left;padding-left: 20px">本市</td>
                <td colspan="4" style="border-bottom: 0px;text-align: left;padding-left: 20px">外地</td>
            </tr>
            <tr>
                <td style="border: 0px"></td>
                <td>本市城区</td>
                <td>本市其他</td>
                <td style="border: 0px"></td>
                <td>本省其他地区</td>
                <td>外省市</td>
                <td>境 外</td>
            </tr>
            <tr>
                <td rowspan="5"></td>
                <td>面积</td>
                <td style="width: 220px">销售</td>
                <td :class="props.udata[`dealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealArea }}</td>
                <td :class="props.udata[`countyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyArea }}</td>
                <td :class="props.udata[`otherCountyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyArea }}</td>
                <td :class="props.udata[`fieldArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldArea }}</td>
                <td :class="props.udata[`otherFieldArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldArea }}</td>
                <td :class="props.udata[`otherProvincesArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesArea }}</td>
                <td :class="props.udata[`abroadArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadArea }}</td>
            </tr>
            <tr>
                <td>套数</td>
                <td>销售</td>
                <td :class="props.udata[`dealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealCount }}</td>
                <td :class="props.udata[`countyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyCount }}</td>
                <td :class="props.udata[`otherCountyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyCount }}</td>
                <td :class="props.udata[`fieldCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldCount }}</td>
                <td :class="props.udata[`otherFieldCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldCount }}</td>
                <td :class="props.udata[`otherProvincesCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesCount }}</td>
                <td :class="props.udata[`abroadCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadCount }}</td>
            </tr>
            <tr>
                <td>房产价值</td>
                <td>销售</td>
                <td :class="props.udata[`dealTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTotal }}</td>
                <td :class="props.udata[`countyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyTotal }}</td>
                <td :class="props.udata[`otherCountyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyTotal }}</td>
                <td :class="props.udata[`fieldTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldTotal }}</td>
                <td :class="props.udata[`otherFieldTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldTotal }}</td>
                <td :class="props.udata[`otherProvincesTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesTotal }}</td>
                <td :class="props.udata[`abroadTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadTotal }}</td>
            </tr>
            <tr>
                <td rowspan="2">价格</td>
                <td>平均价格</td>
                <td :class="props.udata[`dealPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealPrice }}</td>
                <td :class="props.udata[`countyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyPrice }}</td>
                <td :class="props.udata[`otherCountyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyPrice }}</td>
                <td :class="props.udata[`fieldPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldPrice }}</td>
                <td :class="props.udata[`otherFieldPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldPrice }}</td>
                <td :class="props.udata[`otherProvincesPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesPrice }}</td>
                <td :class="props.udata[`abroadPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadPrice }}</td>
            </tr>
            <tr>
                <td>平均价格与上年同期比（%）</td>
                <td :class="props.udata[`dealProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealProportion }}</td>
                <td :class="props.udata[`countyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyProportion }}</td>
                <td :class="props.udata[`otherCountyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyProportion }}</td>
                <td :class="props.udata[`fieldProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldProportion }}</td>
                <td :class="props.udata[`otherFieldProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldProportion }}</td>
                <td :class="props.udata[`otherProvincesProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesProportion }}</td>
                <td :class="props.udata[`abroadProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadProportion }}</td>
            </tr>
            <tr>
                <td rowspan="3">去年同期</td>
                <td>面积</td>
                <td>销售</td>
                <td :class="props.udata[`dealLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealLastArea }}</td>
                <td :class="props.udata[`countyLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyLastArea }}</td>
                <td :class="props.udata[`otherCountyLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyLastArea }}</td>
                <td :class="props.udata[`fieldLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldLastArea }}</td>
                <td :class="props.udata[`otherFieldLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldLastArea }}</td>
                <td :class="props.udata[`otherProvincesLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesLastArea }}</td>
                <td :class="props.udata[`abroadLastArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadLastArea }}</td>
            </tr>
            <tr>
                <td>房产价值</td>
                <td>销售</td>
                <td :class="props.udata[`dealLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealLastTotal }}</td>
                <td :class="props.udata[`countyLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyLastTotal }}</td>
                <td :class="props.udata[`otherCountyLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyLastTotal }}</td>
                <td :class="props.udata[`fieldLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldLastTotal }}</td>
                <td :class="props.udata[`otherFieldLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldLastTotal }}</td>
                <td :class="props.udata[`otherProvincesLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesLastTotal }}</td>
                <td :class="props.udata[`abroadLastTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadLastTotal }}</td>
            </tr>
            <tr>
                <td>均价</td>
                <td>销售</td>
                <td :class="props.udata[`dealLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealLastPrice }}</td>
                <td :class="props.udata[`countyLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.countyLastPrice }}</td>
                <td :class="props.udata[`otherCountyLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherCountyLastPrice }}</td>
                <td :class="props.udata[`fieldLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.fieldLastPrice }}</td>
                <td :class="props.udata[`otherFieldLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherFieldLastPrice }}</td>
                <td :class="props.udata[`otherProvincesLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.otherProvincesLastPrice }}</td>
                <td :class="props.udata[`abroadLastPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.abroadLastPrice }}</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>