JeecgBoot 2.1.1 代码生成器AI版本发布

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

@@ -1,51 +1,55 @@
 <template>
   <div>
     <a-input-search
-      v-model="selectedDepUsers"
+      v-model="userNames"
       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" />
+    <j-select-user-by-dep-modal ref="selectModal" :modal-width="modalWidth" :multi="multi" @ok="selectOK" :user-ids="value" @initComp="initComp"/>
   </div>
 </template>
 
 <script>
   import JSelectUserByDepModal from './modal/JSelectUserByDepModal'
+
   export default {
     name: 'JSelectUserByDep',
-    components: { JSelectUserByDepModal },
-    props:{
-      modalWidth:{
-        type:Number,
-        default:1250,
-        required:false
+    components: {JSelectUserByDepModal},
+    props: {
+      modalWidth: {
+        type: Number,
+        default: 1250,
+        required: false
       },
-      value:{
-        type:String,
-        required:false
+      value: {
+        type: String,
+        required: false
       },
-      disabled:{
+      disabled: {
         type: Boolean,
         required: false,
         default: false
-      }
+      },
+      multi: {
+        type: Boolean,
+        default: true,
+        required: false
+      },
     },
     data() {
       return {
-        selectedDepUsers:"",
+        userIds: "",
+        userNames: ""
       }
     },
-    mounted(){
-      this.selectedDepUsers = this.value
+    mounted() {
+      this.userIds = this.value
     },
-    watch:{
-      value(val){
-        this.selectedDepUsers = val
+    watch: {
+      value(val) {
+        this.userIds = val
       }
     },
     model: {
@@ -53,14 +57,27 @@
       event: 'change'
     },
     methods: {
-      //通过组织机构筛选选择用户
+      initComp(userNames) {
+        this.userNames = userNames
+      },
       onSearchDepUser() {
         this.$refs.selectModal.showModal()
-        this.onSearchDepUserCallBack('')
       },
-      onSearchDepUserCallBack(selectedDepUsers) {
-        this.selectedDepUsers = selectedDepUsers
-        this.$emit("change",selectedDepUsers)
+      selectOK(rows, idstr) {
+        console.log("当前选中用户", rows)
+        console.log("当前选中用户ID", idstr)
+        if (!rows) {
+          this.userNames = ''
+          this.userIds = ''
+        } else {
+          let temp = ''
+          for (let item of rows) {
+            temp += ',' + item.realname
+          }
+          this.userNames = temp.substring(1)
+          this.userIds = idstr
+        }
+        this.$emit("change", this.userIds)
       }
     }
   }