index.vue 10.3 KB
<template>
    <div class="zrz content-form">
        <el-form ref="form" :model="form" label-width="160px">
            <table border="1" width="100%" cellspacing="1" cellpadding="2">
                <tbody>
                <tr height="30">
                    <td colspan="12" align="center" bgcolor="#F1F4FC" style="width:8.33%"><font size="5">自然幢基本信息</font></td>
                </tr>
                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">活动名称</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">自然幢号</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name" style="width: 200px"></el-input>
                        <el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
                    </td>
                </tr>
                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">项目名称</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">不动产单元号</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name" style="width: 200px"></el-input>
                        <el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物名称</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物基本用途</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">房屋性质</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">竣工日期</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物高度(m)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">总套数</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">幢用地面积(㎡)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">幢占用地面积(㎡)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">预测建筑面积(㎡)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">实测建筑面积(㎡)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地下层数</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地上层数</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">总层数</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地下深度(m)</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">产别</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">产权来源</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">项目名称</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">不动产单元号</td>
                    <td  colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td  colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button>
                        <span>用途</span>
                    </td>
                    <td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">规划用途</td>
                    <td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                    <td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">用途</td>
                    <td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td   colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button>
                        <span>房屋用途</span>
                    </td>
                    <td   colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td   colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <span>坐落</span>
                    </td>
                    <td   colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td   colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <span>附加说明</span>
                    </td>
                    <td   colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                <tr height="30">
                    <td   colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
                        <span>调查意见</span>
                    </td>
                    <td   colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
                        <el-input v-model="form.name"></el-input>
                    </td>
                </tr>

                </tbody>
            </table>
        </el-form>
    </div>
</template>

<script>
    export default {
        name:'zrz',
        data () {
            return {
                form:{
                    name:'',
                },
                form1:{
                    name:'',
                }
            }
        },
        methods: {
        }
    }
</script>
<style rel="stylesheet/less" lang="less">
    /*@import './index.less';*/
</style>