迁移状态

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==2?'tagItem_active':'']" @click="changeType(2);">离职迁移</div>
-        <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 == 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>
@@ -11,15 +11,16 @@
     </div>
     <div class="screenBox">
       <!-- 搜索客户 -->
-      <self-input :reset='resetFlag' @inputChange='(val)=>{input_keyword = val;init(1)}'></self-input>
+      <self-input :reset='resetFlag' @inputChange='(val) => { input_keyword = val; init(1) }'></self-input>
       <!-- 所属客服 -->
-      <self-customerservice :reset='resetFlag' @customerDefine="(val)=>{user_id_list=val;init(1)}"></self-customerservice>
+      <self-customerservice :reset='resetFlag' @customerDefine="(val) => { user_id_list = val; init(1) }">
+      </self-customerservice>
       <!-- 企业标签 -->
       <enterprise-tag :reset='resetFlag' @tagDefine="tagDefine"></enterprise-tag>
       <!-- 添加时间 -->
       <date-picker :reset='resetFlag' @changeTime="changeTime"></date-picker>
       <!-- 添加渠道 -->
-      <self-channel :reset='resetFlag' @channelDefine="(val)=>{add_way = val;init(1)}"></self-channel>
+      <self-channel :reset='resetFlag' @channelDefine="(val) => { add_way = val; init(1) }"></self-channel>
       <!-- 性别 暂时获取不到 -->
       <!-- <self-gender></self-gender> -->
       <!-- 流失状态 -->
@@ -32,33 +33,36 @@
       <div>
         <div class="flex">
           <i class="el-icon-user-solid"></i>
-          <div class="totalCustom" v-if="type==2">共<span>{{total}}</span>个待分配客户</div>
-          <template v-if="type==1">
-            <div class="totalCustom">共<span>{{otherData&&otherData.count}}</span>个客户</div>
+          <div class="totalCustom" v-if="type == 2">共<span>{{ total }}</span>个待分配客户</div>
+          <template v-if="type == 1">
+            <div class="totalCustom">共<span>{{ otherData && otherData.count }}</span>个客户</div>
             <div class="smalLine"></div>
             <div class="excludeCustom">排除重复客户
               <el-tooltip class="disinblock" content="该数据为去重后的客户数，若客户添加了多个员工只会统计为1个客户" placement="top">
                 <i class="el-icon-question"></i>
               </el-tooltip>
-              <span>{{otherData&&otherData.exclude_count}}</span>
+              <span>{{ otherData && otherData.exclude_count }}</span>
             </div>
           </template>
           <!-- <div class="smalLine"></div> -->
           <!-- <el-button type="primary" plain size="mini"><i class="el-icon-refresh-right"></i> 更新数据</el-button> -->
         </div>
-        <div class="selectCustom">已择{{selectTotal}}个客户</div>
+        <div class="selectCustom">已择{{ selectTotal }}个客户</div>
       </div>
       <div class="flex">
         <el-button type="primary" size="mini" @click="toDistribution">分配</el-button>
       </div>
     </div>
     <!-- table -->
-    <el-table ref="multipleTable" :height="height" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" @select-all="handleSelectAll">
+    <el-table ref="multipleTable" :height="height" :data="tableData" tooltip-effect="dark" style="width: 100%"
+      @selection-change="handleSelectionChange" @select-all="handleSelectAll">
       <el-table-column type="selection" width="55" align="center"></el-table-column>
       <el-table-column width="200" fixed="left">
         <template slot-scope="scope" slot="header">
-          <div class="customTitle" slot="reference">{{old_pageOptionValue==2?'选择当前页面客户':'选择全部客户'}}<i class="el-icon-arrow-down"></i>
-            <el-select v-model="pageOptionValue" class="customTitleSelect" placeholder="请选择" size="mini" @change="pageOptionSelect" @visible-change="pageOptionValue=''">
+          <div class="customTitle" slot="reference">{{ old_pageOptionValue == 2 ? '选择当前页面客户' : '选择全部客户' }}<i
+              class="el-icon-arrow-down"></i>
+            <el-select v-model="pageOptionValue" class="customTitleSelect" placeholder="请选择" size="mini"
+              @change="pageOptionSelect" @visible-change="pageOptionValue = ''">
               <el-option v-for="item in pageOptions" :key="item.id" :label="item.name" :value="item.id">
               </el-option>
             </el-select>
@@ -70,17 +74,17 @@
             <img v-else src="@/assets/img/self_head.png" alt="" class="userImg">
             <div class="userInfo">
               <div class="userName">
-                <p class="name">{{scope.row.remark}}</p>
-                <span v-if="scope.row.type==1">@微信</span>
+                <p class="name">{{ scope.row.remark }}</p>
+                <span v-if="scope.row.type == 1">@微信</span>
               </div>
-              <div class="nickname"><span>昵称：</span>{{scope.row.name}}</div>
+              <div class="nickname"><span>昵称：</span>{{ scope.row.name }}</div>
             </div>
           </div>
         </template>
       </el-table-column>
       <el-table-column label="性别" min-width="60" show-overflow-tooltip align="center">
         <template slot-scope="scope">
