<template>
    <div>
        <table class="table">
            <tr>
                <td colspan="3">指标名称</td>
                <td>计量单位</td>
                <td>代码</td>
                <td>合计</td>
                <td>≤1000元/m²</td>
                <td>1000-1500元/m²</td>
                <td>1500-2000</td>
                <td>2000-2500</td>
                <td>2500-3000</td>
                <td>3000-4000</td>
                <td>4000-5000</td>
                <td>5000-6000</td>
                <td>6000-7000</td>
                <td>7000-8000</td>
                <td>8000-9000</td>
                <td>9000-10000</td>
                <td>10000-12000</td>
                <td>12000-15000</td>
                <td>大于15000</td>

            </tr>
            <tr>
                <td colspan="3">甲</td>
                <td>乙</td>
                <td>丙</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4-5</td>
                <td>6</td>
                <td>7</td>
                <td>8-12</td>
                <td>13</td>
                <td>14</td>
                <td>15</td>
                <td>16</td>
                <td>17</td>
                <td>18</td>
                <td>19</td>
                <td>20</td>
                <td>21</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">当期上市面积</td>
                <td>万平方米</td>
                <td>401</td>
                <td :class="props.udata[`marketArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketArea }}</td>
                <td :class="props.udata[`marketTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTenArea }}</td>
                <td :class="props.udata[`marketFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFifteenArea }}</td>
                <td :class="props.udata[`marketTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyArea }}</td>
                <td :class="props.udata[`marketTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyfiveArea }}</td>
                <td :class="props.udata[`marketThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketThirtyArea }}</td>
                <td :class="props.udata[`marketFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFortyArea }}</td>
                <td :class="props.udata[`marketFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFiftyArea }}</td>
                <td :class="props.udata[`marketSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSixtyArea }}</td>
                <td :class="props.udata[`marketSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSeventyArea }}</td>
                <td :class="props.udata[`marketEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketEightyArea }}</td>
                <td :class="props.udata[`marketNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketNinetyArea }}</td>
                <td :class="props.udata[`marketOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketOnehunArea }}</td>
                <td :class="props.udata[`marketTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyhumArea }}</td>
                <td :class="props.udata[`marketFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFiftyhumArea }}</td>
                <td :class="props.udata[`marketMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketMaxArea }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：批准预售面积</td>
                <td>万平方米</td>
                <td>402</td>
                <td :class="props.udata[`approveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveArea }}</td>
                <td :class="props.udata[`approveTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTenArea }}</td>
                <td :class="props.udata[`approveFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFifteenArea }}</td>
                <td :class="props.udata[`approveTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyArea }}</td>
                <td :class="props.udata[`approveTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyfiveArea }}</td>
                <td :class="props.udata[`approveThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveThirtyArea }}</td>
                <td :class="props.udata[`approveFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFortyArea }}</td>
                <td :class="props.udata[`approveFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyArea }}</td>
                <td :class="props.udata[`approveSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixtyArea }}</td>
                <td :class="props.udata[`approveSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSeventyArea }}</td>
                <td :class="props.udata[`approveEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveEightyArea }}</td>
                <td :class="props.udata[`approveNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveNinetyArea }}</td>
                <td :class="props.udata[`approveOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveOnehunArea }}</td>
                <td :class="props.udata[`approveTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyhumArea }}</td>
                <td :class="props.udata[`approveFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyhumArea }}</td>
                <td :class="props.udata[`approveMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveMaxArea }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">现售备案面积</td>
                <td>万平方米</td>
                <td>403</td>
                <td :class="props.udata[`cashArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashArea }}</td>
                <td :class="props.udata[`cashTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTenArea }}</td>
                <td :class="props.udata[`cashFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFifteenArea }}</td>
                <td :class="props.udata[`cashTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyArea }}</td>
                <td :class="props.udata[`cashTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyfiveArea }}</td>
                <td :class="props.udata[`cashThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashThirtyArea }}</td>
                <td :class="props.udata[`cashFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFortyArea }}</td>
                <td :class="props.udata[`cashFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFiftyArea }}</td>
                <td :class="props.udata[`cashSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSixtyArea }}</td>
                <td :class="props.udata[`cashSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSeventyArea }}</td>
                <td :class="props.udata[`cashEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashEightyArea }}</td>
                <td :class="props.udata[`cashNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashNinetyArea }}</td>
                <td :class="props.udata[`cashOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashOnehunArea }}</td>
                <td :class="props.udata[`cashTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyhumArea }}</td>
                <td :class="props.udata[`cashFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFiftyhumArea }}</td>
                <td :class="props.udata[`cashMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashMaxArea }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom:0;text-align: left">成交面积</td>
                <td>万平方米</td>
                <td>404</td>
                <td :class="props.udata[`dealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealArea }}</td>
                <td :class="props.udata[`dealTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTenArea }}</td>
                <td :class="props.udata[`dealFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFifteenArea }}</td>
                <td :class="props.udata[`dealTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyArea }}</td>
                <td :class="props.udata[`dealTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyfiveArea }}</td>
                <td :class="props.udata[`dealThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealThirtyArea }}</td>
                <td :class="props.udata[`dealFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFortyArea }}</td>
                <td :class="props.udata[`dealFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFiftyArea }}</td>
                <td :class="props.udata[`dealSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSixtyArea }}</td>
                <td :class="props.udata[`dealSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSeventyArea }}</td>
                <td :class="props.udata[`dealEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealEightyArea }}</td>
                <td :class="props.udata[`dealNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealNinetyArea }}</td>
                <td :class="props.udata[`dealOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealOnehunArea }}</td>
                <td :class="props.udata[`dealTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyhumArea }}</td>
                <td :class="props.udata[`dealFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFiftyhumArea }}</td>
                <td :class="props.udata[`dealMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealMaxArea }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：预售面积</td>
                <td>万平方米</td>
                <td>405</td>
                <td :class="props.udata[`superviseArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseArea }}</td>
                <td :class="props.udata[`superviseTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTenArea }}</td>
                <td :class="props.udata[`superviseFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFifteenArea }}</td>
                <td :class="props.udata[`superviseTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyArea }}</td>
                <td :class="props.udata[`superviseTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyfiveArea }}</td>
                <td :class="props.udata[`superviseThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseThirtyArea }}</td>
                <td :class="props.udata[`superviseFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFortyArea }}</td>
                <td :class="props.udata[`superviseFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFiftyArea }}</td>
                <td :class="props.udata[`superviseSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSixtyArea }}</td>
                <td :class="props.udata[`superviseSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSeventyArea }}</td>
                <td :class="props.udata[`superviseEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseEightyArea }}</td>
                <td :class="props.udata[`superviseNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseNinetyArea }}</td>
                <td :class="props.udata[`superviseOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseOnehunArea }}</td>
                <td :class="props.udata[`superviseTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyhumArea }}</td>
                <td :class="props.udata[`superviseFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFiftyhumArea }}</td>
                <td :class="props.udata[`superviseMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseMaxArea }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">现售面积</td>
                <td>万平方米</td>
                <td>406</td>
                <td :class="props.udata[`cashDealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealArea }}</td>
                <td :class="props.udata[`cashDealTenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTenArea }}</td>
                <td :class="props.udata[`cashDealFifteenArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFifteenArea }}</td>
                <td :class="props.udata[`cashDealTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyArea }}</td>
                <td :class="props.udata[`cashDealTwentyfiveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyfiveArea }}</td>
                <td :class="props.udata[`cashDealThirtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealThirtyArea }}</td>
                <td :class="props.udata[`cashDealFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFortyArea }}</td>
                <td :class="props.udata[`cashDealFiftyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFiftyArea }}</td>
                <td :class="props.udata[`cashDealSixtyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSixtyArea }}</td>
                <td :class="props.udata[`cashDealSeventyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSeventyArea }}</td>
                <td :class="props.udata[`cashDealEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealEightyArea }}</td>
                <td :class="props.udata[`cashDealNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealNinetyArea }}</td>
                <td :class="props.udata[`cashDealOnehunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealOnehunArea }}</td>
                <td :class="props.udata[`cashDealTwentyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyhumArea }}</td>
                <td :class="props.udata[`cashDealFiftyhumArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFiftyhumArea }}</td>
                <td :class="props.udata[`cashDealMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealMaxArea }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">当期上市套数</td>
                <td>套</td>
                <td>407</td>
                <td :class="props.udata[`marketCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketCount }}</td>
                <td :class="props.udata[`marketTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTenCount }}</td>
                <td :class="props.udata[`marketFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFifteenCount }}</td>
                <td :class="props.udata[`marketTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyCount }}</td>
                <td :class="props.udata[`marketTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyfiveCount }}</td>
                <td :class="props.udata[`marketThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketThirtyCount }}</td>
                <td :class="props.udata[`marketFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFortyCount }}</td>
                <td :class="props.udata[`marketFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFiftyCount }}</td>
                <td :class="props.udata[`marketSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSixtyCount }}</td>
                <td :class="props.udata[`marketSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSeventyCount }}</td>
                <td :class="props.udata[`marketEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketEightyCount }}</td>
                <td :class="props.udata[`marketNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketNinetyCount }}</td>
                <td :class="props.udata[`marketOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketOnehunCount }}</td>
                <td :class="props.udata[`marketTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketTwentyhumCount }}</td>
                <td :class="props.udata[`marketFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketFiftyhumCount }}</td>
                <td :class="props.udata[`marketMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketMaxCount }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：批准预售套数</td>
                <td>套</td>
                <td>408</td>
                <td :class="props.udata[`approveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveCount }}</td>
                <td :class="props.udata[`approveTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTenCount }}</td>
                <td :class="props.udata[`approveFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFifteenCount }}</td>
                <td :class="props.udata[`approveTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyCount }}</td>
                <td :class="props.udata[`approveTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyfiveCount }}</td>
                <td :class="props.udata[`approveThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveThirtyCount }}</td>
                <td :class="props.udata[`approveFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFortyCount }}</td>
                <td :class="props.udata[`approveFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyCount }}</td>
                <td :class="props.udata[`approveSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixtyCount }}</td>
                <td :class="props.udata[`approveSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSeventyCount }}</td>
                <td :class="props.udata[`approveEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveEightyCount }}</td>
                <td :class="props.udata[`approveNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveNinetyCount }}</td>
                <td :class="props.udata[`approveOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveOnehunCount }}</td>
                <td :class="props.udata[`approveTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveTwentyhumCount }}</td>
                <td :class="props.udata[`approveFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveFiftyhumCount }}</td>
                <td :class="props.udata[`approveMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveMaxCount }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">现售备案套数</td>
                <td>套</td>
                <td>409</td>
                <td :class="props.udata[`cashCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashCount }}</td>
                <td :class="props.udata[`cashTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTenCount }}</td>
                <td :class="props.udata[`cashFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFifteenCount }}</td>
                <td :class="props.udata[`cashTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyCount }}</td>
                <td :class="props.udata[`cashTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyfiveCount }}</td>
                <td :class="props.udata[`cashThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashThirtyCount }}</td>
                <td :class="props.udata[`cashFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFortyCount }}</td>
                <td :class="props.udata[`cashFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFiftyCount }}</td>
                <td :class="props.udata[`cashSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSixtyCount }}</td>
                <td :class="props.udata[`cashSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSeventyCount }}</td>
                <td :class="props.udata[`cashEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashEightyCount }}</td>
                <td :class="props.udata[`cashNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashNinetyCount }}</td>
                <td :class="props.udata[`cashOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashOnehunCount }}</td>
                <td :class="props.udata[`cashTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashTwentyhumCount }}</td>
                <td :class="props.udata[`cashFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashFiftyhumCount }}</td>
                <td :class="props.udata[`cashMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashMaxCount }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交套数</td>
                <td>套</td>
                <td>410</td>
                <td :class="props.udata[`dealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealCount }}</td>
                <td :class="props.udata[`dealTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTenCount }}</td>
                <td :class="props.udata[`dealFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFifteenCount }}</td>
                <td :class="props.udata[`dealTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyCount }}</td>
                <td :class="props.udata[`dealTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyfiveCount }}</td>
                <td :class="props.udata[`dealThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealThirtyCount }}</td>
                <td :class="props.udata[`dealFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFortyCount }}</td>
                <td :class="props.udata[`dealFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFiftyCount }}</td>
                <td :class="props.udata[`dealSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSixtyCount }}</td>
                <td :class="props.udata[`dealSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSeventyCount }}</td>
                <td :class="props.udata[`dealEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealEightyCount }}</td>
                <td :class="props.udata[`dealNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealNinetyCount }}</td>
                <td :class="props.udata[`dealOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealOnehunCount }}</td>
                <td :class="props.udata[`dealTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealTwentyhumCount }}</td>
                <td :class="props.udata[`dealFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealFiftyhumCount }}</td>
                <td :class="props.udata[`dealMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealMaxCount }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：预售套数</td>
                <td>套</td>
                <td>411</td>
                <td :class="props.udata[`superviseCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseCount }}</td>
                <td :class="props.udata[`superviseTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTenCount }}</td>
                <td :class="props.udata[`superviseFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFifteenCount }}</td>
                <td :class="props.udata[`superviseTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyCount }}</td>
                <td :class="props.udata[`superviseTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyfiveCount }}</td>
                <td :class="props.udata[`superviseThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseThirtyCount }}</td>
                <td :class="props.udata[`superviseFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFortyCount }}</td>
                <td :class="props.udata[`superviseFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFiftyCount }}</td>
                <td :class="props.udata[`superviseSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSixtyCount }}</td>
                <td :class="props.udata[`superviseSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSeventyCount }}</td>
                <td :class="props.udata[`superviseEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseEightyCount }}</td>
                <td :class="props.udata[`superviseNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseNinetyCount }}</td>
                <td :class="props.udata[`superviseOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseOnehunCount }}</td>
                <td :class="props.udata[`superviseTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseTwentyhumCount }}</td>
                <td :class="props.udata[`superviseFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseFiftyhumCount }}</td>
                <td :class="props.udata[`superviseMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseMaxCount }}</td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">现售套数</td>
                <td>套</td>
                <td>412</td>
                <td :class="props.udata[`cashDealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealCount }}</td>
                <td :class="props.udata[`cashDealTenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTenCount }}</td>
                <td :class="props.udata[`cashDealFifteenCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFifteenCount }}</td>
                <td :class="props.udata[`cashDealTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyCount }}</td>
                <td :class="props.udata[`cashDealTwentyfiveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyfiveCount }}</td>
                <td :class="props.udata[`cashDealThirtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealThirtyCount }}</td>
                <td :class="props.udata[`cashDealFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFortyCount }}</td>
                <td :class="props.udata[`cashDealFiftyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFiftyCount }}</td>
                <td :class="props.udata[`cashDealSixtyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSixtyCount }}</td>
                <td :class="props.udata[`cashDealSeventyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSeventyCount }}</td>
                <td :class="props.udata[`cashDealEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealEightyCount }}</td>
                <td :class="props.udata[`cashDealNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealNinetyCount }}</td>
                <td :class="props.udata[`cashDealOnehunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealOnehunCount }}</td>
                <td :class="props.udata[`cashDealTwentyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealTwentyhumCount }}</td>
                <td :class="props.udata[`cashDealFiftyhumCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealFiftyhumCount }}</td>
                <td :class="props.udata[`cashDealMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealMaxCount }}</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>
