.

project/src/assets/config/interface_api.js

@@ -57,6 +57,7 @@ var api = {
   add_tag_group: "/api/tag/addTagGroup",
   order_tag_group: "/api/tag/updateTagGroupOrder",
   dele_tag_group: "/api/tag/deleteTagGroup",
+  customer_transferCustomer: "/api/customer/transferCustomer",
 };
 
 export { api };

project/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 2897279 */
-  src: url('iconfont.woff2?t=1646732990699') format('woff2'),
-       url('iconfont.woff?t=1646732990699') format('woff'),
-       url('iconfont.ttf?t=1646732990699') format('truetype');
+  font-family: "iconfont"; /* Project id 3309691 */
+  src: url('iconfont.woff2?t=1649316947886') format('woff2'),
+       url('iconfont.woff?t=1649316947886') format('woff'),
+       url('iconfont.ttf?t=1649316947886') format('truetype');
 }
 
 .iconfont {
@@ -13,199 +13,23 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-shujuguanli:before {
-  content: "\e670";
+.icon-kehuguanli_icon:before {
+  content: "\e677";
 }
 
-.icon-ku:before {
-  content: "\e67b";
-}
-
-.icon-toufng:before {
-  content: "\e66f";
-}
-
-.icon-shangpinguanli:before {
-  content: "\e66b";
-}
-
-.icon-a-1:before {
-  content: "\e673";
-}
-
-.icon-a-6:before {
-  content: "\e674";
-}
-
-.icon-a-5:before {
-  content: "\e66c";
-}
-
-.icon-xitong_icon:before {
-  content: "\e66d";
-}
-
-.icon-a-2:before {
-  content: "\e671";
-}
-
-.icon-shenhe_icon1:before {
-  content: "\e672";
-}
-
-.icon-a-toufang1x:before {
-  content: "\e66e";
-}
-
-.icon-nianlingfenbu_icon:before {
-  content: "\e669";
-}
-
-.icon-xingbie_icon:before {
-  content: "\e66a";
-}
-
-.icon-jiagexuqiu_icon:before {
-  content: "\e666";
-}
-
-.icon-pinleixuqiu:before {
-  content: "\e667";
-}
-
-.icon-diyufenbu_icon:before {
-  content: "\e668";
-}
-
-.icon-xiazai_icon:before {
-  content: "\e665";
-}
-
-.icon-baocun_icon:before {
-  content: "\e664";
-}
-
-.icon-fuzeren_icon:before {
-  content: "\e661";
-}
-
-.icon-changkong_icon:before {
-  content: "\e662";
-}
-
-.icon-toushou_icon:before {
-  content: "\e663";
-}
-
-.icon-shanchu_icon:before {
-  content: "\e660";
-}
-
-.icon-shenhe_icon:before {
-  content: "\e65f";
-}
-
-.icon-guanli_icon:before {
-  content: "\e65e";
+.icon-kehuyunying_icon:before {
+  content: "\e678";
 }
 
-.icon-zanwu_icon:before {
-  content: "\e65d";
+.icon-shouye_icon:before {
+  content: "\e679";
 }
 
-.icon-sousuo_icon:before {
-  content: "\e65c";
+.icon-kehushuxing_icon:before {
+  content: "\e67a";
 }
 
-.icon-yuangong_icon:before {
-  content: "\e65a";
-}
-
-.icon-a-3:before {
-  content: "\e657";
-}
-
-.icon-a-4:before {
-  content: "\e658";
-}
-
-.icon-xiaoshoue_icon:before {
-  content: "\e655";
-}
-
-.icon-daochu_icon:before {
-  content: "\e651";
-}
-
-.icon-zhiboxiaoliang_icon:before {
-  content: "\e652";
-}
-
-.icon-zhibo_icon1:before {
-  content: "\e653";
-}
-
-.icon-uv_icon:before {
-  content: "\e654";
-}
-
-.icon-shichangfenbu_icon:before {
-  content: "\e647";
-}
-
-.icon-kaiboshijian_icon:before {
-  content: "\e648";
-}
-
-.icon-zhubo_icon:before {
-  content: "\e649";
-}
-
-.icon-zhanghaozhubo_icon:before {
-  content: "\e64a";
-}
-
-.icon-guankanrenshu_icon:before {
-  content: "\e64d";
-}
-
-.icon-tingliushichang_icon:before {
-  content: "\e64e";
-}
-
-.icon-xiaoshoushuju_icon:before {
-  content: "\e64f";
-}
-
-.icon-zhanghaoyunying_icon:before {
-  content: "\e650";
-}
-
-.icon-rili_icon:before {
-  content: "\e646";
-}
-
-.icon-down_icon:before {
-  content: "\e644";
-}
-
-.icon-up_icon:before {
-  content: "\e645";
-}
-
-.icon-left_icon:before {
-  content: "\e63f";
-}
-
-.icon-right_icon:before {
-  content: "\e63e";
-}
-
-.icon-wenhao_icon:before {
-  content: "\e63c";
-}
-
-.icon-quanping_icon:before {
-  content: "\e63d";
+.icon-shezhiguanli_icon:before {
+  content: "\e67b";
 }
 

project/src/components/Index/index.vue

@@ -8,7 +8,7 @@
             <div v-for="(item,index) in sideList" :key="index" class="menuMain">
               <el-submenu :index="'big'+index" v-if="item.is_main == 1 && !item.path" :class="item.viewName == fatherMenu && fatherMenu!='' ? 'nowFatherMenu':''">
                 <template slot="title">
-                  <i :class="['icon',item.icon]"></i>
+                  <i :class="['icon','iconfont',item.icon]"></i>
                   <span>{{item.viewName}}</span>
                 </template>
                 <template v-for="(it,ind) in item.small_menu">
@@ -16,7 +16,7 @@
                 </template>
               </el-submenu>
               <el-menu-item :index="item.path" v-if="item.is_main == 1 && item.path">
-                <i :class="['icon',item.icon]"></i>
+                <i :class="['icon','iconfont',item.icon]"></i>
                 <span slot="title">{{item.viewName}}</span>
               </el-menu-item>
             </div>

project/src/components/customManage/customerTransfer.vue

@@ -2,8 +2,8 @@
   <div v-loading="loading">
     <div class="topTagBox flex">
       <div class="left flex-align-center">
-        <div :class="['tagItem',type==1?'tagItem_active':'']" @click="changeType(1);">离职迁移</div>
-        <div :class="['tagItem',type==2?'tagItem_active':'']" @click="changeType(2);">在职迁移</div>
+        <div :class="['tagItem',type==2?'tagItem_active':'']" @click="changeType(2);">离职迁移</div>
+        <div :class="['tagItem',type==1?'tagItem_active':'']" @click="changeType(1);">在职迁移</div>
       </div>
       <div class="right">
         <el-button type="primary" size="mini" @click="goReord"><i class="el-icon-document"></i> 分配记录</el-button>
@@ -46,7 +46,7 @@
           <!-- <div class="smalLine"></div> -->
           <!-- <el-button type="primary" plain size="mini"><i class="el-icon-refresh-right"></i> 更新数据</el-button> -->
         </div>
-        <div class="selectCustom">已择{{multipleArr.length}}个客户</div>
+        <div class="selectCustom">已择{{selectTotal}}个客户</div>
       </div>
       <div class="flex">
         <el-button type="primary" size="mini" @click="toDistribution">分配</el-button>
@@ -102,6 +102,7 @@
         <template slot-scope="scope">
           <span v-if="scope.row.customer_enable==0" style="color:#FF0002">禁用</span>
           <span v-if="scope.row.customer_enable==1">可用</span>
+          <span v-if="scope.row.customer_enable==2">被客服删除</span>
           <span v-if="scope.row.customer_enable==3" style="color:#00B38A">已流失</span>
         </template>
       </el-table-column>
@@ -145,7 +146,7 @@
 
     <!-- 分配客户 -->
     <el-dialog title="分配客户" :visible.sync="distributionUserVisible" width="600px" center>
-      <distribution-user :userType='type' @closeToast='distributionUserVisible=false'></distribution-user>
+      <distribution-user :userType='type' @closeToast='distributionUserVisible=false' @transferCustomerEvent="transferCustomerEvent"></distribution-user>
     </el-dialog>
   </div>
 </template>
@@ -165,7 +166,7 @@ export default {
   components: { distributionUser, detial, selfInput, selfCustomerservice, enterpriseTag, datePicker, selfChannel, selfGender, lossBody, screenPay, shieldingUser },
   data () {
     return {
-      type: 1,
+      type: 2,
       drawerSize: '60%',
       detialDrawer: false,
       rowPro: {},//去详情的此条对象
@@ -199,13 +200,14 @@ export default {
       multipleSelection: {},
       exclude_multiple_selection: {},
       multipleArr: [],
+      filter_multipleArr: [],
       isAll: false,//是否选择全部
-      distributionUserVisible: false
+      distributionUserVisible: false,
+      selectTotal: 0
     }
   },
   created () {
-    console.log(localStorage.getItem('transter'));
-    localStorage.getItem('transter') == 'off' ? this.type = 1 : this.type = 2;
+    localStorage.getItem('transter') == 'off' ? this.type = 2 : this.type = 1;
     this.init(1)
   },
   methods: {
@@ -225,13 +227,86 @@ export default {
       })
     },
     goReord () {
-      if (this.type == 1) {
+      if (this.type == 2) {
         this.$router.push({ path: '/transferRecord/off' })
       }
-      if (this.type == 2) {
+      if (this.type == 1) {
         this.$router.push({ path: '/transferRecord/on' })
       }
     },
+    transferCustomerEvent (data) {//分配接口
+      this.distributionUserVisible = false
+      let external_user_list = []
+      let filter_customer_list = []
+      if (this.isAll) {//全选
+        this.filter_multipleArr.forEach((item) => {
+          filter_customer_list.push({
+            handover_userid: item.user_id,
+            external_userid: item.external_userid
+          })
+        })
+      } else {
+        this.multipleArr.forEach((item) => {
+          external_user_list.push({
+            handover_userid: item.user_id,
+            external_userid: item.external_userid
+          })
+        })
+      }
+
+      this.$loading(this.$loadingConfig);
+      this.$axios.post(this.URL.BASEURL + this.URL.customer_transferCustomer, {
+        user_id_list: this.user_id_list,
+        customer_name: this.input_keyword,
+        add_date_start: this.add_date_start,
+        add_date_end: this.add_date_end,
+        add_way: this.add_way,
+        pay_status: this.pay_status,
+        pay_num_min: this.pay_num_min,
+        pay_num_max: this.pay_num_max,
+        tag_type: this.tag_type,
+        tag_id_list: this.tag_id_list,
+        loss_status: this.loss_status,
+
+        type: this.type,
+        takeover_userid: data.takeover_userid,
+        transfer_success_msg: data.transfer_success_msg,
+        portrait_inheritance: data.portrait_inheritance,
+        external_user_list: external_user_list,
+        select_all: this.isAll ? 1 : 0,
+        filter_customer_list: filter_customer_list
+      }).then((res) => {
+        var res = res.data
+        this.$loading(this.$loadingConfig).close();
+        if (res && res.errno == 0) {
+          this.multipleSelection = {};
+          this.exclude_multiple_selection = {};
+          this.multipleArr = [];
+          this.filter_multipleArr = [];
+          this.selectTotal = 0;
+          this.isAll = false;
+          this.$confirm('迁移申请成功！请移步分配纪录查看分配进程', '提示', {
+            confirmButtonText: '确定',
+            type: 'warning'
+          }).then(() => {
+
+          }).catch(() => {
+
+          });
+        } else if (res.errno != 4002) {
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+        }
+      }).catch((err) => {
+        this.$message({
+          message: '迁移失败，服务器错误！',
+          type: "warning"
+        })
+        this.$loading(this.$loadingConfig).close();
+      });
+    },
     resetEvent () {//重置
       this.resetFlag = !this.resetFlag
       this.input_keyword = '';
@@ -248,7 +323,7 @@ export default {
       this.init(1)
     },
     changeType (type) {
-      if (type == 1) {
+      if (type == 2) {
         localStorage.setItem('transter', 'off')
       } else {
         localStorage.setItem('transter', 'on')
@@ -257,10 +332,20 @@ export default {
       this.multipleSelection = {};
       this.exclude_multiple_selection = {};
       this.multipleArr = [];
+      this.filter_multipleArr = [];
+      this.selectTotal = 0;
       this.isAll = false;
       this.resetEvent()
     },
     toDistribution () {//去分配
+      this.userChange()
+      if (this.selectTotal <= 0) {
+        this.$message({
+          message: '请选择客户！',
+          type: "warning"
+        })
+        return
+      }
       this.distributionUserVisible = true
     },
     shieldingUserCancel (type) {
@@ -319,7 +404,7 @@ export default {
       this.page = page ? page : this.page;
       this.loading = true
       let axios_api = this.URL.customerList;
-      if (this.type == 1) {//离职（待分配客户）迁移
+      if (this.type == 2) {//离职（待分配客户）迁移
         axios_api = this.URL.unassignedCustomerList
       }
       this.$axios.get(this.URL.BASEURL + axios_api, {
@@ -342,7 +427,7 @@ export default {
         var res = res.data
         this.loading = false
         if (res && res.errno == 0) {
-          if (this.type == 1) {
+          if (this.type == 2) {
             this.tableData = res.rst.data;
           } else {
             this.tableData = res.rst.data.list;
@@ -357,7 +442,7 @@ export default {
 
           // 回显选择
           let page_multiple_data = [];
-          if (this.isAll && (!this.multipleSelection[this.page])) {
+          if (this.isAll && (this.multipleSelection[this.page] === undefined)) {
             page_multiple_data = this.tableData
           } else {
             let multiple_id = this.multipleSelection[this.page] ? this.multipleSelection[this.page].map((v) => {
@@ -395,7 +480,7 @@ export default {
           return v.user_id + '-' + v.customer_id
         }) : []
         this.tableData.forEach((item) => {
-          if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) != -1) {
+          if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) == -1) {
             page_multiple_data.push(item)
           }
         })
@@ -432,9 +517,19 @@ export default {
     userChange () {
       let multipleArr = []
       for (var i in this.multipleSelection) {
-        multipleArr = multipleArr.concat(this.multipleSelection[1] ? this.multipleSelection[1] : [])
+        multipleArr = multipleArr.concat(this.multipleSelection[i] ? this.multipleSelection[i] : [])
       }
       this.multipleArr = multipleArr;
+      if (this.isAll) {//全选
+        let filter_multipleArr = []
+        for (var i in this.exclude_multiple_selection) {
+          filter_multipleArr = filter_multipleArr.concat(this.exclude_multiple_selection[i] ? this.exclude_multiple_selection[i] : [])
+        }
+        this.filter_multipleArr = filter_multipleArr
+        this.selectTotal = Number(this.total) - filter_multipleArr.length
+      } else {
+        this.selectTotal = this.multipleArr.length
+      }
     },
   }
 }

project/src/components/customManage/distributionUser.vue

@@ -12,7 +12,7 @@
       <el-button type="primary" plain size="mini" @click="$emit('closeToast')">取消</el-button>
       <el-button type="primary" size="mini" @click="defineEvent">确定</el-button>
     </div>
-
+    <!-- 客户看到的消息 -->
     <el-dialog title="分配客户" :visible.sync="infoVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
       <div class="self-hint" style="border:none;">
         <i class="el-icon-message-solid"></i>
@@ -30,15 +30,16 @@
             </div>
             <div class="con">{{reason}}</div>
           </div>
-          <div class="userHint">由于工作变更，<span>{{user_replace_info.name}}@{{enterprise.corp_full_name?enterprise.corp_full_name:enterprise.corp_name}}</span>将在24小时后添加为你的企业微信联系人，接替 高秀丽@几门成都见公司 继续为你提供服务。</div>
+          <div class="userHint">由于工作变更，<span>{{user_replace_info.name}}@{{enterprise.corp_full_name?enterprise.corp_full_name:enterprise.corp_name}}</span>将在24小时后添加为你的企业微信联系人，接替 XXX@{{enterprise.corp_full_name?enterprise.corp_full_name:enterprise.corp_name}} 继续为您提供服务。</div>
           <div class="userHint"><span>暂不添加</span></div>
         </div>
       </div>
       <div class="buttons">
-        <el-button type="primary" plain size="mini" @click="userChangeVisible=false">返回</el-button>
-        <el-button type="primary" size="mini" @click="userChangeVisible=false;reason=changeReason;">保存</el-button>
+        <el-button type="primary" plain size="mini" @click="infoVisible=false">返回</el-button>
+        <el-button type="primary" size="mini" @click="setUpVisible=true;">确定</el-button>
       </div>
     </el-dialog>
+    <!-- 修改客户看到的消息 -->
     <el-dialog title="分配客户" :visible.sync="userChangeVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
       <div class="self-hint">
         <i class="el-icon-message-solid"></i>
@@ -50,11 +51,29 @@
       <textarea class="textarea" autocomplete="off" placeholder="请输入客户收到的消息" v-model="changeReason"></textarea>
       <div class="buttons">
         <el-button type="primary" plain size="mini" @click="userChangeVisible=false">返回</el-button>
-        <el-button type="primary" size="mini" @click="userChangeVisible=false;reason=changeReason;">保存</el-button>
+        <el-button type="primary" size="mini" @click="infoDefine">保存</el-button>
       </div>
     </el-dialog>
+    <!-- 继承设置 -->
     <el-dialog title="设置" :visible.sync="setUpVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
-
+      <div class="self-hint">
+        <i class="el-icon-message-solid"></i>
+        <span>若继承客户之前已添加继承员工，客户画像信息将不会继承</span>
+      </div>
+      <div class="jc_con">
+        <label>客户画像继承：</label>
+        <div class="jc_con_con">
+          <div>
+            <el-switch v-model="portrait_inheritance" active-color="#43B083" inactive-color="#ccc"></el-switch>
+            <span>{{portrait_inheritance?'已开启':''}}</span>
+          </div>
+          <div class="jc_hint">开启后企业通过在职继承或离职继承客户，将同步客户信息至继承员工客户画像，方便员工跟进客户。</div>
+        </div>
+      </div>
+      <div class="buttons">
+        <el-button type="primary" plain size="mini" @click="setUpVisible=false;">返回</el-button>
+        <el-button type="primary" size="mini" @click="setUpVisible=false;infoVisible=false;submitEvent()">确定</el-button>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -71,17 +90,21 @@ export default {
     return {
       user_replace_info: {},
       userChangeVisible: false,
-      reason: '您好，您的服务已升级，后续将由我的同事 高秀丽@几门成都见公司 接替我的工作，继续为您服务。',
-      changeReason: '您好，您的服务已升级，后续将由我的同事 高秀丽@几门成都见公司 接替我的工作，继续为您服务。',
+      reason: '',
+      changeReason: '',
       setUpVisible: false,
       infoVisible: false,
-      enterprise: {}
+      enterprise: {},
+      portrait_inheritance: true
     }
   },
   created () {
     this.enterprise = JSON.parse(this.$localSelfStore.getLocal('defaultCorp'));
   },
   methods: {
+    submitEvent () {//确定提交
+      this.$emit('transferCustomerEvent', { transfer_success_msg: this.reason, takeover_userid: this.user_replace_info.user_id, portrait_inheritance: this.portrait_inheritance ? 1 : 0 })
+    },
     serviceSingleEvent (val) {
       if (val && val.user_id) {
         this.user_replace_info = val;
@@ -98,8 +121,21 @@ export default {
         })
         return
       }
+      this.reason = `您好，您的服务已升级，后续将由我的同事 ${this.user_replace_info.name}@${this.enterprise.corp_full_name ? this.enterprise.corp_full_name : this.enterprise.corp_name} 接替我的工作，继续为您服务。`;
+      this.changeReason = this.reason;
       this.infoVisible = true
     },
+    infoDefine () {
+      if (!this.changeReason || this.changeReason == '') {
+        this.$message({
+          message: '请编辑客户收到的消息',
+          type: "warning"
+        })
+        return
+      }
+      this.userChangeVisible = false;
+      this.reason = this.changeReason;
+    }
   }
 }
 </script>
@@ -191,4 +227,27 @@ export default {
   font-size: 14px;
   color: #333333;
 }
+.jc_con {
+  display: flex;
+  margin-top: 22px;
+  label {
+    color: #666666;
+    font-size: 14px;
+    line-height: 20px;
+  }
+  .jc_con_con {
+    flex: 1;
+    span {
+      color: #666666;
+      font-weight: bold;
+      line-height: 20px;
+    }
+    .jc_hint {
+      color: #999999;
+      font-size: 14px;
+      line-height: 20px;
+      margin-top: 14px;
+    }
+  }
+}
 </style>

project/src/components/customManage/manage.vue

@@ -34,7 +34,7 @@
           <!-- <div class="smalLine"></div> -->
           <!-- <el-button type="primary" plain size="mini"><i class="el-icon-refresh-right"></i> 更新数据</el-button> -->
         </div>
-        <div class="selectCustom">已择{{multipleArr.length}}个客户</div>
+        <div class="selectCustom">已择{{selectTotal}}个客户</div>
       </div>
       <div class="flex">
         <el-button type="primary" plain size="mini" @click="setCustomerTag(1)">批量打标签</el-button>
@@ -92,6 +92,7 @@
         <template slot-scope="scope">
           <span v-if="scope.row.customer_enable==0" style="color:#FF0002">禁用</span>
           <span v-if="scope.row.customer_enable==1">可用</span>
+          <span v-if="scope.row.customer_enable==2">被客服删除</span>
           <span v-if="scope.row.customer_enable==3" style="color:#00B38A">已流失</span>
         </template>
       </el-table-column>
@@ -126,7 +127,7 @@
     <el-dialog title="拉黑原因" :visible.sync="shieldingFlag" width="578px" center>
       <shielding-user @cancel='shieldingUserCancel' :shieldingData='shieldingData'></shielding-user>
     </el-dialog>
-<!--详情-->
+    <!--详情-->
     <el-drawer :size="drawerSize" :visible.sync="detialDrawer" :with-header="false">
       <detial @changeDrawerSize="changeDrawerSize" @closeDrawer="closeDrawer" :rowProp="{
         customer_id:rowPro.customer_id,
@@ -189,6 +190,8 @@ export default {
       multipleSelection: {},
       exclude_multiple_selection: {},
       multipleArr: [],
+      filter_multipleArr: [],
+      selectTotal: 0,
       isAll: false,//是否选择全部
       tagVisible: false,
       tagType: 1
@@ -217,26 +220,36 @@ export default {
     closeTagDialog (val) {
       if (val && val.length != 0) {
         let customer_list = [];
-        customer_list = this.multipleArr.map((v) => {
-          return { customer_id: v.customer_id, user_id: v.user_id }
-        })
+        let filter_customer_list = []
+        if (this.isAll) {//全选
+          filter_customer_list = this.filter_multipleArr.map((v) => {
+            return { customer_id: v.customer_id, user_id: v.user_id }
+          })
+        } else {
+          customer_list = this.multipleArr.map((v) => {
+            return { customer_id: v.customer_id, user_id: v.user_id }
+          })
+        }
+
         this.$loading(this.$loadingConfig);
         this.$axios.post(this.URL.BASEURL + this.URL.customer_setCustomerTag, {
-          // user_id_list: this.user_id_list,
-          // customer_name: this.input_keyword,
-          // add_date_start: this.add_date_start,
-          // add_date_end: this.add_date_end,
-          // add_way: this.add_way,
-          // pay_status: this.pay_status,
-          // pay_num_min: this.pay_num_min,
-          // pay_num_max: this.pay_num_max,
-          // tag_type: this.tag_type,
-          // tag_id_list: this.tag_id_list,
-          // loss_status: this.loss_status,
+          user_id_list: this.user_id_list,
+          customer_name: this.input_keyword,
+          add_date_start: this.add_date_start,
+          add_date_end: this.add_date_end,
+          add_way: this.add_way,
+          pay_status: this.pay_status,
+          pay_num_min: this.pay_num_min,
+          pay_num_max: this.pay_num_max,
+          tag_type: this.tag_type,
+          tag_id_list: this.tag_id_list,
+          loss_status: this.loss_status,
 
           type: this.tagType,
           tag_list: val,
-          customer_list: customer_list
+          customer_list: customer_list,
+          select_all: this.isAll ? 1 : 0,
+          filter_customer_list: filter_customer_list
         }).then((res) => {
           var res = res.data
           this.$loading(this.$loadingConfig).close();
@@ -278,6 +291,8 @@ export default {
             this.multipleSelection = {};
             this.exclude_multiple_selection = {};
             this.multipleArr = [];
+            this.filter_multipleArr = [];
+            this.selectTotal = 0;
             this.isAll = false;
             this.init(this.page)
           } else if (res.rst.status == 3) {
@@ -425,7 +440,7 @@ export default {
 
             // 回显选择
             let page_multiple_data = [];
-            if (this.isAll && (!this.multipleSelection[this.page])) {
+            if (this.isAll && (this.multipleSelection[this.page] === undefined)) {
               page_multiple_data = this.tableData
             } else {
               let multiple_id = this.multipleSelection[this.page] ? this.multipleSelection[this.page].map((v) => {
@@ -456,14 +471,24 @@ export default {
     userChange () {
       let multipleArr = []
       for (var i in this.multipleSelection) {
-        multipleArr = multipleArr.concat(this.multipleSelection[1] ? this.multipleSelection[1] : [])
+        multipleArr = multipleArr.concat(this.multipleSelection[i] ? this.multipleSelection[i] : [])
       }
       this.multipleArr = multipleArr;
+      if (this.isAll) {//全选
+        let filter_multipleArr = []
+        for (var i in this.exclude_multiple_selection) {
+          filter_multipleArr = filter_multipleArr.concat(this.exclude_multiple_selection[i] ? this.exclude_multiple_selection[i] : [])
+        }
+        this.filter_multipleArr = filter_multipleArr
+        this.selectTotal = Number(this.total) - filter_multipleArr.length
+      } else {
+        this.selectTotal = this.multipleArr.length
+      }
     },
     setCustomerTag (type) {//批量打标签、移除标签
       //type 操作类型 1添加标签 2移除标签
       this.userChange()
-      if (this.multipleArr.length == 0) {
+      if (this.selectTotal <= 0) {
         this.$message({
           message: '请选择客户！',
           type: "warning"
@@ -492,7 +517,7 @@ export default {
           return v.user_id + '-' + v.customer_id
         }) : []
         this.tableData.forEach((item) => {
-          if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) != -1) {
+          if (multiple_id.indexOf((item.user_id + '-' + item.customer_id)) == -1) {
             page_multiple_data.push(item)
           }
         })

project/src/components/customManage/transferRecord.vue

@@ -47,7 +47,7 @@
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <div class="flex" style="justify-content:center">
-            <div class="c-00B38A pointer" style="margin:0 6px" v-if="scope.row.status==1" @click="showDetial(scope.row)">详情</div>
+            <div class="c-00B38A pointer" style="margin:0 6px" v-if="scope.row.takeover_userid" @click="showDetial(scope.row)">详情</div>
           </div>
         </template>
       </el-table-column>

project/src/components/detials/index.vue

@@ -3,7 +3,7 @@
     <div class="title padCon">
       <div class="flex">
         客户详情
-<!--
+        <!--
       <span class="lMar8">
           <el-tooltip effect="light" content="上一位" placement="bottom">
             <i class="el-icon-arrow-left f16"></i>
@@ -17,26 +17,26 @@
 -->
       </div>
       <div class="flex-align-center">
-        <img src="../../assets/img/fullScreen.png" alt="" style="width: 13px;margin-right: 6px;cursor: pointer"  @click="changeWidth">
+        <img src="@/assets/img/fullScreen.png" alt="" style="width: 13px;margin-right: 6px;cursor: pointer" @click="changeWidth">
         <i class="el-icon-close pointer" @click="close"></i>
       </div>
     </div>
     <div class="splitLine"></div>
-    <div class= "padCon">
+    <div class="padCon">
       <el-skeleton :loading="loading" animated>
         <template slot="template">
           <div class="infoBox">
-            <el-skeleton-item variant="image" style="width: 100px;height: 100px;margin-right: 10px;"/>
+            <el-skeleton-item variant="image" style="width: 100px;height: 100px;margin-right: 10px;" />
             <div style="width: 30%">
-              <el-skeleton-item animated/>
-              <el-skeleton-item class="tMar20" animated/>
-              <el-skeleton-item class="tMar20" animated/>
+              <el-skeleton-item animated />
+              <el-skeleton-item class="tMar20" animated />
+              <el-skeleton-item class="tMar20" animated />
             </div>
           </div>
         </template>
         <template>
           <div class="infoBox">
-            <div><img :src="resInfo.avatar"  alt="" ></div>
+            <div><img v-if="resInfo.avatar" :src="resInfo.avatar" alt=""><img v-else src="@/assets/img/self_head.png" alt=""></div>
             <div>
               <div class="name">
                 <span>{{resInfo&&resInfo.name}}</span>
@@ -47,7 +47,7 @@
                 <span class="lable_con" v-for="(t,tidx) in resInfo.tag_list" :key="tidx">{{t}}</span>
                 <span class="bright" @click="init_tag"><i class="el-icon-edit"></i> 编辑</span>
               </div>
-<!--
+              <!--
  <div class="lable">
                 <span>个人标签:</span>
                 <span class="bright" @click="selfLableShow = true"><i class="el-icon-edit"></i> 编辑</span>
@@ -68,17 +68,12 @@
       </div>
       <customerProfile v-if="acIdx == 0" :rowProp="rowProp" ref="profile"></customerProfile>
       <customerStatus v-if="acIdx == 1" :rowProp="rowProp"></customerStatus>
-<!--      <chatRecord v-if="acIdx == 2"></chatRecord>-->
-<!--      <chatGroup v-if="acIdx == 3"></chatGroup>-->
+      <!--      <chatRecord v-if="acIdx == 2"></chatRecord>-->
+      <!--      <chatGroup v-if="acIdx == 3"></chatGroup>-->
       <order v-if="acIdx == 4" :rowProp="rowProp"></order>
     </div>
 
-    <el-dialog
-      title="选择企业标签"
-      :visible.sync="comLableShow"
-      :append-to-body="true"
-      class="addLable_dialog"
-      width="30%">
+    <el-dialog title="选择企业标签" :visible.sync="comLableShow" :append-to-body="true" class="addLable_dialog" width="30%">
       <div class="addLableBox">
         <!--后台说先不做-->
         <template v-if="false">
@@ -109,9 +104,7 @@
       </div>
     </el-dialog>
 
-
-
-<!--
+    <!--
   <el-dialog
       title="个人标签"
       :visible.sync="selfLableShow"
@@ -161,26 +154,26 @@ import chatRecord from "./chatRecord";
 import order from "./order";
 export default {
   name: "detialIndex",
-  props:['rowProp'],
-  data(){
-    return{
-      addLableVal:'',
-      lableArr:[],
-      lableArr_checked:[],
-      comLableShow:false,
-      lableGroup:false,
+  props: ['rowProp'],
+  data () {
+    return {
+      addLableVal: '',
+      lableArr: [],
+      lableArr_checked: [],
+      comLableShow: false,
+      lableGroup: false,
       // selfLableShow:false,
-      acIdx:0,
-      loading:false,
-      iptshow:false,
-      tabList:[
+      acIdx: 0,
+      loading: false,
+      iptshow: false,
+      tabList: [
         {
-          id:0,
-          name:'客户概况'
+          id: 0,
+          name: '客户概况'
         },
         {
-          id:1,
-          name:'客户动态'
+          id: 1,
+          name: '客户动态'
         },
         // {
         //   id:2,
@@ -191,124 +184,124 @@ export default {
         //   name:'所在群聊'
         // },
         {
-          id:4,
-          name:'订单'
+          id: 4,
+          name: '订单'
         },
       ],
-      scopeVal:0,
-      groupName:'',
-      moreLable:[
-        {id:0,name:''}
+      scopeVal: 0,
+      groupName: '',
+      moreLable: [
+        { id: 0, name: '' }
       ],
-      resInfo:{}
+      resInfo: {}
     }
   },
-  directives:{
-    focus:{
-      inserted : function (el){
+  directives: {
+    focus: {
+      inserted: function (el) {
         el.querySelector('input').focus()
       }
     }
   },
-  components:{
+  components: {
     customerProfile,
     customerStatus,
     chatGroup,
     chatRecord,
     order,
   },
-  methods:{
-    edit_tag(){
+  methods: {
+    edit_tag () {
       this.comLableShow = true
-      this.$axios.post(this.URL.BASEURL + this.URL.tag_detial_edit,{
-        external_userid:this.resInfo.external_userid,
-        customer_id:this.rowProp.customer_id,
-        user_id:this.rowProp.user_id,
-        selected_tag_id_list:this.lableArr_checked
-      }).then((res)=>{
-        res=res.data
+      this.$axios.post(this.URL.BASEURL + this.URL.tag_detial_edit, {
+        external_userid: this.resInfo.external_userid,
+        customer_id: this.rowProp.customer_id,
+        user_id: this.rowProp.user_id,
+        selected_tag_id_list: this.lableArr_checked
+      }).then((res) => {
+        res = res.data
         this.$message({
           message: res.err,
           type: "info"
         })
-        if(res&&res.errno == 0){
+        if (res && res.errno == 0) {
           this.comLableShow = false
           this.init()
         }
 
       })
     },
-    init_tag(){
+    init_tag () {
       this.comLableShow = true
-      this.$axios.get(this.URL.BASEURL + this.URL.tag_detial_list,{
-        params:{
-          customer_id:this.rowProp.customer_id,
-          user_id:this.rowProp.user_id
+      this.$axios.get(this.URL.BASEURL + this.URL.tag_detial_list, {
+        params: {
+          customer_id: this.rowProp.customer_id,
+          user_id: this.rowProp.user_id
         }
-      }).then((res)=>{
-        res=res.data
+      }).then((res) => {
+        res = res.data
         this.lableArr = res.rst
 
-        this.lableArr_checked=[]
-        res.rst.forEach(l=>{
-          l.tag_list.forEach(t=>{
-            if(t.selected == 1){
+        this.lableArr_checked = []
+        res.rst.forEach(l => {
+          l.tag_list.forEach(t => {
+            if (t.selected == 1) {
               this.lableArr_checked.push(t.tag_id)
             }
           })
         })
-        console.log(this.lableArr_checked,' this.lableArr_checked');
+        console.log(this.lableArr_checked, ' this.lableArr_checked');
 
       })
     },
-    init(){
-      this.$axios.get(this.URL.BASEURL + this.URL.customerDetail,{
-        params:{
-          customer_id:this.rowProp.customer_id,
-          user_id:this.rowProp.user_id
+    init () {
+      this.$axios.get(this.URL.BASEURL + this.URL.customerDetail, {
+        params: {
+          customer_id: this.rowProp.customer_id,
+          user_id: this.rowProp.user_id
         }
-      }).then((res)=>{
-        res=res.data
+      }).then((res) => {
+        res = res.data
         this.resInfo = res.rst
         this.$refs.profile.init()
       })
     },
-    changeWidth(){
+    changeWidth () {
       this.$emit('changeDrawerSize')
     },
-    close(){
+    close () {
       this.$emit('closeDrawer')
     },
-    iptBlur(){
+    iptBlur () {
       this.iptshow = false
-      if(this.addLableVal){
-        this.lableArr.push({id:this.lableArr.length,name:this.addLableVal})
+      if (this.addLableVal) {
+        this.lableArr.push({ id: this.lableArr.length, name: this.addLableVal })
       }
     },
-    switchLable(id){
-      console.log(this.lableArr_checked,'switchLable');
-      if(this.lableArr_checked.indexOf(id) == -1){
+    switchLable (id) {
+      console.log(this.lableArr_checked, 'switchLable');
+      if (this.lableArr_checked.indexOf(id) == -1) {
         this.lableArr_checked.push(id)
-      }else{
-        this.lableArr_checked.forEach((i,idx)=>{
-          if(i == id){
-            this.lableArr_checked.splice(idx,1)
+      } else {
+        this.lableArr_checked.forEach((i, idx) => {
+          if (i == id) {
+            this.lableArr_checked.splice(idx, 1)
           }
         })
       }
     },
 
     // 上移
-    upClick(index) {
-      if(index == 0){return false}
+    upClick (index) {
+      if (index == 0) { return false }
       this.moreLable = this.swapItems(this.moreLable, index, index - 1)
     },
     // 下移
-    downClick(index) {
-      if(index == this.moreLable.length-1){return false}
+    downClick (index) {
+      if (index == this.moreLable.length - 1) { return false }
       this.moreLable = this.swapItems(this.moreLable, index, index + 1)
     },
-    swapItems(arr, index1, index2) {
+    swapItems (arr, index1, index2) {
       arr[index1] = arr.splice(index2, 1, arr[index1])[0];
       return arr;
     },
@@ -316,78 +309,80 @@ export default {
 }
 </script>
 <style lang="scss">
-.addLable_dialog{
-  .addLableBox{
-
-    .add{
+.addLable_dialog {
+  .addLableBox {
+    .add {
       padding: 4px 10px;
       line-height: 20px;
       text-align: center;
-      border: 1px solid #D2D2D2;
+      border: 1px solid #d2d2d2;
       cursor: pointer;
       margin-right: 8px;
       margin-top: 10px;
     }
-    .lableItem_dad{
+    .lableItem_dad {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
     }
-    .lableItem{
+    .lableItem {
       line-height: 20px;
       text-align: center;
-      border: 1px solid #D2D2D2;
+      border: 1px solid #d2d2d2;
       padding: 4px 10px;
       background-color: #fafafa;
       margin-right: 8px;
       cursor: pointer;
       margin-top: 10px;
     }
-    .lableItem:hover{
+    .lableItem:hover {
       //color: #00B38A;
-      border: 1px solid #00B38A;
+      border: 1px solid #00b38a;
     }
-    .lableItemAc{
-      background-color: rgba(0,179,138,0.4);
-      border: 1px solid rgba(0,179,138,0.4);
-      color: #00B38A;
+    .lableItemAc {
+      background-color: rgba(0, 179, 138, 0.4);
+      border: 1px solid rgba(0, 179, 138, 0.4);
+      color: #00b38a;
     }
-    .ipt{
+    .ipt {
       width: 120px;
       margin-right: 8px;
       margin-top: 10px;
-      .el-input__inner{
+      .el-input__inner {
         height: 30px;
         line-height: 30px;
       }
     }
   }
-  .dialog-footer{
+  .dialog-footer {
     //display: flex;
     //align-items: center;
     //justify-content: space-between;
-    .addLableGroup{
+    .addLableGroup {
       font-size: 14px;
-      color: #00B38A;
+      color: #00b38a;
       cursor: pointer;
     }
   }
-  .groupCon{
-    .group_item{
+  .groupCon {
+    .group_item {
       display: flex;
       align-items: center;
       margin-top: 20px;
-      .lable{
+      .lable {
         width: 24%;
         text-align: right;
       }
-      .opaArea{
+      .opaArea {
         margin-left: 20px;
         width: 68%;
-        .addIptGroup{
-          font-size: 12px;color: #00B38A;cursor: pointer;margin-top: 10px
+        .addIptGroup {
+          font-size: 12px;
+          color: #00b38a;
+          cursor: pointer;
+          margin-top: 10px;
         }
-        .minusIptGroup{
+        .minusIptGroup {
           display: inline-block;
           border: 1px solid #333;
           border-radius: 50%;
@@ -401,13 +396,13 @@ export default {
           cursor: pointer;
           flex-shrink: 0;
         }
-        .disCss{
-          color: rgba(0,0,0,.25)
+        .disCss {
+          color: rgba(0, 0, 0, 0.25);
         }
       }
     }
-    .ipt_group{
-      .el-input__inner{
+    .ipt_group {
+      .el-input__inner {
         height: 36px;
         line-height: 36px;
       }
@@ -417,11 +412,11 @@ export default {
 </style>
 
 <style lang="scss">
-.detialCon{
-  .padCon{
+.detialCon {
+  .padCon {
     padding: 20px 30px;
   }
-  .title{
+  .title {
     position: sticky;
     top: 0;
     z-index: 2;
@@ -432,7 +427,8 @@ export default {
     font-weight: 600;
     color: #333;
     font-size: 20px;
-    .el-icon-arrow-left,.el-icon-arrow-right{
+    .el-icon-arrow-left,
+    .el-icon-arrow-right {
       width: 20px;
       height: 20px;
       line-height: 20px;
@@ -442,73 +438,70 @@ export default {
       cursor: pointer;
     }
   }
-  .splitLine{
+  .splitLine {
     width: 100%;
     height: 10px;
-    background: #F5F6F8;
+    background: #f5f6f8;
   }
-  .infoBox{
+  .infoBox {
     display: flex;
     align-items: center;
-    img{
+    img {
       width: 80px;
       height: 80px;
       margin-right: 10px;
     }
-    .name{
+    .name {
       font-size: 14px;
       color: #333333;
-      .bright{
-        color: #2FDF72;
+      .bright {
+        color: #2fdf72;
         margin-left: 6px;
       }
     }
-    .lable{
+    .lable {
       margin-top: 10px;
       font-size: 13px;
-      color: #898D92;
-      .bright{
-        color: #00B38A;
+      color: #898d92;
+      .bright {
+        color: #00b38a;
         margin-left: 6px;
         cursor: pointer;
       }
-      .lable_con{
-        background-color: #F5FFFD;
+      .lable_con {
+        background-color: #f5fffd;
         color: #787878;
         font-size: 13px;
         border-radius: 4px;
-        border: 1px solid #00B38A;
+        border: 1px solid #00b38a;
         padding: 6px 7px;
         margin-left: 6px;
         display: inline-block;
       }
     }
   }
-  .tabCon{
+  .tabCon {
     color: #333;
-    .tabCon_bar{
-      border-bottom: 1px solid #E9E9E9;
+    .tabCon_bar {
+      border-bottom: 1px solid #e9e9e9;
       font-size: 15px;
       margin-bottom: 20px;
       display: flex;
       align-items: center;
-      .bor_line{
+      .bor_line {
         border-bottom: 3px solid transparent;
       }
-      .bor_line_ac{
-        border-bottom: 3px solid #00B38A;
+      .bor_line_ac {
+        border-bottom: 3px solid #00b38a;
         width: 50%;
         margin: 0 auto;
       }
-      .ac_css{
-        color: #00B38A;
+      .ac_css {
+        color: #00b38a;
         font-size: 16px;
         font-weight: 600;
       }
     }
-
   }
-
-
 }
 </style>

project/src/router/navList.js

@@ -10,13 +10,13 @@ var navList = [
     is_main: 1,
     path: 'home',
     viewName: '首页',
-    icon: 'el-icon-camera',
+    icon: 'icon-shouye_icon',
   },
   {
     path: '',
     is_main: 1,
     viewName: '客户管理',
-    icon: 'el-icon-camera',
+    icon: 'icon-kehuguanli_icon',
     small_menu: [
       {
         viewName: '客户管理',
@@ -40,7 +40,7 @@ var navList = [
     path: '',
     is_main: 1,
     viewName: '客户运营',
-    icon: 'el-icon-camera',
+    icon: 'icon-kehuyunying_icon',
     small_menu: [
       {
         viewName: '客户欢迎语',
@@ -60,7 +60,7 @@ var navList = [
     path: '',
     is_main: 1,
     viewName: '客户属性',
-    icon: 'el-icon-camera',
+    icon: 'icon-kehushuxing_icon',
     small_menu: [
       {
         viewName: '标签管理',
@@ -72,7 +72,7 @@ var navList = [
     path: '',
     is_main: 1,
     viewName: '设置管理',
-    icon: 'el-icon-camera',
+    icon: 'icon-shezhiguanli_icon',
     small_menu: [
       {
         viewName: '成员管理',