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

<template>
        <el-button type="text" @click="removeTab">移除此证件</el-button>
        <el-button type="text" @click="saveHouseOwn">保存此证件</el-button>
 <el-form :model="houseOwnNewCertificate" 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="houseOwnNewCertificate.certificateNo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="房屋所有权人:" class="form-item">
                                            <el-input v-model="houseOwnNewCertificate.ownShipUser" 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="houseOwnNewCertificate.ownShipInfo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="房屋坐落:" class="form-item">
                                            <el-input v-model="houseOwnNewCertificate.location" 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="houseOwnNewCertificate.registerDate" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="房屋性质:" class="form-item">
                                            <el-input v-model="houseOwnNewCertificate.houseNature" 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="houseOwnNewCertificate.useTo" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="总层数:" class="form-item">
                                            <el-input v-model="houseOwnNewCertificate.allFloor" 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="houseOwnNewCertificate.acreage" clearable />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="套内建筑面积:" class="form-item">
                                            <el-input v-model="houseOwnNewCertificate.innerAcreage" 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="houseOwnNewCertificate.attachInfo" clearable />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
</template>

<script>

export default{

    props:{
        houseOwnNewCertificate:{

        }
    },

    data(){
        return{
           
        }
    },
    methods:{
        removeTab(){
            this.$emit('removeTab',this.houseOwnNewCertificate.name)
        }
        ,
        saveHouseOwn(){
            this.houseOwnNewCertificate.isNew = true;
            this.$emit('saveHouseOwn',this.houseOwnNewCertificate)
        }

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