|
@@ -1,13 +1,20 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
+ <div v-if="summarize.length > 0" class="tags-sms">
|
|
|
+ <span class="tags-sms-span">意向标签:</span>
|
|
|
+ <el-tag v-for="(sum, sumIndex) in summarize" :key="sumIndex" effect="dark" style="font-size: 15px; margin: 0 2px">
|
|
|
+ {{ sum.value }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
<!-- 顶部操作区域 -->
|
|
|
- <div class="filter-container">
|
|
|
+ <div class="filter-container" style="margin-top: 10px">
|
|
|
<!-- 关键词列表 -->
|
|
|
<el-table v-loading="isLoading" :data="list" border>
|
|
|
<el-table-column prop="pagePath" label="页面路径" align="center" width="300">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <a v-if="row.accessClient === '0'" style="color: #2fa4e7" target="_blank" :href="row.pagePath">
|
|
|
- {{ row.pagePath }}</a>
|
|
|
+ <a v-if="row.accessClient === '0'" style="color: #2fa4e7" target="_blank" :href="row.pagePath">{{
|
|
|
+ row.pagePath
|
|
|
+ }}</a>
|
|
|
<span v-else> {{ row.pagePath }} </span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -30,7 +37,7 @@
|
|
|
<template v-if="row.productId" slot-scope="{ row }">
|
|
|
<el-popover placement="top-start" title="" width="180" trigger="hover">
|
|
|
<img :src="row.productImage" alt="" style="width: 150px; height: 150px" />
|
|
|
- <img slot="reference" :src="row.productImage" alt="" style="width: 30px; height: 30px" />
|
|
|
+ <img slot="reference" :src="row.productImage" alt="" style="width: 80px; height: 80px" />
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
<template v-else>
|
|
@@ -60,8 +67,8 @@
|
|
|
<!-- 页码 -->
|
|
|
<pagination
|
|
|
:total="total"
|
|
|
- :page-sizes="[20]"
|
|
|
- :page-size="20"
|
|
|
+ :page-sizes="[10, 20, 30, 100]"
|
|
|
+ :page-size="100"
|
|
|
:page.sync="listQuery.pageNum"
|
|
|
:limit.sync="listQuery.pageSize"
|
|
|
@pagination="fetchBehaviorList"
|
|
@@ -94,12 +101,13 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
isLoading: true,
|
|
|
+ summarize: [],
|
|
|
listQuery: {
|
|
|
ip: '',
|
|
|
accessDate: '',
|
|
|
userId: 0,
|
|
|
pageNum: 1,
|
|
|
- pageSize: 20
|
|
|
+ pageSize: 100
|
|
|
},
|
|
|
list: [],
|
|
|
total: 0
|
|
@@ -122,8 +130,10 @@ export default {
|
|
|
try {
|
|
|
this.isLoading = true
|
|
|
const res = await fetchBehaviorList(this.listQuery)
|
|
|
- this.list = res.data.results
|
|
|
- this.total = res.data.totalRecord
|
|
|
+ const data = res.data
|
|
|
+ this.summarize = data.label
|
|
|
+ this.list = data.page.results
|
|
|
+ this.total = data.page.totalRecord
|
|
|
this.isLoading = false
|
|
|
} catch (error) {
|
|
|
console.log(error)
|
|
@@ -137,4 +147,21 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style></style>
|
|
|
+<style>
|
|
|
+.tags-sms {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 40px;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+}
|
|
|
+.tags-sms .tags-sms-span {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+</style>
|