<template>
    <div class="table-div">
        <table class="table" style="margin-top: 10px">
            <tr>
                <td colspan="2" rowspan="2"></td>
                <td colspan="2" class="table-bottom">≤1000元/㎡</td>
                <td colspan="2" class="table-bottom">1000-1500元/㎡</td>
                <td colspan="2" class="table-bottom">1500-2000元/㎡</td>
                <td colspan="2" class="table-bottom">2000-2500元/㎡</td>
                <td colspan="2" class="table-bottom">2500-3000元/㎡</td>
                <td colspan="2" class="table-bottom">3000-4000元/㎡</td>
                <td colspan="2" class="table-bottom">4000-5000元/㎡</td>
                <td colspan="2" class="table-bottom">5000-6000元/㎡</td>
                <td colspan="2" class="table-bottom">6000-7000元/㎡</td>
                <td colspan="2" class="table-bottom">7000-8000元/㎡</td>
                <td colspan="2" class="table-bottom">8000-9000元/㎡</td>
                <td colspan="2" class="table-bottom">9000-10000元/㎡</td>
                <td colspan="2" class="table-bottom">10000-12000元/㎡</td>
                <td colspan="2" class="table-bottom">12000-15000元/㎡</td>
                <td colspan="2" class="table-bottom">＞15000元/㎡</td>
                <td rowspan="2" style="width: 100px">合计</td>
            </tr>
            <tr>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
                <td class="table-border width"></td>
                <td>占比</td>
            </tr>
            <tr>
                <td rowspan="3">面积</td>
                <td>批准预（销）售</td>
                <td :class="props.udata[`approveTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTenArea }}</td>
                <td :class="props.udata[`approveTenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTenProportion }}</td>
                <td :class="props.udata[`approveFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFifteenArea }}</td>
                <td :class="props.udata[`approveFifteenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFifteenProportion }}</td>
                <td :class="props.udata[`approveTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyArea }}</td>
                <td :class="props.udata[`approveTwentyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyProportion }}</td>
                <td :class="props.udata[`approveTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyfiveArea }}</td>
                <td :class="props.udata[`approveTwentyfiveProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyfiveProportion }}</td>
                <td :class="props.udata[`approveThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveThirtyArea }}</td>
                <td :class="props.udata[`approveThirtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveThirtyProportion }}</td>
                <td :class="props.udata[`approveFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFortyArea }}</td>
                <td :class="props.udata[`approveFortyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFortyProportion }}</td>
                <td :class="props.udata[`approveFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyArea }}</td>
                <td :class="props.udata[`approveFiftyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyProportion }}</td>
                <td :class="props.udata[`approveSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixtyArea }}</td>
                <td :class="props.udata[`approveSixtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixtyProportion }}</td>
                <td :class="props.udata[`approveSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSeventyArea }}</td>
                <td :class="props.udata[`approveSeventyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSeventyProportion }}</td>
                <td :class="props.udata[`approveEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveEightyArea }}</td>
                <td :class="props.udata[`approveEightyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveEightyProportion }}</td>
                <td :class="props.udata[`approveNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveNinetyArea }}</td>
                <td :class="props.udata[`approveNinetyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveNinetyProportion }}</td>
                <td :class="props.udata[`approveOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveOnehunArea }}</td>
                <td :class="props.udata[`approveOnehunProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveOnehunProportion }}</td>
                <td :class="props.udata[`approveTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyhumArea }}</td>
                <td :class="props.udata[`approveTwentyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyhumProportion }}</td>
                <td :class="props.udata[`approveFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyhumArea }}</td>
                <td :class="props.udata[`approveFiftyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyhumProportion }}</td>
                <td :class="props.udata[`approveMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveMaxArea }}</td>
                <td :class="props.udata[`approveMaxProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveMaxProportion }}</td>
                <td :class="props.udata[`approveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveArea }}</td>
            </tr>
            <tr>
                <td>月末累计可售</td>
                <td :class="props.udata[`inventoryTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTenArea }}</td>
                <td :class="props.udata[`inventoryTenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTenProportion }}</td>
                <td :class="props.udata[`inventoryFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFifteenArea }}</td>
                <td :class="props.udata[`inventoryFifteenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFifteenProportion }}</td>
                <td :class="props.udata[`inventoryTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyArea }}</td>
                <td :class="props.udata[`inventoryTwentyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyProportion }}</td>
                <td :class="props.udata[`inventoryTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyfiveArea }}</td>
                <td :class="props.udata[`inventoryTwentyfiveProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyfiveProportion }}</td>
                <td :class="props.udata[`inventoryThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryThirtyArea }}</td>
                <td :class="props.udata[`inventoryThirtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryThirtyProportion }}</td>
                <td :class="props.udata[`inventoryFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFortyArea }}</td>
                <td :class="props.udata[`inventoryFortyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFortyProportion }}</td>
                <td :class="props.udata[`inventoryFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFiftyArea }}</td>
                <td :class="props.udata[`inventoryFiftyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFiftyProportion }}</td>
                <td :class="props.udata[`inventorySixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySixtyArea }}</td>
                <td :class="props.udata[`inventorySixtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySixtyProportion }}</td>
                <td :class="props.udata[`inventorySeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySeventyArea }}</td>
                <td :class="props.udata[`inventorySeventyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySeventyProportion }}</td>
                <td :class="props.udata[`inventoryEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryEightyArea }}</td>
                <td :class="props.udata[`inventoryEightyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryEightyProportion }}</td>
                <td :class="props.udata[`inventoryNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryNinetyArea }}</td>
                <td :class="props.udata[`inventoryNinetyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryNinetyProportion }}</td>
                <td :class="props.udata[`inventoryOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryOnehunArea }}</td>
                <td :class="props.udata[`inventoryOnehunProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryOnehunProportion }}</td>
                <td :class="props.udata[`inventoryTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyhumArea }}</td>
                <td :class="props.udata[`inventoryTwentyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyhumProportion }}</td>
                <td :class="props.udata[`inventoryFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFiftyhumArea }}</td>
                <td :class="props.udata[`inventoryFiftyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFiftyhumProportion }}</td>
                <td :class="props.udata[`inventoryMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryMaxArea }}</td>
                <td :class="props.udata[`inventoryMaxProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryMaxProportion }}</td>
                <td :class="props.udata[`inventoryArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryArea }}</td>
            </tr>
            <tr>
                <td>登记销售</td>
                <td :class="props.udata[`saleTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTenArea }}</td>
                <td :class="props.udata[`saleTenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTenProportion }}</td>
                <td :class="props.udata[`saleFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFifteenArea }}</td>
                <td :class="props.udata[`saleFifteenProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFifteenProportion }}</td>
                <td :class="props.udata[`saleTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyArea }}</td>
                <td :class="props.udata[`saleTwentyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyProportion }}</td>
                <td :class="props.udata[`saleTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyfiveArea }}</td>
                <td :class="props.udata[`saleTwentyfiveProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyfiveProportion }}</td>
                <td :class="props.udata[`saleThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleThirtyArea }}</td>
                <td :class="props.udata[`saleThirtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleThirtyProportion }}</td>
                <td :class="props.udata[`saleFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFortyArea }}</td>
                <td :class="props.udata[`saleFortyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFortyProportion }}</td>
                <td :class="props.udata[`saleFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyArea }}</td>
                <td :class="props.udata[`saleFiftyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyProportion }}</td>
                <td :class="props.udata[`saleSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSixtyArea }}</td>
                <td :class="props.udata[`saleSixtyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSixtyProportion }}</td>
                <td :class="props.udata[`saleSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSeventyArea }}</td>
                <td :class="props.udata[`saleSeventyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSeventyProportion }}</td>
                <td :class="props.udata[`saleEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleEightyArea }}</td>
                <td :class="props.udata[`saleEightyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleEightyProportion }}</td>
                <td :class="props.udata[`saleNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleNinetyArea }}</td>
                <td :class="props.udata[`saleNinetyProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleNinetyProportion }}</td>
                <td :class="props.udata[`saleOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleOnehunArea }}</td>
                <td :class="props.udata[`saleOnehunProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleOnehunProportion }}</td>
                <td :class="props.udata[`saleTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyhumArea }}</td>
                <td :class="props.udata[`saleTwentyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyhumProportion }}</td>
                <td :class="props.udata[`saleFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyhumArea }}</td>
                <td :class="props.udata[`saleFiftyhumProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyhumProportion }}</td>
                <td :class="props.udata[`saleMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleMaxArea }}</td>
                <td :class="props.udata[`saleMaxProportion` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleMaxProportion }}</td>
                <td :class="props.udata[`saleArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleArea }}</td>
            </tr>
            <tr>
                <td rowspan="3">套数</td>
                <td>批准预（销）售</td>
                <td :class="props.udata[`approveTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTenCount }}</td>
                <td></td>
                <td :class="props.udata[`approveFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFifteenCount }}</td>
                <td></td>
                <td :class="props.udata[`approveTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyfiveCount }}</td>
                <td></td>
                <td :class="props.udata[`approveThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveThirtyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFortyCount }}</td>
                <td></td>
                <td :class="props.udata[`rangeApproveFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.rangeApproveFiftyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixtyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSeventyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveEightyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveNinetyCount }}</td>
                <td></td>
                <td :class="props.udata[`approveOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveOnehunCount }}</td>
                <td></td>
                <td :class="props.udata[`approveTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`approveFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`approveMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveMaxCount }}</td>
                <td></td>
                <td :class="props.udata[`approveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveCount }}</td>
            </tr>
            <tr>
                <td>月末累计可售</td>
                <td :class="props.udata[`inventoryTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTenCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFifteenCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyfiveCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryThirtyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFortyCount }}</td>
                <td></td>
                <td :class="props.udata[`rangeInventoryFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.rangeInventoryFiftyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventorySixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySixtyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventorySeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySeventyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryEightyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryNinetyCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryOnehunCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryTwentyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryFiftyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryMaxCount }}</td>
                <td></td>
                <td :class="props.udata[`inventoryCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryCount }}</td>
            </tr>
            <tr>
                <td>登记销售</td>
                <td :class="props.udata[`saleTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTenCount }}</td>
                <td></td>
                <td :class="props.udata[`saleFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFifteenCount }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyfiveCount }}</td>
                <td></td>
                <td :class="props.udata[`saleThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleThirtyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFortyCount }}</td>
                <td></td>
                <td :class="props.udata[`rangeDealFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.rangeDealFiftyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSixtyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSeventyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleEightyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleNinetyCount }}</td>
                <td></td>
                <td :class="props.udata[`saleOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleOnehunCount }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`saleFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyhumCount }}</td>
                <td></td>
                <td :class="props.udata[`saleMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleMaxCount }}</td>
                <td></td>
                <td :class="props.udata[`saleCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleCount }}</td>
            </tr>
            <tr>
                <td>房产价值</td>
                <td>登记销售</td>
                <td :class="props.udata[`saleTenTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTenTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleFifteenTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFifteenTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyfiveTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyfiveTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleThirtyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleThirtyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleFortyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFortyTotal }}</td>
                <td></td>
                <td :class="props.udata[`rangeDealFiftyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.rangeDealFiftyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleSixtyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSixtyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleSeventyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSeventyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleEightyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleEightyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleNinetyTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleNinetyTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleOnehunTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleOnehunTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyhumTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyhumTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleFiftyhumTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyhumTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleMaxTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleMaxTotal }}</td>
                <td></td>
                <td :class="props.udata[`saleTotal` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTotal }}</td>
            </tr>
            <tr>
                <td>平均成交价格</td>
                <td>登记销售</td>
                <td :class="props.udata[`saleTenPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTenPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleFifteenPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFifteenPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyfivePrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyfivePrice }}</td>
                <td></td>
                <td :class="props.udata[`saleThirtyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleThirtyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleFortyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFortyPrice }}</td>
                <td></td>
                <td :class="props.udata[`rangeDealFiftyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.rangeDealFiftyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleSixtyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSixtyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleSeventyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleSeventyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleEightyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleEightyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleNinetyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleNinetyPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleOnehunPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleOnehunPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleTwentyhumPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleTwentyhumPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleFiftyhumPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleFiftyhumPrice }}</td>
                <td></td>
                <td :class="props.udata[`saleMaxPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.saleMaxPrice }}</td>
                <td></td>
                <td :class="props.udata[`salePrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.salePrice }}</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">
.table-div {
    overflow: auto;
}

.table {
    width: 200%;
    margin-bottom: 10px;

    .table-bottom {
        border-bottom: 0px;
    }

    .table-border {
        border: 0px;
    }

    .width {
        width: 3%;
    }
}
</style>