@blueking/user-selector v1.0.14

参考用法

<template>
    <bk-paas-user-selector v-model="users"
       :fuzzy-search-method="fuzzySearchMethod"
       :exact-search-method="exactSearchMethod">
    </bk-paas-user-selector>
</template>

<script>
    import BkPaasUserSelector from '@blueking/paas-user-selector'
    export default {
        components: { BkPaasUserSelector },
        data () {
            return {
                users: []
            }
        },
        methods: {
            /**
            * 模糊查询方法
            * keyword - 关键字
            * next - 结果分页，滚动加载，!!next 为true时表示加载更多
            */
            fuzzySearchMethod (keyword, next) {
                return Promise.resolve({
                    next: true,
                    results: [{
                        category_id: 1,                         // 目录id
                        category_name: '默认目录',               // 目录名称
                        id: 1,                                  // 用户id
                        username: 'blueking@default',           // 用户名
                        display_name: '蓝鲸智云',                // 全名
                        departments: [{
                            full_name: '默认目录/总公司/部门A'    // 完整组织架构路径
                            name: '部门A',                      // 当前组织
                            id: 1,                              // 组织id
                            order: 1
                        }],
                        domain: 'default',                      // 目录域
                        logo: ''                                // 用户头像
                    }]    
                })
            },
            /**
            * 精确查询单个用户方法，用于加载已选择用户的信息
            * username - 用户名
            */
            exactSearchMethod (username) {
                return Promise.resolve({
                    category_id: 1,
                    category_name: '默认目录',
                    id: 1,
                    username: 'blueking@default',
                    display_name: '蓝鲸智云',
                    departments: [{
                        full_name: '默认目录/总公司/部门A'
                        name: '部门A',
                        id: 1,
                        order: 1    
                    }],
                    domain: 'default',
                    logo: ''    
                })  
            }
        }
    }
</script>