JEECG-BOOT 2.0.2版本发布

ant-design-vue-jeecg/src/components/jeecgbiz/JSelectUserByDep.vue

@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <a-input-search
+      v-model="selectedDepUsers"
+      placeholder="请先选择用户"
+      disabled
+      @search="onSearchDepUser">
+      <a-button slot="enterButton" :disabled="disabled">选择用户</a-button>
+    </a-input-search>
+    <j-select-user-by-dep-modal
+      ref="selectModal"
+      :modal-width="modalWidth"
+      @ok="onSearchDepUserCallBack" />
+  </div>
+</template>
+
+<script>
+  import JSelectUserByDepModal from './modal/JSelectUserByDepModal'
+  export default {
+    name: 'JSelectUserByDep',
+    components: { JSelectUserByDepModal },
+    props:{
+      modalWidth:{
+        type:Number,
+        default:1250,
+        required:false
+      },
+      value:{
+        type:String,
+        required:false
+      },
+      disabled:{
+        type: Boolean,
+        required: false,
+        default: false
+      }
+    },
+    data() {
+      return {
+        selectedDepUsers:"",
+      }
+    },
+    mounted(){
+      this.selectedDepUsers = this.value
+    },
+    watch:{
+      value(val){
+        this.selectedDepUsers = val
+      }
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    },
+    methods: {
+      //通过组织机构筛选选择用户
+      onSearchDepUser() {
+        this.$refs.selectModal.showModal()
+        this.onSearchDepUserCallBack('')
+      },
+      onSearchDepUserCallBack(selectedDepUsers) {
+        this.selectedDepUsers = selectedDepUsers
+        this.$emit("change",selectedDepUsers)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>