客户转移

src/api/store/user.js

@@ -75,3 +75,11 @@ export function listBySearch(query) {
     params: query
   })
 }
+
+export function getAllUserListLimit(query) {
+  return request({
+    url: '/company/companyUser/getAllUserListLimit',
+    method: 'get',
+    params: query
+  })
+}

src/views/user/transfer/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="公司名" prop="companyId">
-        <el-select filterable style="width: 220px" v-model="queryParams.companyId" placeholder="请选择公司名" clearable size="small">
+        <el-select filterable style="width: 220px" v-model="queryParams.corpId" placeholder="请选择公司名" clearable size="small">
           <el-option
             v-for="item in companys"
             :key="item.companyId"
@@ -21,22 +21,29 @@
         </el-select>
       </el-form-item>
       <el-form-item label="目标接收销售" prop="targetUserId">
-        <el-input
-          v-model="queryParams.targetUserId"
-          placeholder="请输入目标接收销售用户 ID"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+        <el-select v-model="queryParams.targetUserId" remote
+                   placeholder="请选择" filterable clearable
+                   style="width: 100%;" @keyup.enter.native="handleQuery" :remote-method="getAllUserListLimitQuery">
+          <el-option
+            v-for="dict in companyUserList"
+            :key="`${dict.nickName} - ${dict.userName}`"
+            :label="`${dict.nickName} - ${dict.userName}`"
+            :value="dict.userId">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="发起人" prop="initiatorUserId">
-        <el-input
-          v-model="queryParams.initiatorUserId"
-          placeholder="请输入发起此转移请求的用户 ID"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+        <el-select v-model="queryParams.initiatorUserId" remote placeholder="请选择" filterable clearable
+                   style="width: 100%;" @keyup.enter.native="handleQuery"
+                   :remote-method="getAllUserListLimitQuery3"
+        >
+          <el-option
+            v-for="dict in companyUserList3"
+            :key="`${dict.nickName} - ${dict.userName}`"
+            :label="`${dict.nickName} - ${dict.userName}`"
+            :value="dict.userId">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="审批状态" prop="approvalStatus">
         <el-select v-model="queryParams.approvalStatus" placeholder="请选择审批状态" clearable size="small">
@@ -193,6 +200,7 @@ import { listApproval, getApproval, delApproval, addApproval, updateApproval, ex
 import Editor from '@/components/Editor';
 import {getDicts} from "@/api/system/dict/data";
 import {getCompanyList} from "@/api/company/company";
+import {getAllUserListLimit} from "@/api/store/user";
 
 export default {
   name: "Approval",
@@ -220,6 +228,8 @@ export default {
       open: false,
       // 转移类型
       transferTypeList: [],
+      companyUserList: [],
+      companyUserList3: [],
       // 审批状态
       approvalStatusList: [],
       viewMode: false,
@@ -282,12 +292,40 @@ export default {
     getDicts('transfer_approval_status').then(response => {
       this.approvalStatusList = response.data;
     })
+    getAllUserListLimit().then(res=>{
+      if(res.code === 200) {
+        this.companyUserList = res.data
+      }
+    });
+    getAllUserListLimit().then(res=>{
+      if(res.code === 200) {
+        this.companyUserList3 = res.data
+      }
+    });
     getCompanyList().then(response => {
       this.companys = response.data;
     });
     this.getList();
   },
   methods: {
+    getAllUserListLimitQuery(keywords){
+      getAllUserListLimit({
+        keywords: keywords
+      }).then(res=>{
+        if(res.code === 200) {
+          this.companyUserList = res.data
+        }
+      });
+    },
+    getAllUserListLimitQuery3(keywords){
+      getAllUserListLimit({
+        keywords: keywords
+      }).then(res=>{
+        if(res.code === 200) {
+          this.companyUserList3 = res.data
+        }
+      });
+    },
     /** 查询客户转移审批列表 */
     getList() {
       this.loading = true;