<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="3" colspan="3">指标名称</td>
                <td rowspan="3">计量单位</td>
                <td rowspan="3">代码</td>
                <td colspan="6" class="text-left" style="border-bottom: 0px">商品房</td>
            </tr>
            <tr>
                <td rowspan="2" style="border: 0px"></td>
                <td colspan="3" style="border-bottom: 0px;text-align: left">商品住房</td>
                <td rowspan="2">办公楼</td>
                <td rowspan="2">商业营业用房</td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td class="text-left">其中：经济适用住房</td>
                <td class="text-left">其中：限价房等政策性商品住房</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>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交面积</td>
                <td>万平方米</td>
                <td>201</td>
                <td><el-input-number :controls="false" v-model="state.form.dealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busDealArea" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" style="border-bottom: 0px;" class="text-left">其中：批准预售面积</td>
                <td>万平方米</td>
                <td>202</td>
                <td><el-input-number :controls="false" v-model="state.form.superviseDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resSuperviseDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affSuperviseDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitSuperviseDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeSuperviseDealArea" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busSuperviseDealArea" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0;"></td>
                <td style="border-top:0px"></td>
                <td>其中：已竣工面积</td>
                <td>万平方米</td>
                <td>203</td>
                <td><el-input-number :controls="false" v-model="state.form.finishDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resFinishDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affFinishDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitFinishDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeFinishDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busFinishDealArea" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px;"></td>
                <td colspan="2">现售面积</td>
                <td>万平方米</td>
                <td>204</td>
                <td><el-input-number :controls="false" v-model="state.form.cashDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resCashDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affCashDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitCashDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeCashDealArea" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busCashDealArea" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交套数</td>
                <td>万平方米</td>
                <td>205</td>
                <td><el-input-number :controls="false" v-model="state.form.dealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busDealCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" style="border-bottom: 0px;" class="text-left">其中：预售套数</td>
                <td>万平方米</td>
                <td>206</td>
                <td><el-input-number :controls="false" v-model="state.form.superviseDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resSuperviseDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affSuperviseDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitSuperviseDealCount" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeSuperviseDealCount" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busSuperviseDealCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0;"></td>
                <td style="border-top:0px"></td>
                <td>其中：已竣工套数</td>
                <td>万平方米</td>
                <td>207</td>
                <td><el-input-number :controls="false" v-model="state.form.finishDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resFinishDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affFinishDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitFinishDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeFinishDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busFinishDealCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px;"></td>
                <td colspan="2"> 现售套数</td>
                <td>万平方米</td>
                <td>208</td>
                <td><el-input-number :controls="false" v-model="state.form.cashDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resCashDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affCashDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitCashDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeCashDealCount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busCashDealCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3">平均成交价格</td>
                <td>元/平方米</td>
                <td>209</td>
                <td><el-input-number :controls="false" v-model="state.form.dealPrice" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealPrice" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affDealPrice" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitDealPrice" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeDealPrice" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busDealPrice" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交面积与上年同比增长</td>
                <td>%</td>
                <td>210</td>
                <td><el-input-number :controls="false" v-model="state.form.dealAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busAreaProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" style="border-bottom: 0px;" class="text-left">其中：预售面积</td>
                <td>%</td>
                <td>211</td>
                <td><el-input-number :controls="false" v-model="state.form.superviseAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.resSuperviseAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.affSuperviseAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.limitSuperviseAreaProportion"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeSuperviseAreaProportion"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busSuperviseAreaProportion" placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0;"></td>
                <td style="border-top:0px"></td>
                <td>其中：已竣工面积</td>
                <td>%</td>
                <td>212</td>
                <td><el-input-number :controls="false" v-model="state.form.finishDealProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resFinishAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.affFinishAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.limitFinishAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeFinishAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busFinishAreaProportion" placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;"></td>
                <td colspan="2">现售面积</td>
                <td>%</td>
                <td>213</td>
                <td><el-input-number :controls="false" v-model="state.form.cashDealProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resCashAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affCashAreaProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitCashAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeCashAreaProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busCashAreaProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交套数与上年同比增长</td>
                <td>%</td>
                <td>214</td>
                <td><el-input-number :controls="false" v-model="state.form.countProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busCountProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" style="border-bottom: 0px;" class="text-left">其中：预售套数</td>
                <td>%</td>
                <td>215</td>
                <td><el-input-number :controls="false" v-model="state.form.superviseCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.resSuperviseCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.affSuperviseCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.limitSuperviseCountProportion"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.officeSuperviseCountProportion"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.busSuperviseCountProportion" placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0;"></td>
                <td style="border-top:0px"></td>
                <td>其中：已竣工套数</td>
                <td>%</td>
                <td>216</td>
                <td><el-input-number :controls="false" v-model="state.form.finishCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resFinishCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.affFinishCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.limitFinishCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeFinishCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busFinishCountProportion" placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;"></td>
                <td colspan="2">现售套数</td>
                <td>%</td>
                <td>217</td>
                <td><el-input-number :controls="false" v-model="state.form.cashDcountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resCashCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affCashCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitCashCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeCashCountProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busCashCountProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3">平均成交价格与上年同比增长</td>
                <td>%</td>
                <td>218</td>
                <td><el-input-number :controls="false" v-model="state.form.dealPriceProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealPriceProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.affDealPriceProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.limitDealPriceProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.officeDealPriceProportion" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" v-model="state.form.busDealPriceProportion" placeholder="请输入" /></td>
            </tr>
        </table>
    </div>
