<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>101</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.marketArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resMarketArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affMarketArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitMarketArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeMarketArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busMarketArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：批准预售面积</td>
                <td>万平方米</td>
                <td>102</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.approveArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resApproveArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affApproveArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitApproveArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeApproveArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busApproveArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">现售备案面积</td>
                <td>万平方米</td>
                <td>103</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.cashArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resCashArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affCashArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitCashArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeCashArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busCashArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td colspan="3" class="text-left" style="border-bottom: 0px;">当期上市面积与上年同比增长</td>
                <td>万平方米</td>
                <td>104</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.inventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busInventorylArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0px"></td>
                <td colspan="2" class="text-left" style="border-bottom: 0px">其中：批准预售面积</td>
                <td>万平方米</td>
                <td>105</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.superviseArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resSuperviseArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affSuperviseArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitSuperviseArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeSuperviseArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busSuperviseArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0px"></td>
                <td style="border-top: 0px"></td>
                <td class="text-left">其中：已竣工面积</td>
                <td>万平方米</td>
                <td>106</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.finishArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resFinishArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affFinishArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitFinishArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeFinishArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busFinishArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0px"></td>
                <td colspan="2" style="border-bottom: 0px" class="text-left">现售备案面积</td>
                <td>万平方米</td>
                <td>107</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.cashInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resCashInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affCashInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitCashInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeCashInventorylArea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busCashInventorylArea"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td colspan="3" class="text-left" style="border-bottom: 0px;">当期上市面积与上年同比增长</td>
                <td>%</td>
                <td>108</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.marketProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resMarketProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affMarketProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitMarketProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeMarketProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busMarketProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：批准预售面积</td>
                <td>%</td>
                <td>109</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.approveProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resApproveProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affApproveProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitApproveProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeApproveProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busApproveProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">现售备案面积</td>
                <td>%</td>
                <td>110</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.cashProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resCashProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affCashProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitCashProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeCashProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busCashProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td colspan="3" class="text-left" style="border-bottom: 0px;">月末累计可售面积与上年同比增长</td>
                <td>%</td>
                <td>111</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.inventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busInventorylProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0px"></td>
                <td colspan="2" class="text-left" style="border-bottom: 0px">其中：可预售面积</td>
                <td>%</td>
                <td>112</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.superviseProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resSuperviseProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affSuperviseProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitSuperviseProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeSuperviseProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busSuperviseProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;border-bottom: 0px"></td>
                <td style="border-top: 0px"></td>
                <td class="text-left">其中：已竣工面积</td>
                <td>%</td>
                <td>113</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.finishProportionea"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resFinishProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affFinishProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.limitFinishProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.officeFinishProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busFinishProportion"
                        placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td style="border-top: 0px;"></td>
                <td colspan="2" class="text-left">可现售面积</td>
                <td>%</td>
                <td>114</td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.cashInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.resCashInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.affCashInventorylProportion"
                        placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px"
                        v-model="state.form.limitCashInventorylProportion" placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px"
                        v-model="state.form.officeCashInventorylProportion" placeholder="请输入" />
                </td>
                <td>
                    <el-input-number :controls="false" style="width:100px" v-model="state.form.busCashInventorylProportion"
                        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: {
        marketArea: 0,
        busMarketArea: 0,
        resMarketArea: 0,
        affMarketArea: 0,
        limitMarketArea: 0,
        officeMarketArea: 0,
        approveArea: 0,
        resApproveArea: 0,
        affApproveArea: 0,
        limitApproveArea: 0,
        officeApproveArea: 0,
        busApproveArea: 0,
        cashArea: 0,
        resCashArea: 0,
        affCashArea: 0,
        limitCashArea: 0,
        officeCashArea: 0,
        busCashArea: 0,
        inventorylArea: 0,
        resInventorylArea: 0,
        affInventorylArea: 0,
        limitInventorylArea: 0,
        officeInventorylArea: 0,
        busInventorylArea: 0,
        superviseArea: 0,
        resSuperviseArea: 0,
        affSuperviseArea: 0,
        limitSuperviseArea: 0,
        officeSuperviseArea: 0,
        busSuperviseArea: 0,
        finishArea: 0,
        resFinishArea: 0,
        affFinishArea: 0,
        limitFinishArea: 0,
        officeFinishArea: 0,
        busFinishArea: 0,
        cashInventorylArea: 0,
        resCashInventorylArea: 0,
        affCashInventorylArea: 0,
        limitCashInventorylArea: 0,
        officeCashInventorylArea: 0,
        busCashInventorylArea: 0,
        marketProportion: 0,
        resMarketProportion: 0,
        affMarketProportion: 0,
        limitMarketProportion: 0,
        officeMarketProportion: 0,
        busMarketProportion: 0,
        approveProportion: 0,
        resApproveProportion: 0,
        affApproveProportion: 0,
        limitApproveProportion: 0,
        officeApproveProportion: 0,
        busApproveProportion: 0,
        cashProportion: 0,
        resCashProportion: 0,
        affCashProportion: 0,
        limitCashProportion: 0,
        officeCashProportion: 0,
        busCashProportion: 0,
        inventorylProportion: 0,
        resInventorylProportion: 0,
        affInventorylProportion: 0,
        limitInventorylProportion: 0,
        officeInventorylProportion: 0,
        busInventorylProportion: 0,
        superviseProportion: 0,
        resSuperviseProportion: 0,
        affSuperviseProportion: 0,
        limitSuperviseProportion: 0,
        officeSuperviseProportion: 0,
        busSuperviseProportion: 0,
        finishProportionea: 0,
        resFinishProportion: 0,
        affFinishProportion: 0,
        limitFinishProportion: 0,
        officeFinishProportion: 0,
        busFinishProportion: 0,
        cashInventorylProportion: 0,
        resCashInventorylProportion: 0,
        affCashInventorylProportion: 0,
        limitCashInventorylProportion: 0,
        officeCashInventorylProportion: 0,
        busCashInventorylProportion: 0,
    } as any
})



</script>

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