EmployeeField 人員検索ボックス
使用場面
- ページ内で担当者を指定する必要がある場合
- ユーザーが個人情報を登録する必要がある場合
コンポーネント例
コンポーネント属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
beforeSearch | 人員検索。リクエスト送信前にこの関数でパラメータを処理できます。dataType属性がurlの場合に有効 | (params: Record<string, string>) => Record<string, string> | - |
beforeSearchTeam | 組織検索。リクエスト送信前にこの関数でパラメータを処理できます。dataType属性がurlの場合に有効 | (params: Record<string, string>) => Record<string, string> | - |
behavior | 表单组件显示状态 | 'NORMAL' | |
closeOnSelect | 選択後に閉じるかどうか | boolean | false |
dataSource | 人員データ。dataTypeがdataSourceの場合に有効 | any[] | - |
dataType | データタイプ。url：インターフェースリクエスト、DataSource：データソース | 'url' | 'dataSource' | 'url' |
emplIdInLabel | 選択結果に社員番号を表示するかどうか | boolean | true |
fetchDataOnMount | ページ読み込み後に自動的にインターフェースをリクエストするかどうか | boolean | true |
fit | 非同期データ結果の処理。dataType属性がurlの場合に有効 | (response: any) => any | - |
hasClear | クリアボタンを表示 | boolean | true |
hasOrderNum | 主兼務を表示 | boolean | - |
hiddenSelected | boolean | - | |
label | 表单组件标题 | string | - |
labelAlign | 表单组件标题的位置 | 'left' | 'top' | 'top' |
labelColOffset | 设置标题的偏移位置，配置值为栅格值，1代表1/24 | number | 0 |
labelColSpan | 设置标题的占位宽度，配置值为栅格值，1代表1/24 | number | 4 |
labelTextAlign | 表单组件的标题对齐方式 | 'left' | 'right' | 'right' |
labelTipsIcon | 表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效 | string | - |
labelTipsRender | 表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效 | (props: IComponentProps) => ReactNode | - |
labelTipsText | 表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效 | string | - |
labelTipsTypes | 表单组件标题提示信息类型设置 | 'none' | |
multiple | 複数選択モードを有効化 | boolean | false |
orderNum | "0の場合は人員選択モード（主担当のみ表示）、0以外の場合は役職選択モード（複数の兼務情報を表示）" | string | - |
placeholder | 人員検索ボックスのプレースホルダーヒント | string | '選択してください' |
renderOption | カスタムオプションレンダリングフィールド | (option: any) => string | - |
renderSelection | 選択後のカスタムレンダリングフィールド | (option: any) => string | - |
searchDelay | 検索遅延時間、単位：ms | number | 100 |
showAllSub | 全社員を表示 | boolean | - |
showAvater | 選択ポップアップにアバターを表示するかどうか | boolean | true |
showDeptDesc | 部署説明を表示するかどうか | boolean | true |
showEmplId | 人員検索ボックスに社員番号を表示 | boolean | false |
showJobDesc | 職位説明を表示するかどうか | boolean | true |
showSub | 部下を表示 | boolean | false |
size | 表单组件尺寸 | 'medium' | |
subUrl | 部下非同期インターフェース。全社員と部下の検索をカスタマイズする際のサービスURLを設定します。デフォルトはインターフェースアドレスを使用します。 | string | - |
tips | 表单组件描述信息，展示在控件下方 | string | - |
url | 人員情報の非同期インターフェースアドレス。dataType属性がurlの場合に有効 | string | - |
validation | 表单组件校验设置，具体使用详见表单校验文档 | [] | |
value | 現在のコンポーネントのデフォルト値 | any[] | - |
wrapperColOffset | 设置表单组件的偏移位置，设置值为栅格值，1代表1/24 | number | 0 |
wrapperColSpan | 设置表单组件的占位宽度，设置值为栅格值，1代表1/24 | number | 0 |