<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="3" colspan="3">指标名称</td>
                <td rowspan="3">计量单位</td>
                <td rowspan="3">代码</td>
                <td colspan="2" class="text-left" style="border-bottom: 0px"></td>
            </tr>
            <tr>
                <td rowspan="2" style="border-bottom: 0px;border-top:0;">二手房</td>
                <td rowspan="2" style="border-bottom: 0px;">二手住房</td>
            </tr>
            <tr>
            </tr>
            <tr>
                <td colspan="3">甲</td>
                <td>乙</td>
                <td>丙</td>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td colspan="3">成交面积</td>
                <td>万平方米</td>
                <td>601</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>
            </tr>
            <tr>
                <td colspan="3">成交面积与上年同比增长</td>
                <td>%</td>
                <td>604</td>
                <td><el-input-number :controls="false" v-model="state.form.dealProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3">成交金额</td>
                <td>亿元</td>
                <td>603</td>
                <td><el-input-number :controls="false" v-model="state.form.dealAmount" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealAmount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3">成交金额与上年同比增长</td>
                <td>%</td>
                <td>606</td>
                <td><el-input-number :controls="false" v-model="state.form.dealAmountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealAmountProportion" placeholder="请输入" />
                </td>
            </tr>
            <tr>
                <td colspan="3">成交套数</td>
                <td>套</td>
                <td>602</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>
            </tr>
            <tr>
                <td colspan="3">成交套数与上年同比增长</td>
                <td>%</td>
                <td>605</td>
                <td><el-input-number :controls="false" v-model="state.form.dealCountProportion" placeholder="请输入" /></td>
                <td><el-input-number :controls="false" v-model="state.form.resDealCountProportion" 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,
        dealProportion: 0,
        resDealProportion: 0,
        dealAmount: 0,
        resDealAmount: 0,
        dealAmountProportion: 0,
        resDealAmountProportion: 0,
        dealCount: 0,
        resDealCount: 0,
        dealCountProportion: 0,
        resDealCountProportion: 0
    } as any
})
</script>

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