<template>
    <el-col :span="wrapperProps.spcpCols" :class="wrapperProps.closeFormItem ? 'no-border' : ''">
        <el-form-item label-width="120px" :prop="fieldId" :label="wrapperProps.labelName"
                      v-if="!wrapperProps.closeFormItem"  style="height: 100%" class="form-item">
            <slot></slot>
        </el-form-item>
        <slot v-else></slot>
    </el-col>
</template>
<script>
export default {
    name: "spcp-form-wrapper",
    props:{
        fieldId:{type:String},
        wrapperProps:{type:Object},
    },
    data(){
        return {

        }
    },
    created() {

    },
}
</script>
<style scoped lang="scss">
    .no-border{
        border-right: 0!important;
        border-bottom: 0!important;
    }
    .form-item /deep/{
        > .el-form-item__label{
            height: 100%;
            align-content: center;
        }
        > .el-form-item__content{
            height: 100%;
            align-content: center;
        }
    }
</style>