-          <div>{{scope.row.gender==1?'男':scope.row.gender==2?'女':''}}</div>
+          <div>{{ scope.row.gender == 1 ? '男' : scope.row.gender == 2 ? '女' : '' }}</div>
         </template>
       </el-table-column>
       <el-table-column label="所属客服" min-width="140" align="center">
@@ -92,47 +96,49 @@
       </el-table-column>
       <el-table-column label="所属部门" min-width="140" show-overflow-tooltip align="center">
         <template slot-scope="scope">
-          <div>{{scope.row.department_list&&scope.row.department_list.join(',')}}</div>
+          <div>{{ scope.row.department_list && scope.row.department_list.join(',') }}</div>
         </template>
       </el-table-column>
 
       <el-table-column label="标签" min-width="160" align="center">
         <template slot-scope="scope">
           <div class="customerServiceTagBox biaoqian">
-            <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index">{{item}}</div>
+            <div class="customerServiceTag" v-for="(item, index) in scope.row.tag_list" :key="index">{{ item }}</div>
           </div>
         </template>
       </el-table-column>
       <el-table-column label="客户状态" show-overflow-tooltip align="center">
         <template slot-scope="scope">
-          <span v-if="scope.row.relation_enable==0" class="c-F03F5C">已流失</span>
-          <span v-if="scope.row.relation_enable==1" class="c-448AFF">未流失</span>
-          <span v-if="scope.row.relation_enable==2" class="c-FFB055">待分配</span>
+          <span v-if="scope.row.relation_enable == 0" class="c-F03F5C">已流失</span>
+          <span v-if="scope.row.relation_enable == 1" class="c-448AFF">未流失</span>
+          <span v-if="scope.row.relation_enable == 2" class="c-FFB055">待分配</span>
         </template>
       </el-table-column>
-      <el-table-column label="付费情况" align="center">
+      <el-table-column label="付费情况" align="center" min-width="120">
         <template slot-scope="scope">
-          <div v-if="scope.row.pay_num>0">已付费(<span class="c-00B38A">{{scope.row.pay_num}}次</span>)</div>
+          <div v-if="scope.row.pay_num > 0">已付费(<span class="c-00B38A">{{ scope.row.pay_num }}次</span>)</div>
           <div v-else>未付费</div>
         </template>
       </el-table-column>
-      <el-table-column prop="createtime" min-width="160" label="添加时间" show-overflow-tooltip align="center"></el-table-column>
+      <el-table-column prop="createtime" min-width="160" label="添加时间" show-overflow-tooltip align="center">
+      </el-table-column>
       <!-- <el-table-column prop="address" width="160" label="上次对话时间" show-overflow-tooltip align="center"></el-table-column> -->
       <el-table-column width="140" label="添加渠道" show-overflow-tooltip align="center">
         <template slot-scope="scope">
-          <div>{{scope.row.add_way}}</div>
+          <div>{{ scope.row.add_way }}</div>
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" fixed="right" width="80">
         <template slot-scope="scope">
           <div class="flex" style="justify-content:center">
-            <div class="c-00B38A pointer" style="margin:0 6px" @click="showDetial(scope.row,scope.$index)">详情</div>
+            <div class="c-00B38A pointer" style="margin:0 6px" @click="showDetial(scope.row, scope.$index)">详情</div>
           </div>
         </template>
       </el-table-column>
     </el-table>
-    <div class="pagination" v-show="total>0">
-      <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count='Number(pages)'>
+    <div class="pagination" v-show="total > 0">
+      <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next"
+        :page-count='Number(pages)'>
       </el-pagination>
     </div>
     <!-- 拉黑用户 -->
@@ -143,14 +149,15 @@
     <!--详情-->
     <el-drawer :size="drawerSize" :visible.sync="detialDrawer" :with-header="false">
       <detial @changeDrawerSize="changeDrawerSize" @closeDrawer="closeDrawer" :rowProp="{
-        customer_id:rowPro.customer_id,
-        user_id:rowPro.user_id
+        customer_id: rowPro.customer_id,
+        user_id: rowPro.user_id
       }" ref="detial" @tagUpdate='tagUpdate'></detial>
     </el-drawer>
 
     <!-- 分配客户 -->
     <el-dialog title="分配客户" :visible.sync="distributionUserVisible" width="600px" center>
-      <distribution-user :userType='type' @closeToast='distributionUserVisible=false' @transferCustomerEvent="transferCustomerEvent"></distribution-user>
+      <distribution-user :userType='type' @closeToast='distributionUserVisible = false'
+        @transferCustomerEvent="transferCustomerEvent"></distribution-user>
     </el-dialog>
   </div>
 </template>

project/src/components/customManage/transferRecord.vue

@@ -3,29 +3,31 @@
     <div class="backBox" @click="goBack">
       <div class="back">
         <i class="el-icon-back"></i>
