# JSelectDepart 部门选择组件 选择部门组件,存储部门ID,显示部门名称 ## 参数配置 | 参数 | 类型 | 必填 |说明| |--------------|---------|----|---------| | modalWidth |Number | | 弹框宽度 默认500 | | multi |Boolean | | 是否多选 默认false | | rootOpened |Boolean | | 是否展开根节点 默认true | | disabled |Boolean | | 是否禁用 默认false| 使用示例 ---- ```vue <template> <a-form :form="form"> <a-form-item label="部门选择v-decorator" style="width: 300px"> <j-select-depart v-decorator="['bumen']"/> {{ getFormFieldValue('bumen') }} </a-form-item> <a-form-item label="部门选择v-model" style="width: 300px"> <j-select-depart v-model="bumen"/> {{ bumen }} </a-form-item> <a-form-item label="部门多选v-model" style="width: 300px"> <j-select-depart v-model="bumens" :multi="true"/> {{ bumens }} </a-form-item> </a-form > </template> <script> import JSelectDepart from '@/components/jeecgbiz/JSelectDepart' export default { components: {JSelectDepart}, data() { return { form: this.$form.createForm(this), bumen:"", bumens:"" } }, methods:{ getFormFieldValue(field){ return this.form.getFieldValue(field) } } } </script> ``` # JSelectMultiUser 用户多选组件 使用示例 ---- ```vue <template> <a-form :form="form"> <a-form-item label="用户选择v-decorator" style="width: 500px"> <j-select-multi-user v-decorator="['users']"/> {{ getFormFieldValue('users') }} </a-form-item> <a-form-item label="用户选择v-model" style="width: 500px"> <j-select-multi-user v-model="users" ></j-select-multi-user> {{ users }} </a-form-item> </a-form > </template> <script> import JSelectMultiUser from '@/components/jeecgbiz/JSelectMultiUser' export default { components: {JSelectMultiUser}, data() { return { form: this.$form.createForm(this), users:"", } }, methods:{ getFormFieldValue(field){ return this.form.getFieldValue(field) } } } </script> ``` # JSelectUserByDep 根据部门选择用户 ## 参数配置 | 参数 | 类型 | 必填 |说明| |--------------|---------|----|---------| | modalWidth |Number | | 弹框宽度 默认1250 | | disabled |Boolean | | 是否禁用 | 使用示例 ---- ```vue <template> <a-form :form="form"> <a-form-item label="用户选择v-decorator" style="width: 500px"> <j-select-user-by-dep v-decorator="['users']"/> {{ getFormFieldValue('users') }} </a-form-item> <a-form-item label="用户选择v-model" style="width: 500px"> <j-select-user-by-dep v-model="users" ></j-select-user-by-dep> {{ users }} </a-form-item> </a-form > </template> <script> import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep' export default { components: {JSelectUserByDep}, data() { return { form: this.$form.createForm(this), users:"", } }, methods:{ getFormFieldValue(field){ return this.form.getFieldValue(field) } } } </script> ```