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

<template>
        <el-button type="text" @click="removeTab">移除此证件</el-button>
        <el-button type="text" @click="saveLandUse">保存此证件</el-button>
 <el-form :model="landUseOldCertificate" 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="landUseOldCertificate.certificateNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="土地使用权人:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.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="landUseOldCertificate.location" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="地号:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.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="landUseOldCertificate.imageNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="地类用途:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.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="landUseOldCertificate.landLevel" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="使用权类型:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.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="landUseOldCertificate.expireDate" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="使用权面积:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.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="landUseOldCertificate.outterAcreage" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="记事:" class="form-item">
                                            <el-input v-model="landUseOldCertificate.attachInfo" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
</template>

<script>

export default{


    props:{
        landUseOldCertificate:{

        }
    },

    data(){
        return{
            
        }
    },


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

    }
}
</script>
<style  scoped>
:deep(.el-button--text:hover){
    color:#ff6154;
}
:deep(.el-button--text){
    color:#ff6154;
}
</style>