员工添加下拉选

src/views/crm/customer/index.vue

@@ -86,20 +86,10 @@
                   />
             </el-select>
           </el-form-item> -->
-          <!-- <el-form-item label="员工姓名" prop="companyUserNickName">
-            <el-input
-            style="width:220px"
-              v-model="queryParams.companyUserNickName"
-              placeholder="请输入员工姓名"
-              clearable
-              size="small"
-              @keyup.enter.native="handleQuery"
-            />
-          </el-form-item> -->
           <el-form-item label="员工姓名" prop="companyUserNickName">
             <el-select style="width:220px" filterable v-model="queryParams.companyUserNickName" placeholder="请选择员工" clearable size="small">
               <el-option
-                    v-for="item in CompanyUserNames"
+                    v-for="item in companyUserNames"
                     :key="item.userId"
                     :label="item.nickName"
                     :value="item.nickName"
@@ -415,7 +405,7 @@ export default {
       importMsg:"",
       tagIds:[],
       tagsOptions:[],
-      CompanyUserNames:[],
+      companyUserNames:[],
       assignList:{
         title:"分配历史记录",
         open:false,
@@ -959,7 +949,7 @@ export default {
     },
     getAllCompanyUserName(){
       getAllCompanyUserName().then(response => {
-        this.CompanyUserNames = response.data;
+        this.companyUserNames = response.data;
       });
     }
   }

src/views/crm/customerVisit/index.vue

@@ -33,13 +33,14 @@
               <treeselect style="width:205.4px" v-model="queryParams.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属部门" />
           </el-form-item>
           <el-form-item label="员工姓名" prop="companyUserNickName">
-            <el-input
-              v-model="queryParams.companyUserNickName"
-              placeholder="请输入员工姓名"
-              clearable
-              size="small"
-              @keyup.enter.native="handleQuery"
-            />
+            <el-select style="width:220px" filterable v-model="queryParams.companyUserNickName" placeholder="请选择员工" clearable size="small">
+              <el-option
+                    v-for="item in companyUserNames"
+                    :key="item.userId"
+                    :label="item.nickName"
+                    :value="item.nickName"
+                  />
+            </el-select>
           </el-form-item>
           <el-form-item label="跟进类型" prop="visitType">
             <el-select v-model="queryParams.visitType" placeholder="请选择跟进类型" clearable size="small">
@@ -190,6 +191,7 @@
   import { treeselect } from "@/api/company/companyDept";
   import Treeselect from "@riophae/vue-treeselect";
   import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+  import {getAllCompanyUserName} from "@/api/company/companyUser";
   export default {
     name: "CustomerVisit",
     components: { customerDetails,Treeselect },
@@ -206,6 +208,8 @@
         // 部门名称
         deptName: undefined,
         typeOptions:[],
+        // 员工姓名
+        companyUserNames:[],
         createTimeRange:[],
         receiveTimeRange:[],
         show:{
@@ -277,6 +281,7 @@
         });
       this.getTreeselect();
       this.getList();
+      this.getAllCompanyUserName();
     },
     methods: {
       parsePhoto(photos){
@@ -434,6 +439,12 @@
           }).then(response => {
             this.download(response.msg);
           }).catch(function() {});
+      },
+      /** 获取员工姓名 */
+      getAllCompanyUserName(){
+        getAllCompanyUserName().then(response => {
+          this.companyUserNames = response.data;
+        });
       }
     }
   };