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