Appearance
用户选择组件 ¶
TIP
用于弹窗选择用户的场景,可以配置用户是单选还是多选,默认查询/user/admin/page
接口的用户信息,可以根据需要进行自定义
使用 ¶
vue
<template>
<b-user-select-modal ref="userSelectModal" @ok="selectUser" :multiple="false" />
</template>
<script setup>
function selectUser(userId, userInfo){}
</script>
typescript
import BUserSelectModal from '/@/components/Bootx/UserSelectModal'
参数和说明 ¶
参数名 | 类型 | 功能 | 是否必填 | 默认值 |
---|---|---|---|---|
title | string | 名称 | 否 | 选择用户 |
multiple | boolean | 是否允许多选 | 否 | |
width | number | 宽度 | 否 | string |
dataSource | Function | 数据源函数 | 否 | /user/admin/page 用户信息查询接口 |
@ok | Function | 点击确认的回调函数 | 否 | 无 |
回调方法 ¶
typescript
/**
* 回调方法
* @param userId 用户id,多选状态下返回用户ID列表,单选情况下返回单个用户ID
* @param userInfo 用户信息,多选状态下用户信息列表,单选情况下返回单个用户信息对象
*/
function selectUser(userId, userInfo: UserInfo | UserInfo[]){}