JSelectUserByDep

JSelectUserByDep 部门用户选择组件

根据部门选择用户。点击选择用户按钮，在表格弹窗中选择。

代码演示

<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>
  export default {
    data() {
      return {
        form: this.$form.createForm(this),
        users: ''
      }
    },

    methods: {
      getFormFieldValue(field) {
        return this.form.getFieldValue(field)
      }
    }
  }
</script>

api

props

属性	说明	类型	必填	默认值
value(v-model)	值	string
modalWidth	弹窗宽度	number		1250
disabled	是否禁用	boolean		false
multi	是否多选	boolean		true

事件

事件名称	说明	回调参数
change	值变化时调用	function(value)