JSelectUser选择用户 ✔

---

参数定义

参数	类型	是否必选	默认值	说明
value	[String,Array]	否	无	回显值
showButton	Boolean	否	true	是否显示选择按钮
placeholder	String	否	请选择	选择提示语
disabled	Boolean	否	false	是否禁用
rowKey	String	否	username	取值字段配置,一般为主键字段
labelKey	String	否	realname	显示字段配置
params	Object	否	-	自定义查询参数，需要传递字符串，如：params:'{"username":"admin"}'
showSelected	Boolean	否	false	是否右侧显示选中列表
maxSelectCount	Number	否	null	最大选择数量
modalTitle	String	否	选择用户	选择框标题
isRadioSelection	boolean	否	false	是否单选

事件定义

事件名	参数	说明
getSelectResult	options, values	确认选择回调，单独使用选择框中使用该事件获取选中值

使用示例

BaseForm中使用示例

{
    field: 'user2',
    component: 'JSelectUser',
    label: '用户选择示例',
    helpMessage: ['component模式'],
    componentProps:{
        labelKey:'realname',
        rowKey:'id'
    }
}

插槽中使用示例

<template #jSelectUser="{model, field }">
    <JSelectUser v-model:value="model[field]"/>
</template>

单独使用示例

<template>
<a-button type="primary" preIcon="ant-design:plus-outlined" @click="openHandle">选择</a-button>
<UserSelectModal rowKey="id" @register="registerSelUserModal" @getSelectResult="onSelectOk"/>
</template>
<script lang="ts" setup>
    import UserSelectModal from '/@/components/Form/src/jeecg/components/modal/UserSelectModal.vue'
     // 注册用户选择框
    const [registerSelUserModal, {openModal}] = useModal()

    // 打开用户选择框
    function openHandle() {
        openModal()；
    }
    // 选择用户成功
    function onSelectOk(options, values) {
      //处理业务逻辑
   }
</script>

开启右侧选中列表

添加配置 showSelected:true