xiuli.gao 2 years ago
parent
commit
5df6ef86a4

+ 12 - 5
project/src/components/customManage/customerTransfer.vue

@@ -78,14 +78,14 @@
78 78
           </div>
79 79
         </template>
80 80
       </el-table-column>
81
-      <el-table-column label="所属客服" width="160" align="center">
81
+      <el-table-column label="所属客服" align="center">
82 82
         <template slot-scope="scope">
83 83
           <div class="customerServiceTagBox">
84 84
             <div class="customerServiceTag"><i class="el-icon-headset"></i>{{ scope.row.user_list.name }}</div>
85 85
           </div>
86 86
         </template>
87 87
       </el-table-column>
88
-      <el-table-column width="160" label="所属部门" show-overflow-tooltip align="center">
88
+      <el-table-column label="所属部门" show-overflow-tooltip align="center">
89 89
         <template slot-scope="scope">
90 90
           <div>{{scope.row.department_list&&scope.row.department_list.join(',')}}</div>
91 91
         </template>
@@ -98,14 +98,14 @@
98 98
           </div>
99 99
         </template>
100 100
       </el-table-column>
101
-      <el-table-column width="160" label="客户状态" show-overflow-tooltip align="center">
101
+      <el-table-column label="客户状态" show-overflow-tooltip align="center">
102 102
         <template slot-scope="scope">
103 103
           <span v-if="scope.row.customer_enable==0" style="color:#FF0002">禁用</span>
104 104
           <span v-if="scope.row.customer_enable==1">可用</span>
105 105
           <span v-if="scope.row.customer_enable==3" style="color:#00B38A">已流失</span>
106 106
         </template>
107 107
       </el-table-column>
108
-      <el-table-column width="160" label="付费情况" align="center">
108
+      <el-table-column label="付费情况" align="center">
109 109
         <template slot-scope="scope">
110 110
           <div v-if="scope.row.pay_num>0">已付费(<span class="c-00B38A">{{scope.row.pay_num}}次</span>)</div>
111 111
           <div v-else>未付费</div>
@@ -138,6 +138,11 @@
138 138
     <el-drawer :size="drawerSize" :visible.sync="detialDrawer" :with-header="false">
139 139
       <detial @changeDrawerSize="changeDrawerSize" @closeDrawer="closeDrawer"></detial>
140 140
     </el-drawer>
141
+
142
+    <!-- 分配客户 -->
143
+    <el-dialog title="分配客户" :visible.sync="distributionUserVisible" width="600px" center top="15vh">
144
+      <distribution-user></distribution-user>
145
+    </el-dialog>
141 146
   </div>
142 147
 </template>
143 148
 <script>
@@ -151,8 +156,9 @@ import lossBody from '@/components/assembly/screen/lossBody.vue'
151 156
 import screenPay from '@/components/assembly/screen/pay.vue'
152 157
 import shieldingUser from '@/components/assembly/shieldingUser.vue'
153 158
 import detial from '@/components/detials/index.vue'
