**JSelectUserByDept部門用戶選擇組件** [TOC] ## 參數定義 | 參數 | 類型 | 是否可選|默認值 |說明| |------|------|----|-------|-------| | value|[String,Array] |否 | 無|回顯值 | | showButton |Boolean|否 | true|是否顯示選擇按鈕| | disabled |Boolean |否 |false| 是否禁用 | | rowKey |String | 否|username| 取值字段配置,一般為主鍵字段| | labelKey |String |否 |realname| 顯示字段配置| | params?|Object|否 |無| 自定義查詢參數| | modalTitle| String| 否 | 用戶選擇| 選擇框標題| ## 事件定義 | 事件名 |說明| |------|------| | onChange|選中的值改變的時候觸發 | ## 效果展示   ## 使用示例 1.選擇框在BaseForm中使用示例： ~~~ { field: 'user2', component: 'JSelectUserByDept', label: '部門選擇用戶', helpMessage: ['component模式'], componentProps:{ labelKey:'realname', rowKey:'username' } } ~~~ 2.選擇框在插槽中使用示例 ~~~ <template #jSelectUser="{model, field }"> <JSelectUserByDept v-model:value="model[field]"/> </template> ~~~ 3.選擇框單獨使用示例 ~~~ <template> <a-button type="primary" preIcon="ant-design:plus-outlined" @click="openHandle">選擇</a-button> <UserSelectByDepModal rowKey="id" @register="registerUserDeptModal" @getSelectResult="onSelectOk"/> </template> <script lang="ts" setup> import UserSelectByDepModal from '/@/components/Form/src/jeecg/components/modal/UserSelectByDepModal .vue' // 注冊用戶選擇框 const [registerUserDeptModal, {openModal}] = useModal() // 打開用戶選擇框 function openHandle() { openModal()； } // 選擇用戶成功 function onSelectOk(selectRows, selectKeys) { //處理業務邏輯 } </script> ~~~