班组选择人员修改

src/views/basicData/teamManagement.vue

@@ -60,7 +60,25 @@
       </template> -->
       <template #teamLeader-form="{ type }">
         <span v-show="type == 'edit' || type == 'add'">
-          <el-select
+          <jhSelect
+            :value="form.teamLeader"
+            placeholder="请搜索选择"
+            api-url="/blade-system/user/page"
+            echo-api="/blade-system/user/page"
+            echoParamsKey="ids"
+            echo-method="get"
+            api-method="get"
+            list-key="records"
+            total-key="total"
+            label-key="realName"
+            value-key="id"
+            search-key="realName"
+            :debounce-time="500"
+            @change="changeTeam"
+            :title="'修改'"
+          />
+
+          <!-- <el-select
             v-model="form.teamLeader"
             placeholder="请选择班组长"
             filterable
@@ -72,12 +90,31 @@
               :value="item.id"
               :label="item.realName"
             />
-          </el-select>
+          </el-select> -->
         </span>
       </template>
       <template #planner-form="{ type }">
         <span v-show="type == 'edit' || type == 'add'">
-          <el-select
+          
+          <jhSelect
+            :value="form.planner"
+            placeholder="请搜索选择"
+            api-url="/blade-system/user/page"
+            echo-api="/blade-system/user/page"
+            echoParamsKey="ids"
+            echo-method="get"
+            api-method="get"
+            list-key="records"
+            total-key="total"
+            label-key="realName"
+            value-key="id"
+            search-key="realName"
+            :debounce-time="500"
+            @change="changePlanner"
+            :title="'修改'"
+          />
+
+          <!-- <el-select
             v-model="form.planner"
             placeholder="请选择计划员"
             filterable
@@ -89,12 +126,31 @@
               :value="item.id"
               :label="item.realName"
             />
-          </el-select>
+          </el-select> -->
         </span>
       </template>
       <template #dispatcher-form="{ type }">
         <span v-show="type == 'edit' || type == 'add'">
-          <el-select
+          
+          <jhSelect
+            :value="form.dispatcher"
+            placeholder="请搜索选择"
+            api-url="/blade-system/user/page"
+            echo-api="/blade-system/user/page"
+            echoParamsKey="ids"
+            echo-method="get"
+            api-method="get"
+            list-key="records"
+            total-key="total"
+            label-key="realName"
+            value-key="id"
+            search-key="realName"
+            @change="changeDispatcher"
+            :debounce-time="500"
+            :title="'修改'"
+          />
+
+          <!-- <el-select
             v-model="form.dispatcher"
             placeholder="请选择调度员"
             filterable
@@ -106,7 +162,7 @@
               :value="item.id"
               :label="item.realName"
             />
-          </el-select>
+          </el-select> -->
         </span>
       </template>
     </avue-crud>
@@ -191,6 +247,7 @@
 </template>
 
 <script>
+import jhSelect from '@/components/jh-select/index.vue';
 import {
   getList,
   addTeam,
@@ -210,6 +267,7 @@ export default {
   components: {
     basicImport,
     treeTransfer,
+    jhSelect
   },
   data() {
     return {
@@ -530,6 +588,16 @@ export default {
   },
   mounted() {},
   methods: {
+    changeTeam(val, item) {
+      // let select = this.teacherArr.find(e => e.id == val);
+      this.form.teamLeader = item && item.id;
+    },
+    changePlanner(val,item){
+      this.form.planner = item && item.id;
+    },
+    changeDispatcher(val,item){
+      this.form.dispatcher = item && item.id;
+    },
     // 点击导入按钮
     handleImport() {
       this.isShowImport = true;