客户首页，添加批量移交，按原型补充

src/views/ecw/customer/index.vue

@@ -15,16 +15,28 @@
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
+      <el-form-item label="联系方式">
+        <el-input placeholder="请输入联系方式" v-model="queryParams.defaultContactPhone"></el-input>
+      </el-form-item>
+      <el-form-item label="客户类别" prop="level">
+        <dict-selector :type="DICT_TYPE.CUSTOMER_TYPE"  multiple v-model="queryParams.type"></dict-selector>
+      </el-form-item>
+      <el-form-item label="客户经理" prop="customerService">
+        <el-select v-model="queryParams.customerService" placeholder="请选择客户经理" clearable size="small">
+          <el-option v-for="dict in customerServiceList"
+                     :key="dict.id" :label="dict.nickname" :value="dict.id"/>
+        </el-select>
+      </el-form-item>
       <el-form-item label="客户来源" prop="source">
         <el-select v-model="queryParams.source" placeholder="请选择客户来源" clearable size="small">
           <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="客户经理" prop="customerService">
-        <el-select v-model="queryParams.customerService" placeholder="请选择客户经理" clearable size="small">
-          <el-option v-for="dict in customerServiceList"
-                       :key="dict.id" :label="dict.nickname" :value="dict.id"/>
+      <el-form-item label="国家" prop="source">
+        <el-select v-model="form.country" placeholder="请选择国家">
+          <el-option v-for="dict in countryList"
+                     :key="dict.id" :label="dict.nameZh" :value="parseInt(dict.id)" />
         </el-select>
       </el-form-item>
       <el-form-item label="客户状态" prop="status">
@@ -33,13 +45,15 @@
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="部门" prop="department">
-        <el-input v-model="queryParams.department" placeholder="请输入部门" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
       <el-form-item label="创建时间">
         <el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
                         type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
       </el-form-item>
+      <el-form-item label="信用等级" prop="department">
+        <el-select v-model="form.ww" >
+          <el-option  v-for="(item,index) in creditList" :label="item.nameZh" :key="index" :value="item.id" ></el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
@@ -56,36 +70,42 @@
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                    v-hasPermi="['ecw:customer:export']">导出</el-button>
       </el-col>
+      <el-col :span="1.5" >
+        <el-button :disabled="selectCustomerList.length === 0"  type="warning" plain icon="el-icon-download" size="mini" @click="transferShow = true;" :loading="exportLoading"
+                   v-hasPermi="['ecw:customer:export']">批量移交</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+    <el-table ref="multipleTable" v-loading="loading" :data="list"   @selection-change="handleSelectionChange">
+      <el-table-column
+        type="selection"
+        width="55">
+      </el-table-column>
       <el-table-column label="客户编号" align="center" prop="number" />
       <el-table-column label="客户名称" align="center" prop="name" />
-      <el-table-column label="客户等级" align="center" prop="level">
+      <el-table-column label="客户等级" align="center" prop="vipLevelNameZh">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.CUSTOMER_LEVEL" :value="scope.row.level" />
         </template>
       </el-table-column>
-      <el-table-column label="国家" align="center" prop="country" :formatter="countryFormatter"></el-table-column>
-      <el-table-column label="客户经理" align="center" prop="customerService" :formatter="customerServiceFn">
-      </el-table-column>
+      <el-table-column label="信用等级" prop="creditLevelNameZh"></el-table-column>
       <el-table-column label="客户状态" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.CUSTOMER_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column label="部门" align="center" prop="department">
-        <template v-slot:default="scope">
-          {{scope.row.department}}
-        </template>
-      </el-table-column>
+      <el-table-column label="主联系人" prop="defaultContactName"></el-table-column>
+      <el-table-column label="主联系方式" prop="defaultContactPhone"></el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="客户经理" align="center" prop="customerService" :formatter="customerServiceFn">
+      </el-table-column>
+      <el-table-column label="国家" align="center" prop="country" :formatter="countryFormatter"></el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)"
@@ -451,6 +471,7 @@
     </el-dialog>
     <customer-follow-list :customer-id="customerId" :id="customerId" ref="CustomerFollowList"></customer-follow-list>
     <customer-complaints :customer-id="customerId" ref="customerComplaints"></customer-complaints>
