JSelectDepart 部门选择组件 === 选择部门组件,存储部门ID,显示部门名称 1.参数配置 | 参数 | 类型 | 必填 |说明| |--------------|---------|----|---------| | modalWidth |Number | | 弹框宽度 默认500 | | multi |Boolean | | 是否多选 默认false | | rootOpened |Boolean | | 是否展开根节点 默认true | | disabled |Boolean | | 是否禁用 默认false| | customReturnField|String| | 自定义返回值| | store|String| | 存储字段 | | text|String| | 显示字段| | treeOpera|Boolean | | 显示关联操作| 2.使用示例 ![](https://img.kancloud.cn/cd/e2/cde266e6fe2ce522101690b685ea68bb_571x472.png) ---- ```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> ``` 3.显示关联操作 ~~~ <j-select-depart v-model="departs" :multi="true" :treeOpera="true"></j-select-depart> ~~~ ![](https://img.kancloud.cn/e6/06/e606b2d29ed3c7a5b49c040bebc95787_551x557.png)