<template>
    <el-scrollbar >
        <el-row class="title_body">
            <el-col :span="20">
                <span class="cont_header_title"><i class="el-icon-s-order"></i>人才盘点</span>
            </el-col>
            <el-col :span="4" class="edit_buttion">
                <el-button
                icon="el-icon-plus"
                size="small"
                type="text"
                @click="showAddBase(userKey)"
                >新增</el-button>
            </el-col>
        </el-row>
        <el-divider style="margin:0"></el-divider>
        <el-row>
            <el-col :span="24" class="cont_body">
            </el-col>
        </el-row>
    </el-scrollbar>
</template>
<script>
export default {
    name:"familymembers",
    props:['userKey'],
    data() {
        return {}
    },
    created(){
        console.log("userKey---------->",this.userKey) 
    },
    methods:{
        //新增信息
        showAddBase(val){
            console.log("新增信息--------->",val)  
        },
    }
}
</script>
<style>
.el-scrollbar {
    height: 100%;
    width: 100%;
}
.el-scrollbar__wrap {
    
    overflow: auto;
    overflow: scroll;
    overflow-x: hidden;
}
.el-tree-node.is-current>.el-tree-node__content {
    color:#2E89DE!important
}
.el-tree-node_black {
    background-color:red !important;
    color:#2E89DE!important
}
div::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
   
}
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.title_body{
    padding: 10px 0;
}
.cont_header_title{
    font-size: 20px;
    font-weight: bold;
    color: #388CFF;
}
.cont_header_title i{
    margin-right: 10px;
}
.edit_buttion{
    text-align: right; 
    padding-right: 10px;
}
.cont_body{
    margin-top: 20px;
}
</style>