|
|
@@ -186,13 +186,23 @@
|
|
|
<el-table-column label="时长秒" align="center" prop="duration" />
|
|
|
<el-table-column label="标签" align="center" prop="tagIdsName" width="250px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div v-for="name in scope.row.tagIdsName" style="display: inline;">
|
|
|
- <el-tag type="success">{{ name }}</el-tag>
|
|
|
+ <div class="tag-container">
|
|
|
+ <div class="tag-list">
|
|
|
+ <el-tag
|
|
|
+ v-for="name in scope.row.tagIdsName"
|
|
|
+ :key="name"
|
|
|
+ type="success"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ {{ name }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="接通数量" align="center" prop="connectCount" />
|
|
|
<el-table-column label="未接通数量" align="center" prop="noConnectCount" />
|
|
|
+ <el-table-column label="部门编号" align="center" prop="deptId" />
|
|
|
<!-- <el-table-column label="标题" align="center" width="80" prop="title" />-->
|
|
|
<!-- <el-table-column label="通话状态" align="center" prop="status">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -827,4 +837,25 @@ export default {
|
|
|
background: rgba(0, 0, 0, 0.2);
|
|
|
border-radius: 3px;
|
|
|
}
|
|
|
+
|
|
|
+/* CSS 样式 */
|
|
|
+.tag-container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap; /* 超出宽度时自动换行 */
|
|
|
+ gap: 8px; /* 设置标签之间的间距 */
|
|
|
+}
|
|
|
+
|
|
|
+.tag-container {
|
|
|
+ max-height: 200px;
|
|
|
+ overflow-y: auto;
|
|
|
+ padding: 1px;
|
|
|
+ border: 1px solid #ebeef5;
|
|
|
+ border-radius: 1px;
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+.tag-list {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 8px;
|
|
|
+}
|
|
|
</style>
|
