lkness/bi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 智能路径

Browse Source
This commit is contained in:
1340691923@qq.com 2022-03-11 10:56:04 +08:00
parent 0b3c129df0
commit 8c31637246
1 changed files with 147 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
vue/src/views/behavior-analysis/components/TraceResult.vue
View File

@ -7,7 +7,7 @@
>
<div style="display: flex; align-items: center; justify-content: space-between;">
<div class="echartBox_title">
<date v-if="dateShow" v-model="filterDate" @changeDate="filterDateCall" />
<date v-if="dateShow" v-model="filterDate" @changeDate="filterDateCall"/>
</div>
</div>
@ -16,7 +16,7 @@
<div v-if="showTable">
<div v-if="tableData.length > 0">
<trace-sankey v-if="g2Show" :chart-data="traceChartsRes" />
<trace-sankey v-if="g2Show" :chart-data="traceChartsRes"/>
</div>
</div>
@ -30,7 +30,7 @@
</a-empty>
</div>
<div v-else style="margin-top: 20px">
<el-input v-model="input" class="filter-item" placeholder="输入关键字进行过滤" clearable style="width: 300px" />
<el-input v-model="input" class="filter-item" placeholder="输入关键字进行过滤" clearable style="width: 300px"/>
<page-table
v-if="tableShow"
ref="pagetable"
@ -40,12 +40,13 @@
:table-list="tableData"
:table-info="tableInfo"
>
<el-table-column slot="operate" label="路径" align="center" sortable prop="trace" />
<el-table-column slot="operate" label="路径" align="center" sortable prop="trace"/>
<el-table-column slot="operate" label="人数" width="100" align="center" sortable prop="user_count">
<template slot-scope="scope">
<a style="color: #6bb8ff" @click="drillDown(scope.row.ui)">&nbsp;&nbsp;&nbsp;&nbsp;{{ scope.row.user_count }}</a>
<add-user-group :uid="scope.row.ui" />
<a style="color: #6bb8ff" @click="drillDown(scope.row.ui)">&nbsp;&nbsp;&nbsp;&nbsp;{{
scope.row.user_count }}</a>
<add-user-group :uid="scope.row.ui"/>
</template>
</el-table-column>
@ -67,9 +68,9 @@
</template>
<script>
import { elTable2Excel } from '@/utils/download'
import {elTable2Excel} from '@/utils/download'
export default {
export default {
name: 'RetentionResult',
components: {
'PageTable': () => import('@/components/PageTable'),
@ -116,7 +117,7 @@ export default {
g2Show: true,
tableShow: true,
filterDate: this.value,
tableInfo: [{ slot: 'operate' }],
tableInfo: [{slot: 'operate'}],
chartType: 1,
showList: [],
tableData: [],
@ -144,7 +145,7 @@ export default {
drillDown(ui) {
console.log('ui', ui)
this.$store.dispatch('baseData/SETUI', ui)
this.$router.push({ path: '/user-analysis/user_list' })
this.$router.push({path: '/user-analysis/user_list'})
},
rewriteNodeName(event, num) {
return `${event}_${num}`
@ -180,12 +181,18 @@ export default {
const eventArr = []
const targetArr = []
const eventSet = new Map()
const source_target_map = {}
for (const k in this.traceChartsRes) {
const traceCharts = this.traceChartsRes[k]
if (source_target_map.hasOwnProperty(`${traceCharts['event'][1]}_${traceCharts['event'][0]}`)) {
traceCharts['event'][1] = traceCharts['event'][1]+" "
}
eventSet.set(traceCharts['event'][0], 1)
eventSet.set(traceCharts['event'][1], 1)
source_target_map[`${traceCharts['event'][0]}_${traceCharts['event'][1]}`] = 1
targetArr.push({
source: traceCharts['event'][0],
target: traceCharts['event'][1],
@ -208,7 +215,7 @@ export default {
}
}
}
}
</script>
<style scoped src="@/styles/trace-res.css"/>