**JSelectUser用户选择组件** ***** [TOC] ## 参数定义 | 参数 | 类型 | 是否必选 | 默认值 | 说明 | | --- | --- | --- | --- | --- | | 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