-        <span class="back_main_title">{{type=='off'?'离职迁移':type=='on'?'在职迁移':'返回'}}/</span><span>分配记录</span>
+        <span class="back_main_title">{{ type == 'off' ? '离职迁移' : type == 'on' ? '在职迁移' : '返回'
+        }}/</span><span>分配记录</span>
       </div>
     </div>
     <div class="self-hint" style="margin-bottom:10px">
       <i class="el-icon-message-solid"></i>
-      <div>由于企业微信限制，列表仅展示在{{$store.state.simpleName}}操作的分配记录，{{$store.state.simpleName}}分配记录将不会展示</div>
+      <div>由于企业微信限制，列表仅展示在{{ $store.state.simpleName }}操作的分配记录，{{ $store.state.simpleName }}分配记录将不会展示</div>
     </div>
     <div class="screenBox">
       <!-- 搜索客户 -->
-      <self-input :reset='resetFlag' @inputChange='(val)=>{input_keyword = val;init(1)}'></self-input>
+      <self-input :reset='resetFlag' @inputChange='(val) => { input_keyword = val; init(1) }'></self-input>
       <!-- 所属客服 -->
       <service-single title='接替员工' :reset='resetFlag' @customerDefine="serviceSingleEvent"></service-single>
       <!-- 添加时间 -->
       <date-picker title="分配时间" :reset='resetFlag' @changeTime="changeTime"></date-picker>
       <!-- 转接状态 -->
-      <self-channel title="转接状态" :reset='resetFlag' type='assignment_status' @channelDefine="(val)=>{assignment_status = val;init(1)}"></self-channel>
+      <self-channel title="转接状态" :reset='resetFlag' type='assignment_status'
+        @channelDefine="(val) => { assignment_status = val; init(1) }"></self-channel>
       <div class="reset" @click="resetEvent">重置</div>
     </div>
     <div class="tableInfo">
       <div>
         <div class="flex">
           <i class="el-icon-user-solid"></i>
-          <div class="totalCustom">共有<span>{{total}}</span>个已分配客户</div>
+          <div class="totalCustom">共有<span>{{ total }}</span>个已分配客户</div>
         </div>
       </div>
     </div>
@@ -34,33 +36,39 @@
       <el-table-column prop="customer_name" label="客户名称" show-overflow-tooltip align="center"></el-table-column>
       <el-table-column prop="takeover_username" label="接替员工" show-overflow-tooltip align="center"></el-table-column>
 
-      <el-table-column label="转接状态" align="center">
+      <el-table-column label="转接状态" align="center" min-width="100">
         <template slot-scope="scope">
-          <span v-if="scope.row.status==1">已转接</span>
-          <span v-if="scope.row.status==2">客户转接中</span>
-          <span v-if="scope.row.status==3">客户已拒绝</span>
-          <span v-if="scope.row.status==4">接替成员客户达到上限</span>
-          <span v-if="scope.row.status==5">无接替记录</span>
+          <template v-if="scope.row.status == -1">
+            <span>迁移失败</span>
+            <p class="c-757D9C f12">({{ scope.row.err_msg }})</p>
+          </template>
+          <span v-if="scope.row.status == 1">已转接</span>
+          <span v-if="scope.row.status == 2">客户转接中</span>
+          <span v-if="scope.row.status == 3">客户已拒绝</span>
+          <span v-if="scope.row.status == 4">接替成员客户达到上限</span>
+          <span v-if="scope.row.status == 5">无接替记录</span>
         </template>
       </el-table-column>
       <el-table-column prop="takeover_time" label="分配时间" show-overflow-tooltip align="center"></el-table-column>
       <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.takeover_userid" @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>
     </el-table>
-    <div class="pagination" v-show="total>0">
-      <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count='Number(pages)'>
+    <div class="pagination" v-show="total > 0">
+      <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next"
+        :page-count='Number(pages)'>
       </el-pagination>
     </div>
     <!--详情-->
     <el-drawer :size="drawerSize" :visible.sync="detialDrawer" :with-header="false">
       <detial @changeDrawerSize="changeDrawerSize" @closeDrawer="closeDrawer" :rowProp="{
-        customer_id:rowPro.customer_id,
-        user_id:rowPro.takeover_userid
+        customer_id: rowPro.customer_id,
+        user_id: rowPro.takeover_userid
       }" ref="detial"></detial>
     </el-drawer>
   </div>
@@ -182,25 +190,31 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "@/style/list.scss";
+
 .screenBox .common-screen-item {
   width: inherit;
 }
+
 .tableInfo {
   height: 50px;
 }
+
 .backBox {
   background: #ffffff;
   padding: 15px;
   margin-bottom: 10px;
+
   .back {
     font-size: 14px;
     line-height: 20px;
     color: #333333;
     cursor: pointer;
     display: inline-block;
+
     i {
       font-size: 16px;
     }
+
     .back_main_title {
       font-size: 16px;
       font-weight: bold;