<template>
    <div>
        <table class="table">
            <tr>
                <td colspan="3">指标名称</td>
                <td>计量单位</td>
                <td>代码</td>
                <td>合计</td>
                <td>≤60m²</td>
                <td>60-80 m²</td>
                <td>80-90 m²</td>
                <td>90-100 m²</td>
                <td>100-120 m²</td>
                <td>120-144 m²</td>
                <td>144-180 m²</td>
                <td>>180 m²</td>
            </tr>
            <tr>
                <td colspan="3">甲</td>
                <td>乙</td>
                <td>丙</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">当期上市面积</td>
                <td>万平方米</td>
                <td>301</td>
                <td :class="props.udata[`marketArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketArea }}</td>
                <td :class="props.udata[`marketSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSixArea }}</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[`marketHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketHunArea }}</td>
                <td :class="props.udata[`marketHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.marketHunTwentyArea }}</td>
                <td :class="props.udata[`marketHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketHunFortyArea
                }}</td>
                <td :class="props.udata[`marketHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.marketHunEightyArea }}</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>302</td>
                <td :class="props.udata[`approveArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveArea }}</td>
                <td :class="props.udata[`approveSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixArea }}</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[`approveHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveHunArea }}</td>
                <td :class="props.udata[`approveHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunTwentyArea }}</td>
                <td :class="props.udata[`approveHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunFortyArea }}</td>
                <td :class="props.udata[`approveHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunEightyArea }}</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>303</td>
                <td :class="props.udata[`cashArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashArea }}</td>
                <td :class="props.udata[`cashSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSixArea }}</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[`cashHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunArea }}</td>
                <td :class="props.udata[`cashHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunTwentyArea
                }}</td>
                <td :class="props.udata[`cashHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunFortyArea }}
                </td>
                <td :class="props.udata[`cashHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunEightyArea
                }}</td>
                <td :class="props.udata[`cashMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashMaxArea }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">月末累计可售面积</td>
                <td>万平方米</td>
                <td>304</td>
                <td :class="props.udata[`inventoryArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryArea }}</td>
                <td :class="props.udata[`inventorySixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySixArea }}
                </td>
                <td :class="props.udata[`inventoryEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryEightyArea }}</td>
                <td :class="props.udata[`inventoryNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryNinetyArea }}</td>
                <td :class="props.udata[`inventoryHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryHunArea }}
                </td>
                <td :class="props.udata[`inventoryHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunTwentyArea }}</td>
                <td :class="props.udata[`inventoryHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunFortyArea }}</td>
                <td :class="props.udata[`inventoryHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunEightyArea }}</td>
                <td :class="props.udata[`inventoryMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryMaxArea }}
                </td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：可预售面积</td>
                <td>万平方米</td>
                <td>305</td>
                <td :class="props.udata[`superviseArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseArea }}</td>
                <td :class="props.udata[`superviseSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSixArea }}
                </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[`superviseHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseHunArea }}
                </td>
                <td :class="props.udata[`superviseHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunTwentyArea }}</td>
                <td :class="props.udata[`superviseHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunFortyArea }}</td>
                <td :class="props.udata[`superviseHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunEightyArea }}</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>306</td>
                <td :class="props.udata[`cashInventoryArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashInventoryArea
                }}</td>
                <td :class="props.udata[`cashInventorySixArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventorySixArea }}</td>
                <td :class="props.udata[`cashInventoryEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryEightyArea }}</td>
                <td :class="props.udata[`cashInventoryNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryNinetyArea }}</td>
                <td :class="props.udata[`cashInventoryHunArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryHunArea }}</td>
                <td :class="props.udata[`cashInventoryHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryHunTwentyArea }}</td>
                <td :class="props.udata[`cashInventoryHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryHunFortyArea }}</td>
                <td :class="props.udata[`cashInventoryHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryHunEightyArea }}</td>
                <td :class="props.udata[`cashInventoryMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashInventoryMaxArea }}</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交面积</td>
                <td>万平方米</td>
                <td>307</td>
                <td :class="props.udata[`dealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealArea }}</td>
                <td :class="props.udata[`dealSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSixArea }}</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[`dealHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunArea }}</td>
                <td :class="props.udata[`dealHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunTwentyArea
                }}</td>
                <td :class="props.udata[`dealHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunFortyArea }}
                </td>
                <td :class="props.udata[`dealHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunEightyArea
                }}</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>308</td>
                <td :class="props.udata[`superviseDealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseDealArea
                }}</td>
                <td :class="props.udata[`superviseDealSixArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealSixArea }}</td>
                <td :class="props.udata[`superviseDealEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealEightyArea }}</td>
                <td :class="props.udata[`superviseDealNinetyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealNinetyArea }}</td>
                <td :class="props.udata[`superviseDealHunArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealHunArea }}</td>
                <td :class="props.udata[`superviseDealHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealHunTwentyArea }}</td>
                <td :class="props.udata[`superviseDealHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealHunFortyArea }}</td>
                <td :class="props.udata[`superviseDealHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealHunEightyArea }}</td>
                <td :class="props.udata[`superviseDealMaxArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseDealMaxArea }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">现售面积</td>
                <td>万平方米</td>
                <td>309</td>
                <td :class="props.udata[`cashDealArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealArea }}</td>
                <td :class="props.udata[`cashDealSixArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSixArea }}
                </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[`cashDealHunArea` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealHunArea }}
                </td>
                <td :class="props.udata[`cashDealHunTwentyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashDealHunTwentyArea }}</td>
                <td :class="props.udata[`cashDealHunFortyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashDealHunFortyArea }}</td>
                <td :class="props.udata[`cashDealHunEightyArea` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.cashDealHunEightyArea }}</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>310</td>
                <td :class="props.udata[`marketCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketCount }}</td>
                <td :class="props.udata[`marketSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketSixCount }}</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[`marketHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.marketHunCount }}</td>
                <td :class="props.udata[`marketHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.marketHunTwentyCount }}</td>
                <td :class="props.udata[`marketHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.marketHunFortyCount }}</td>
                <td :class="props.udata[`marketHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.marketHunEightyCount }}</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>311</td>
                <td :class="props.udata[`approveCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveCount }}</td>
                <td :class="props.udata[`approveSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveSixCount }}
                </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[`approveHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.approveHunCount }}
                </td>
                <td :class="props.udata[`approveHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunTwentyCount }}</td>
                <td :class="props.udata[`approveHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunFortyCount }}</td>
                <td :class="props.udata[`approveHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.approveHunEightyCount }}</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>312</td>
                <td :class="props.udata[`cashCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashCount }}</td>
                <td :class="props.udata[`cashSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashSixCount }}</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[`cashHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunCount }}</td>
                <td :class="props.udata[`cashHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunTwentyCount
                }}</td>
                <td :class="props.udata[`cashHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunFortyCount
                }}</td>
                <td :class="props.udata[`cashHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashHunEightyCount
                }}</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>313</td>
                <td :class="props.udata[`inventoryCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryCount }}</td>
                <td :class="props.udata[`inventorySixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventorySixCount
                }}</td>
                <td :class="props.udata[`inventoryEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryEightyCount }}</td>
                <td :class="props.udata[`inventoryNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryNinetyCount }}</td>
                <td :class="props.udata[`inventoryHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryHunCount
                }}</td>
                <td :class="props.udata[`inventoryHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunTwentyCount }}</td>
                <td :class="props.udata[`inventoryHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunFortyCount }}</td>
                <td :class="props.udata[`inventoryHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.inventoryHunEightyCount }}</td>
                <td :class="props.udata[`inventoryMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.inventoryMaxCount
                }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：可预售套数</td>
                <td>套</td>
                <td>314</td>
                <td :class="props.udata[`superviseCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseCount }}</td>
                <td :class="props.udata[`superviseSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseSixCount
                }}</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[`superviseHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseHunCount
                }}</td>
                <td :class="props.udata[`superviseHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunTwentyCount }}</td>
                <td :class="props.udata[`superviseHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunFortyCount }}</td>
                <td :class="props.udata[`superviseHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                    props.udata.superviseHunEightyCount }}</td>
                <td :class="props.udata[`superviseMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseMaxCount
                }}</td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
            <td colspan="2" class="text-left">可现售套数</td>
            <td>套</td>
            <td>315</td>
            <td :class="props.udata[`cashInventoryCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashInventoryCount
                }}</td>
            <td :class="props.udata[`cashInventorySixCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventorySixCount }}</td>
            <td :class="props.udata[`cashInventoryEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryEightyCount }}</td>
            <td :class="props.udata[`cashInventoryNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryNinetyCount }}</td>
            <td :class="props.udata[`cashInventoryHunCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryHunCount }}</td>
            <td :class="props.udata[`cashInventoryHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryHunTwentyCount }}</td>
            <td :class="props.udata[`cashInventoryHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryHunFortyCount }}</td>
            <td :class="props.udata[`cashInventoryHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryHunEightyCount }}</td>
            <td :class="props.udata[`cashInventoryMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashInventoryMaxCount }}</td>
        </tr>
        <tr>
            <td colspan="3" style="border-bottom: 0px;text-align: left">成交套数</td>
            <td>套</td>
            <td>316</td>
            <td :class="props.udata[`dealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealCount }}</td>
            <td :class="props.udata[`dealSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSixCount }}</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[`dealHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunCount }}</td>
            <td :class="props.udata[`dealHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunTwentyCount
                }}</td>
            <td :class="props.udata[`dealHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunFortyCount
                }}</td>
            <td :class="props.udata[`dealHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunEightyCount
                }}</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>317</td>
            <td :class="props.udata[`superviseDealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.superviseDealCount
                }}</td>
            <td :class="props.udata[`superviseDealSixCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealSixCount }}</td>
            <td :class="props.udata[`superviseDealEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealEightyCount }}</td>
            <td :class="props.udata[`superviseDealNinetyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealNinetyCount }}</td>
            <td :class="props.udata[`superviseDealHunCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealHunCount }}</td>
            <td :class="props.udata[`superviseDealHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealHunTwentyCount }}</td>
            <td :class="props.udata[`superviseDealHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealHunFortyCount }}</td>
            <td :class="props.udata[`superviseDealHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealHunEightyCount }}</td>
            <td :class="props.udata[`superviseDealMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.superviseDealMaxCount }}</td>
        </tr>
        <tr>
            <td style="border-bottom: 0px;border-top: 0px"></td>
            <td colspan="2" class="text-left">现售套数</td>
            <td>套</td>
            <td>318</td>
            <td :class="props.udata[`cashDealCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealCount }}</td>
            <td :class="props.udata[`cashDealSixCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealSixCount }}
            </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[`cashDealHunCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealHunCount }}
            </td>
            <td :class="props.udata[`cashDealHunTwentyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashDealHunTwentyCount }}</td>
            <td :class="props.udata[`cashDealHunFortyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashDealHunFortyCount }}</td>
            <td :class="props.udata[`cashDealHunEightyCount` + `tag`] == 1 ? 'redbg' : ''">{{
                props.udata.cashDealHunEightyCount }}</td>
            <td :class="props.udata[`cashDealMaxCount` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.cashDealMaxCount }}
            </td>
        </tr>
        <tr>
            <td colspan="3">平均成交价格</td>
            <td>元/平方米</td>
            <td>319</td>
            <td :class="props.udata[`dealPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealPrice }}</td>
            <td :class="props.udata[`dealSixPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealSixPrice }}</td>
            <td :class="props.udata[`dealEightyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealEightyPrice }}
            </td>
            <td :class="props.udata[`dealNinetyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealNinetyPrice }}
            </td>
            <td :class="props.udata[`dealHunPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunPrice }}</td>
            <td :class="props.udata[`dealHunTwentyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunTwentyPrice
                }}</td>
            <td :class="props.udata[`dealHunFortyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunFortyPrice
                }}</td>
            <td :class="props.udata[`dealHunEightyPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealHunEightyPrice
                }}</td>
            <td :class="props.udata[`dealMaxPrice` + `tag`] == 1 ? 'redbg' : ''">{{ props.udata.dealMaxPrice }}</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>