+    <transfer-customer :show.sync="transferShow" :customer-ids.sync="selectCustomerList"></transfer-customer>
   </div>
 </template>
 
@@ -467,13 +488,16 @@ import CustomerFollowList from "@/components/CustomerFollowList"
 import customerComplaints from "@/components/customerComplaints"
 import {listServiceUser} from "@/api/system/user";
 import { getCountryListAll } from '@/api/ecw/country'
+import {getCreditPage} from "@/api/customer/credit";
+import transferCustomer from "@/views/ecw/customer/transferCustomer";
 
 export default {
   name: "Customer",
   components: {
     upload,
     CustomerFollowList,
-    customerComplaints
+    customerComplaints,
+    transferCustomer
   },
   data() {
     return {
@@ -525,11 +549,16 @@ export default {
       showLine: false,
       customerId:undefined,
       customerServiceList:[],
-
-      countryList: []
+      countryList: [],
+      creditList:[],
+      selectCustomerList:[],
+      transferShow:false
     };
   },
   created() {
+    getCreditPage({page:1,rows:999}).then(r => {
+      this.creditList = r.data.list
+    })
     this.getList();
     // getNodeList().then(r => {
     //   this.nodeList = r.data
@@ -682,7 +711,6 @@ export default {
     /** 导出按钮操作 */
     handleExport() {
       // 处理查询参数
-
       let params = {...this.queryParams};
       params.pageNo = undefined;
       params.pageSize = undefined;
@@ -693,6 +721,8 @@ export default {
           return exportCustomerExcel(params);
         }).then(response => {
           this.$download.excel(response, '客户信息.xls');
+          console.log(response,'response')
+          this.$download.excel(response, '全部客户信息.xls');
           this.exportLoading = false;
         }).catch(() => {});
     },
@@ -707,7 +737,18 @@ export default {
      this.$nextTick(()=>{
        this.$refs.customerComplaints.handleAdd();
      })
+    },
+    handleSelectionChange(val){
+      this.selectCustomerList = val.map(i => i.id);
     }
+  },
+  watch:{
+    selectCustomerList(val){
+      if(val.length === 0){
+        this.$refs.multipleTable.clearSelection();
+      }
+    },
+
   }
 };
 </script>

src/views/ecw/customer/transferCustomer.vue

+<template>
+  <el-dialog
+    center
+    title="客服"
+    :visible.sync="show"
+    width="30%">
+    <div style="width: 100%;min-height: 200px;text-align: center">
+      <el-select filterable v-model="service">
+        <el-option v-for="(item,index) in customerServiceList" :key="index" :label="item.nickname" :value="item.id"></el-option>
+      </el-select>
+    </div>
+    <span slot="footer" class="dialog-footer">
+    <el-button >取 消</el-button>
+    <el-button type="primary" @click="submit">确 定</el-button>
+  </span>
+  </el-dialog>
+</template>
+
+<script>
+import {listServiceUser} from "@/api/system/user";
+import {handOverCustomer} from "@/api/ecw/customer";
+
+export default {
+  name: "transferCustomer",
+  props:{
+    show:{
+      type:Boolean ,
+      default:false
+    },
+    customerIds:[Array,String],
+    tableName:String
+  },
+  created() {
+    listServiceUser().then(r=>{
+      this.customerServiceList = r.data;
+    })
+  },
+  computed:{
+    getCustomerIds(){
+      if(this.customerIds instanceof Array) return this.customerIds
+      else return this.customerIds.split(',')
+    }
+  },
+  data(){
+    return {
+      customerServiceList:[],
+      service:'',
+    }
+  },
+  methods:{
+    submit(){
+      if(!this.service){
+        return this.$message.warning('请选择客户经理！');
+      }
+      handOverCustomer({
+        customerServiceId:this.service,
+        customerIdList:this.getCustomerIds
+      }).then(r=>{
+        if(r.code === 0){
+           this.$emit('update:show',false)
+           this.$emit('update:customerIds',[])
+           this.$message.success('用户批量转移成功！')
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>