Browse Source

1、企微客户:需要可以筛选指定销售名下客户的功能(按昵称查找或手机号查找,员工昵称查找需要支持模糊查询)
2、企微管理——-企微客户管理——-在职转接、离职转接:选择的客户人数限制打开,需要可以选择某个员工的所有客户

yfh 1 week ago
parent
commit
86e5cc41c2
2 changed files with 74 additions and 12 deletions
  1. 11 1
      src/views/qw/externalContact/index.vue
  2. 63 11
      src/views/qw/externalContactTransfer/index.vue

+ 11 - 1
src/views/qw/externalContact/index.vue

@@ -159,6 +159,15 @@
           size="small"
           @keyup.enter.native="handleQuery"
         />
+      </el-form-item>
+      <el-form-item label="销售人员" prop="companyUser">
+        <el-input
+          v-model="queryParams.companyUser"
+          placeholder="请输入销售人员"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
        <el-form-item label="添加时间" prop="createTime">
           <el-date-picker v-model="createTime" size="small" style="width: 220px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" @change="change"></el-date-picker>
@@ -803,7 +812,8 @@ export default {
         eTime:null,
         createTime:null,
         level:null,
-        levelType:null
+        levelType:null,
+        companyUser:null
       },
       selectTags:[],
       // 表单参数

+ 63 - 11
src/views/qw/externalContactTransfer/index.vue

@@ -30,15 +30,20 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="所属员工" prop="qwUserName">
-        <el-input
-          v-model="queryParams.qwUserName"
-          placeholder="请输入所属员工名称"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<el-form-item label="所属员工" prop="qwUserName">
+              <el-select @change="handleSelectChange" v-model="queryParams.qwUserName" remote filterable clearable reserve-keyword
+                         placeholder="请输入所属员工名称" :remote-method="qwUserMethod">
+                <el-option
+                  v-for="item in qwUserNameList"
+                  :key="item.id"
+                  :label="item.qwUserName"
+                  :value="item.qwUserName">
+                  <span style="float: left">{{ item.qwUserName }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+
       <el-form-item label="用户类别" prop="type">
         <el-select v-model="queryParams.type" placeholder="请选择用户类别" clearable size="small">
           <el-option
@@ -121,6 +126,15 @@
           v-hasPermi="['qw:externalContact:transfer']"
         >分配客户</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button v-if="isQwUserISNull"
+          type="primary"
+          plain
+          size="mini"
+          @click="handleTransferAll"
+          v-hasPermi="['qw:externalContact:transfer']"
+        >分配此员工所有客户</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -203,6 +217,7 @@
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      :page-sizes="[100, 200, 300, 500]" 
       @pagination="getList"
     />
 
@@ -249,7 +264,7 @@
 <script>
 import { transfer,listExternalContact, getExternalContact, delExternalContact, addExternalContact, updateExternalContact, exportExternalContact } from "@/api/qw/externalContact";
 import { listTag, getTag, delTag, addTag, updateTag, exportTag } from "@/api/qw/tag";
-import { qwUserList } from "@/api/qw/user";
+import { qwUserList,userList } from "@/api/qw/user";
 import qwUserSelectOne from '@/views/qw/user/qwUserSelectOne.vue'
 import { getMyQwUserList,getMyQwCompanyList } from "@/api/qw/user";
 
@@ -288,10 +303,15 @@ export default {
       addWayOptions: [],
       nickName:null,
       qwUserList:[],
+      isQwUserISNull:false,
+      qwUserNameList:[],
+      qwUserNameParam:{
+        qwUserName:null
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 500,
         userId: null,
         externalUserId: null,
         name: null,
@@ -355,6 +375,24 @@ export default {
 
   },
   methods: {
+   
+     qwUserMethod(query) {
+      if (query !== '') {
+        this.qwUserNameParam.qwUserName = query;
+        userList(this.qwUserNameParam).then(response => {
+          this.qwUserNameList = response.rows;
+        });
+      }
+    },
+     handleSelectChange(value) {
+    console.log('选中的值:', value);
+    if(value == ''){
+      this.qwUserNameList=null
+    this.isQwUserISNull = false;
+    }else{
+    this.isQwUserISNull = true;
+    }
+  },
     updateCorpId(){
       listTag({corpId:this.queryParams.corpId}).then(response => {
         this.tagList = response.rows;
@@ -414,6 +452,8 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+      this.qwUserNameList=null
+       this.isQwUserISNull = false;
       this.selectTags=[];
       this.resetForm("queryForm");
       this.handleQuery();
@@ -445,6 +485,17 @@ export default {
       this.open = true;
       this.title = "分配客户";
 
+    },
+
+     handleTransferAll(row) {
+      this.reset();
+     
+      setTimeout(() => {
+                    this.$refs.qwUserSelectOne.getDetails(this.queryParams.corpId);
+       }, 1);
+      this.open = true;
+      this.title = "分配该员工所有客户";
+
     },
     /** 提交按钮 */
     submitForm() {
@@ -454,6 +505,7 @@ export default {
         if (valid) {
             var form={
               ids:this.ids,
+              qwUserName:this.queryParams.qwUserName,
               userId:this.form.userId,
               corpId:this.queryParams.corpId,
 			  content:this.form.content,