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>
属性 |
说明 |
类型 |
必填 |
默认值 |
value(v-model) |
值 |
string |
|
|
modalWidth |
弹窗宽度 |
number |
|
1250 |
disabled |
是否禁用 |
boolean |
|
false |
multi |
是否多选 |
boolean |
|
true |
事件名称 |
说明 |
回调参数 |
change |
值变化时调用 |
function(value) |