Question

选择部门组件,存储部门ID,显示部门名称

1.参数配置

参数	类型	必填	说明
modalWidth	Number		弹框宽度 默认500
multi	Boolean		是否多选 默认false
rootOpened	Boolean		是否展开根节点 默认true
disabled	Boolean		是否禁用 默认false
customReturnField	String		自定义返回值

2.使用示例

<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>