<template>
    <div class="h content-form">
        <el-form ref="form" :model="form" label-width="160px">
            <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
                <tbody>
                <tr height="30">
                    <td colspan="12" align="center"  ><font size="4">逻辑幢基本信息</font></td>
                </tr>
                <tr height="30">
                    <td  colspan="2" align="center"  >层号</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.ch"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >自然幢号</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.zrzh"></el-input>
                    </td>
                </tr>
                <tr height="30">
                    <td  colspan="2" align="center"  >实际层</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.sjc"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >名义层</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.myc"></el-input>
                    </td>
                </tr>


                <tr height="30">
                    <td  colspan="2" align="center"  >层建筑面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cjzmj"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >层套内建筑面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.ctnjzmj"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center"  >层阳台面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cytmj"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >层半墙面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cbqmj"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center"  >层共有建筑面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cgyjzmj"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >层分摊建筑面积(㎡)</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cftjzmj"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center"  >层高</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.cg"></el-input>
                    </td>
                    <td  colspan="2" align="center"  >水平投影面积</td>
                    <td  colspan="4"  >
                        <el-input v-model="form.sptymj"></el-input>
                    </td>
                </tr>
                <tr height="30">
                </tr>

                </tbody>
            </table>
        </el-form>
        <div style="min-height: 40px;text-align: center;margin-top: 10px">
            <el-button type="success" @click="onSave">保存</el-button>
            <el-button type="primary" @click="onSubmit">提交</el-button>
        </div>
    </div>

</template>

<script>
    import {insertCInfo} from "@api/zrz";
    export default {
        name:'c',
        components:{},
        data () {
            return {
                form:{
                    zrzbsm:'',
                    ch:'',  //层号
                    zrzh:'',  //自然幢号
                    sjc:'',  //实际层
                    myc:'',  //名义层
                    cjzmj:'',  //层建筑面积
                    ctnjzmj:'',  //层套内建筑面积
                    cytmj:'',  //层阳台面积
                    cbqmj:'',  //层半墙面积
                    cgyjzmj:'',  //层共有建筑面积
                    cftjzmj:'',  //层分摊建筑面积
                    cg:'',  //层高
                    sptymj:'',  //水平投影面积
                },
                value: '',
            }
        },
        methods: {
            onSave(){
                this.form.zrzbsm=this.$router.query.bsm;
                insertCInfo(this.form).then((res)=>{
                    if(res.code===200){
                        this.$message.success("保存成功")
                    }
                })
                console.log(this.form)
            },
            onSubmit(){
                console.log(this.form)
            }
        }
    }
</script>
<style rel="stylesheet/less" lang="less" scoped>
    .h {
        min-height: 200px;
        width: 80%;
        margin-top: 10px;
        margin-left: 10%;
        float: left;

        /deep/.el-input__inner{
            width: 100%;
            border: 0;
        }

        /deep/textarea{
            width: 100%;
            border: 0;
        }


        .el-form-item{
            font-weight: bold;
            font-size: xx-large
        }

        table{
            background: #fff;
            table-layout: fixed;
        }

        td{
            //bgcolor:#F1F4FC;
            bgcolor:#fff;
            width:8.33%
        }

        .el-select{
            display:block;
        }
    }

    table{
        font-size: 14px;
    }

    .hTable{
        margin-top: 10px;
    }
</style>