productivity-platform-web/src/components/HouseGuarantyForm/landUseNewCertificate.vue

<template>
        <el-button @click="removeTab">移除此证件</el-button>
        <el-button @click="saveLandUse">保存此证件</el-button>
 <el-form :model="landUseNewCertificate" label-width="auto" style="margin-top: 30px;">
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="不动产权证书号:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.certificateNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="土地使用权人:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.landUseUser" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="座落:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.location" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="地号:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.landNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="图号:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.imageNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="地类用途:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.useTo" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="取得价格:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.takePrice" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="使用权类型:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.useType" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="终止日期:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.expireDate" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="使用权面积:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.acreage" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="其中分摊面积:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.outterAcreage" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="记事:" class="form-item">
                                            <el-input v-model="landUseNewCertificate.attachInfo" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
</template>

<script>

export default{


    props:{
        landUseNewCertificate:{
            type:Object,
            required:false
        }
    },

    data(){
        return{
            
        }
    },

    methods:{
        removeTab(){
            this.$emit('removeTab',this.landUseNewCertificate.name)
        }
        ,
        saveLandUse(){
            this.landUseNewCertificate.isNew=true;
            this.$emit('saveLandUse',this.landUseNewCertificate)
        }

    }
}
</script>