ss

src/components/select/searchPeople.vue

@@ -28,6 +28,7 @@
   </el-select>
 </template>
 <script>
+const _ = require('lodash')
 import { memberQueryMemberInfoByIDAPorName } from '@/api/projectIndex'
 export default {
   props: {
@@ -98,9 +99,9 @@ export default {
     this.initMore(this.searchValue)
   },
   methods: {
-    remoteMethod(query) {
+    remoteMethod: _.debounce(function(query) {
       query !== '' ? this.getMember(query) : this.options = []
-    },
+    }, 2000),
     initMore(arr) { // 当多人时候，对数组每一个人员进行搜索
       if (this.multiple) {
         for (const item of arr) {

src/views/projectManage/bugList/file/createdBug.vue

@@ -51,7 +51,7 @@
                 </el-form-item>
 
                 <el-form-item label="责任人" style="width:100%;" prop="assigner">
-                  <el-select v-model="formInline.assigner" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀" @change="getcurrentHandler(formInline.assigner)">
+                  <!-- <el-select v-model="formInline.assigner" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀" @change="getcurrentHandler(formInline.assigner)">
                     <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                       <div style="display: flex;justify-content: start;">
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
@@ -59,7 +59,8 @@
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
                       </div>
                     </el-option>
-                  </el-select>
+                  </el-select> -->
+                  <searchPeople :value.sync="formInline.assigner" :multiple="true" :size="'medium'" style="width: 100%;" />
                 </el-form-item>
               </div>
               <div style="width:100%; margin: 0 4%;">
@@ -88,7 +89,7 @@
                   <el-input v-model="formInline.creatorList" :disabled="true" placeholder="请输入姓名或邮箱前缀" style="width:100%;" />
                 </el-form-item>
                 <el-form-item label="修复人" style="width:100%;" prop="currentHandler">
-                  <el-select v-model="formInline.currentHandler" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀">
+                  <!-- <el-select v-model="formInline.currentHandler" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀">
                     <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                       <div style="display: flex;justify-content: start;">
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
@@ -96,7 +97,8 @@
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
                       </div>
                     </el-option>
-                  </el-select>
+                  </el-select> -->
+                  <searchPeople :value.sync="formInline.currentHandler" :multiple="true" :size="'medium'" style="width: 100%;" />
                 </el-form-item>
               </div>
             </div>
@@ -202,6 +204,7 @@ import {
   bugCreate,
   settingQueryBizModuleList
 } from '@/api/defectManage'
+import searchPeople from '@/components/select/searchPeople' // 人员select
 import { memberQueryMemberInfoByIDAPorName } from '@/api/projectIndex'
 import normalDialog from '@/components/dialog/normalDialog'
 import '@/views/projectManage/bugList/css/index.css'
@@ -230,7 +233,8 @@ export default {
   components: {
     normalDialog,
     normalArea,
-    modal
+    modal,
+    searchPeople
   },
   filters: {
     limit(e, limit) {
@@ -292,7 +296,7 @@ export default {
           { required: true, message: '发现方式不能为空', trigger: 'change' }
         ],
         assigner: [
-          { required: true, message: '责任人不能为空', trigger: 'change' }
+          { required: true, message: '责任人不能为空', trigger: 'blur' }
         ],
         sysType: [
           { required: true, message: '端类型不能为空', trigger: 'change' }
@@ -307,7 +311,7 @@ export default {
           { required: true, message: '提报人不能为空', trigger: 'change' }
         ],
         currentHandler: [
-          { required: true, message: '修复人不能为空', trigger: 'change' }
+          { required: true, message: '修复人不能为空', trigger: 'blur' }
         ]
       },
       bugEnumList: [], // bug状态