|
|
@@ -180,9 +180,12 @@
|
|
|
<span v-else style="color: #67C23A;">客户语音销售回复语音</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="绑定的企微号" align="center">
|
|
|
+ <el-table-column label="绑定的企微号" align="center" width="170">
|
|
|
<template slot-scope="scope">
|
|
|
- <div v-if="scope.row.qwUsers && scope.row.qwUsers.length > 0">
|
|
|
+ <div
|
|
|
+ v-if="scope.row.qwUsers && scope.row.qwUsers.length > 0"
|
|
|
+ class="qw-users-scroll"
|
|
|
+ >
|
|
|
<div v-for="user in scope.row.qwUsers" :key="user.id">
|
|
|
<el-tag size="mini">{{ user.qwUserName }}</el-tag>
|
|
|
</div>
|
|
|
@@ -2333,4 +2336,26 @@ export default {
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.qw-users-scroll {
|
|
|
+ max-height: 180px;
|
|
|
+ overflow-y: auto;
|
|
|
+ padding-right: 4px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.qw-users-scroll::-webkit-scrollbar {
|
|
|
+ width: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.qw-users-scroll::-webkit-scrollbar-thumb {
|
|
|
+ background: #c0c4cc;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.qw-users-scroll::-webkit-scrollbar-track {
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
</style>
|
