<template>
    <div>
        <table class="table">
            <tr>
                <td rowspan="3" colspan="3">指标名称</td>
                <td rowspan="3">计量单位</td>
                <td rowspan="3">代码</td>
                <td>指数</td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
                <td colspan="3">甲</td>
                <td>乙</td>
                <td>丙</td>
                <td>1</td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">商品住房</td>
                <td>万平方米</td>
                <td>701</td>
                <td><el-input-number  :controls="false" v-model="state.form.count" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90㎡以下住房</td>
                <td>万平方米</td>
                <td>702</td>
                <td><el-input-number  :controls="false" v-model="state.form.smallCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90-144㎡住房</td>
                <td>万平方米</td>
                <td>703</td>
                <td><el-input-number  :controls="false" v-model="state.form.centreCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">144㎡以上住房</td>
                <td>万平方米</td>
                <td>704</td>
                <td><el-input-number  :controls="false" v-model="state.form.bigCount" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td colspan="3" style="border-bottom: 0px;text-align: left">商品住房与上年同比增长</td>
                <td>万平方米</td>
                <td>705</td>
                <td><el-input-number  :controls="false" v-model="state.form.countProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90㎡以下住房</td>
                <td>万平方米</td>
                <td>706</td>
                <td><el-input-number  :controls="false" v-model="state.form.smallCountProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-bottom: 0px;border-top: 0px"></td>
                <td colspan="2" class="text-left">90-144㎡住房</td>
                <td>万平方米</td>
                <td>707</td>
                <td><el-input-number  :controls="false" v-model="state.form.centreIncreaseCountProportion" placeholder="请输入" /></td>
            </tr>
            <tr>
                <td style="border-top: 0px"></td>
                <td colspan="2" class="text-left">144㎡以上住房</td>
                <td>万平方米</td>
                <td>708</td>
                <td><el-input-number  :controls="false" v-model="state.form.bigIncreaseCountProportion" 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: {
        count: 0,
        smallCount: 0,
        centreCount: 0,
        bigCount: 0,
        countProportion: 0,
        smallCountProportion: 0,
        centreIncreaseCountProportion: 0,
        bigIncreaseCountProportion: 0
    } as any
})
</script>
<style scoped lang="scss"></style>