<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="3" colspan="3">指标名称</td>
                <td rowspan="3">计量单位</td>
                <td rowspan="3">代码</td>
                <td colspan="3" class="text-left" style="border-bottom: 0px">本 市</td>
                <td colspan="5" class="text-left" style="border-bottom: 0px">外 地</td>
            </tr>
            <tr>
                <td rowspan="2" style="border: 0px"></td>
                <td rowspan="2" style="border-bottom: 0px;">本市城区</td>
                <td rowspan="2" style="border-bottom: 0px;">本市其他</td>
                <td rowspan="2" style="border: 0px"></td>
                <td rowspan="2" style="border-bottom: 0px;">本省其他地区</td>
                <td rowspan="2" style="border-bottom: 0px;">外省市</td>
                <td colspan="2" style="border-bottom: 0px;text-align: left">境 外</td>
            </tr>
            <tr>
                <td style="border-top: 0px"></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>
                <td>7</td>
                <td>8</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交面积</td>
                <td>万平方米</td>
                <td>501</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.dealArea" placeholder="请输入" />
                </td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.countyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherCountyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.fieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherFieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherProvincesArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.abroadArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.hkAbroadArea"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：个人</td>
                <td>万平方米</td>
                <td>502</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perDealArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perCountyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherCountyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perFieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherFieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherProvincesArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perAbroadArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perHkAbroadArea"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">机构</td>
                <td>万平方米</td>
                <td>503</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insDealArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insCountyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherCountyArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insFieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherFieldArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherProvincesArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insAbroadArea"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insHkAbroadArea"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">成交套数</td>
                <td>套</td>
                <td>504</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.dealCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.countyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherCountyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.fieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherFieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherProvincesCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.abroadCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.hkAbroadCount"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">其中：个人</td>
                <td>套</td>
                <td>505</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perDealCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perCountyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherCountyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perFieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherFieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perOtherProvincesCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perAbroadCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.perHkAbroadCount"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">机构</td>
                <td>套</td>
                <td>506</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insDealCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insCountyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherCountyCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insFieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherFieldCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insOtherProvincesCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insAbroadCount"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.insHkAbroadCount"
                        placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3">平均成交价格</td>
                <td>元/平方米</td>
                <td>507</td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.dealPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.countyPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherCountyPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.fieldPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherFieldPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.otherProvincesPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.abroadPrice"
                        placeholder="请输入" /></td>
                <td><el-input-number :controls="false" style="width:90px" v-model="state.form.hkAbroadPrice"
                        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,
        countyArea: 0,
        otherCountyArea: 0,
        fieldArea: 0,
        otherFieldArea: 0,
        otherProvincesArea: 0,
        abroadArea: 0,
        hkAbroadArea: 0,
        perDealArea: 0,
        perCountyArea: 0,
        perOtherCountyArea: 0,
        perFieldArea: 0,
        perOtherFieldArea: 0,
        perOtherProvincesArea: 0,
        perAbroadArea: 0,
        perHkAbroadArea: 0,
        insDealArea: 0,
        insCountyArea: 0,
        insOtherCountyArea: 0,
        insFieldArea: 0,
        insOtherFieldArea: 0,
        insOtherProvincesArea: 0,
        insAbroadArea: 0,
        insHkAbroadArea: 0,
        dealCount: 0,
        countyCount: 0,
        otherCountyCount: 0,
        fieldCount: 0,
        otherFieldCount: 0,
        otherProvincesCount: 0,
        abroadCount: 0,
        hkAbroadCount: 0,
        perDealCount: 0,
        perCountyCount: 0,
        perOtherCountyCount: 0,
        perFieldCount: 0,
        perOtherFieldCount: 0,
        perOtherProvincesCount: 0,
        perAbroadCount: 0,
        perHkAbroadCount: 0,
        insDealCount: 0,
        insCountyCount: 0,
        insOtherCountyCount: 0,
        insFieldCount: 0,
        insOtherFieldCount: 0,
        insOtherProvincesCount: 0,
        insAbroadCount: 0,
        insHkAbroadCount: 0,
        dealPrice: 0,
        countyPrice: 0,
        otherCountyPrice: 0,
        fieldPrice: 0,
        otherFieldPrice: 0,
        otherProvincesPrice: 0,
        abroadPrice: 0,
        hkAbroadPrice: 0
    } as any
})
</script>
<style scoped lang="scss"></style>