</template>
<script setup lang="ts">
import {
    reactive,
    defineProps,
    watch,
    defineExpose
} from "vue";

const setvalue = (e: any) => {
    state.form = e;
}

const getvalue = () => {
    return state.form
}
defineExpose({
    getvalue,
    setvalue
})

const props = defineProps({
    udata: {
        type: Object,
        default: {},
    },
});

const state = reactive({
    form: {
        dealArea: 0,
        resDealArea: 0,
        affDealArea: 0,
        limitDealArea: 0,
        officeDealArea: 0,
        busDealArea: 0,
        superviseDealArea: 0,
        resSuperviseDealArea: 0,
        affSuperviseDealArea: 0,
        limitSuperviseDealArea: 0,
        officeSuperviseDealArea: 0,
        busSuperviseDealArea: 0,
        finishDealArea: 0,
        resFinishDealArea: 0,
        affFinishDealArea: 0,
        limitFinishDealArea: 0,
        officeFinishDealArea: 0,
        busFinishDealArea: 0,
        cashDealArea: 0,
        resCashDealArea: 0,
        affCashDealArea: 0,
        limitCashDealArea: 0,
        officeCashDealArea: 0,
        busCashDealArea: 0,
        dealCount: 0,
        resDealCount: 0,
        affDealCount: 0,
        limitDealCount: 0,
        officeDealCount: 0,
        busDealCount: 0,
        superviseDealCount: 0,
        resSuperviseDealCount: 0,
        affSuperviseDealCount: 0,
        limitSuperviseDealCount: 0,
        officeSuperviseDealCount: 0,
        busSuperviseDealCount: 0,
        finishDealCount: 0,
        resFinishDealCount: 0,
        affFinishDealCount: 0,
        limitFinishDealCount: 0,
        officeFinishDealCount: 0,
        busFinishDealCount: 0,
        cashDealCount: 0,
        resCashDealCount: 0,
        affCashDealCount: 0,
        limitCashDealCount: 0,
        officeCashDealCount: 0,
        busCashDealCount: 0,
        dealPrice: 0,
        resDealPrice: 0,
        affDealPrice: 0,
        limitDealPrice: 0,
        officeDealPrice: 0,
        busDealPrice: 0,
        dealAreaProportion: 0,
        resAreaProportion: 0,
        affAreaProportion: 0,
        limitAreaProportion: 0,
        officeAreaProportion: 0,
        busAreaProportion: 0,
        superviseAreaProportion: 0,
        resSuperviseAreaProportion: 0,
        affSuperviseAreaProportion: 0,
        limitSuperviseAreaProportion: 0,
        officeSuperviseAreaProportion: 0,
        busSuperviseAreaProportion: 0,
        finishDealProportion: 0,
        resFinishAreaProportion: 0,
        affFinishAreaProportion: 0,
        limitFinishAreaProportion: 0,
        officeFinishAreaProportion: 0,
        busFinishAreaProportion: 0,
        cashDealProportion: 0,
        resCashAreaProportion: 0,
        affCashAreaProportion: 0,
        limitCashAreaProportion: 0,
        officeCashAreaProportion: 0,
        busCashAreaProportion: 0,
        countProportion: 0,
        resCountProportion: 0,
        affCountProportion: 0,
        limitCountProportion: 0,
        officeCountProportion: 0,
        busCountProportion: 0,
        superviseCountProportion: 0,
        resSuperviseCountProportion: 0,
        affSuperviseCountProportion: 0,
        limitSuperviseCountProportion: 0,
        officeSuperviseCountProportion: 0,
        busSuperviseCountProportion: 0,
        finishCountProportion: 0,
        resFinishCountProportion: 0,
        affFinishCountProportion: 0,
        limitFinishCountProportion: 0,
        officeFinishCountProportion: 0,
        busFinishCountProportion: 0,
        cashDcountProportion: 0,
        resCashCountProportion: 0,
        affCashCountProportion: 0,
        limitCashCountProportion: 0,
        officeCashCountProportion: 0,
        busCashCountProportion: 0,
        dealPriceProportion: 0,
        resDealPriceProportion: 0,
        affDealPriceProportion: 0,
        limitDealPriceProportion: 0,
        officeDealPriceProportion: 0,
        busDealPriceProportion: 0
    } as any
})

</script>

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