159
+import distributionUser from './distributionUser.vue'
154 160
 export default {
155
-  components: { detial, selfInput, selfCustomerservice, enterpriseTag, datePicker, selfChannel, selfGender, lossBody, screenPay, shieldingUser },
161
+  components: { distributionUser, detial, selfInput, selfCustomerservice, enterpriseTag, datePicker, selfChannel, selfGender, lossBody, screenPay, shieldingUser },
156 162
   data () {
157 163
     return {
158 164
       type: 1,
@@ -189,6 +195,7 @@ export default {
189 195
       exclude_multiple_selection: {},
190 196
       multipleArr: [],
191 197
       isAll: false,//是否选择全部
198
+      distributionUserVisible: false
192 199
     }
193 200
   },
194 201
   created () {

+ 11 - 0
project/src/components/customManage/distributionUser.vue

@@ -0,0 +1,11 @@
1
+<template>
2
+  <div>
3
+    <div class="self-hint" style="border:none;margin-top:-10px">
4
+      <i class="el-icon-message-solid"></i>
5
+      <div>
6
+        <p>可将选中的客户转接给其他员工,进行后续服务</p>
7
+        <p>注意:90天内客户只能被转移一次,一个客户最多只能被转接两次</p>
8
+      </div>
9
+    </div>
10
+  </div>
11
+</template>

+ 5 - 5
project/src/components/customManage/lostCustomer.vue

@@ -55,33 +55,33 @@
55 55
           </div>
56 56
         </template>
57 57
       </el-table-column>
58
-      <el-table-column label="性别" width="100" show-overflow-tooltip align="center">
58
+      <el-table-column label="性别" show-overflow-tooltip align="center">
59 59
         <template slot-scope="scope">
60 60
           <span v-if="scope.row.gender==0">未知</span>
61 61
           <span v-if="scope.row.gender==1">男</span>
62 62
           <span v-if="scope.row.gender==2">女</span>
63 63
         </template>
64 64
       </el-table-column>
65
-      <el-table-column label="所属客服" width="120" align="center">
65
+      <el-table-column label="所属客服" align="center">
66 66
         <template slot-scope="scope">
67 67
           <div class="customerServiceTagBox">
68 68
             <div class="customerServiceTag"><i class="el-icon-headset"></i>{{ scope.row.user_list.name }}</div>
69 69
           </div>
70 70
         </template>
71 71
       </el-table-column>
72
-      <el-table-column label="客服所属部门" width="120" show-overflow-tooltip align="center">
72
+      <el-table-column label="客服所属部门" width="130" show-overflow-tooltip align="center">
73 73
         <template slot-scope="scope">
74 74
           <span>{{scope.row.user_list.department}}</span>
75 75
         </template>
76 76
       </el-table-column>
77
-      <el-table-column label="标签" width="150" align="center">
77
+      <el-table-column label="标签" align="center">
78 78
         <template slot-scope="scope">
79 79
           <div class="customerServiceTagBox biaoqian">
80 80
             <div class="customerServiceTag" v-for="(item) in scope.row.tag_list" :key="item">{{item}}</div>
81 81
           </div>
82 82
         </template>
83 83
       </el-table-column>
84
-      <el-table-column label="客户状态" width="100" show-overflow-tooltip align="center">
84
+      <el-table-column label="客户状态" show-overflow-tooltip align="center">
85 85
         <template slot-scope="scope">
86 86
           <span v-if="scope.row.customer_enable==0" style="color:#FF0002">禁用</span>
87 87
           <span v-if="scope.row.customer_enable==1">可用</span>

+ 5 - 5
project/src/components/customManage/manage.vue

@@ -68,14 +68,14 @@
68 68
           </div>
69 69
         </template>
70 70
       </el-table-column>
71
-      <el-table-column label="所属客服" width="160" align="center">
71
+      <el-table-column label="所属客服" align="center">
72 72
         <template slot-scope="scope">
73 73
           <div class="customerServiceTagBox">
74 74
             <div class="customerServiceTag"><i class="el-icon-headset"></i>{{ scope.row.user_list.name }}</div>
75 75
           </div>
76 76
         </template>
77 77
       </el-table-column>
78
-      <el-table-column width="160" label="所属部门" show-overflow-tooltip align="center">
78
+      <el-table-column label="所属部门" show-overflow-tooltip align="center">
79 79
         <template slot-scope="scope">
80 80
           <div>{{scope.row.department_list&&scope.row.department_list.join(',')}}</div>
81 81
         </template>
@@ -88,14 +88,14 @@
88 88
           </div>
89 89
         </template>
90 90
       </el-table-column>
91
-      <el-table-column width="160" label="客户状态" show-overflow-tooltip align="center">
91
+      <el-table-column label="客户状态" show-overflow-tooltip align="center">
92 92
         <template slot-scope="scope">
93 93
           <span v-if="scope.row.customer_enable==0" style="color:#FF0002">禁用</span>
94 94
           <span v-if="scope.row.customer_enable==1">可用</span>
95 95
           <span v-if="scope.row.customer_enable==3" style="color:#00B38A">已流失</span>
96 96
         </template>
97 97
       </el-table-column>
98
-      <el-table-column width="160" label="付费情况" align="center">
98
+      <el-table-column label="付费情况" align="center">
99 99
         <template slot-scope="scope">
100 100
           <div v-if="scope.row.pay_num>0">已付费(<span class="c-00B38A">{{scope.row.pay_num}}次</span>)</div>
101 101
           <div v-else>未付费</div>
@@ -103,7 +103,7 @@
103 103
       </el-table-column>
104 104
       <el-table-column prop="createtime" width="160" label="添加时间" show-overflow-tooltip align="center"></el-table-column>
105 105
       <!-- <el-table-column prop="address" width="160" label="上次对话时间" show-overflow-tooltip align="center"></el-table-column> -->
106
-      <el-table-column width="160" label="添加渠道" show-overflow-tooltip align="center">
106
+      <el-table-column label="添加渠道" show-overflow-tooltip align="center">
107 107
         <template slot-scope="scope">
108 108
           <div>{{scope.row.add_way}}</div>
109 109
         </template>