gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复一开始没数据，更改条件后有数据也刷不出来的问题

Browse Source
This commit is contained in:
chenjinsong
2022-09-06 11:15:48 +08:00
parent 39dc0b8e40
commit 5be4044b51
4 changed files with 31 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
View File

@@ -59,7 +59,7 @@
</div>
</div>
</div>
<div class="chart-drawing" v-show="showMarkLine" id="chart"></div>
<div class="chart-drawing" v-show="showMarkLine" id="overviewLineChart"></div>
</template>
</div>
</template>
@@ -199,7 +199,9 @@ export default {
}
})
this.mpackets = mpackets
this.echartsInit(this.mpackets, show)
this.$nextTick(() => {
this.echartsInit(this.mpackets, show)
})
} else if (t.type === 'packets' && val === 'Packets/s') {
const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalPacketsRate.analysis
@@ -226,7 +228,9 @@ export default {
}
})
this.mpackets = mpackets
this.echartsInit(this.mpackets, show)
this.$nextTick(() => {
this.echartsInit(this.mpackets, show)
})
} else if (t.type === 'sessions' && val === 'Sessions/s') {
const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalSessionsRate.analysis
@@ -241,11 +245,14 @@ export default {
}
})
this.mpackets = mpackets
this.echartsInit(this.mpackets, show)
this.$nextTick(() => {
this.echartsInit(this.mpackets, show)
})
}
})
}
}).catch(e => {
console.error(e)
this.isNoData = true
}).finally(() => {
this.toggleLoading(false)
@@ -254,7 +261,7 @@ export default {
echartsInit (echartsData, show) {
const _this = this
echartsData = echartsData.filter(t => t.show === true)
const dom = document.getElementById('chart')
const dom = document.getElementById('overviewLineChart')
if (!this.myChart) {
this.myChart = echarts.init(dom)
}

12
src/views/charts2/charts/networkOverview/NetworkOverviewPerformanceEvent.vue
View File

@@ -4,12 +4,12 @@
<div class="performance-event-value">
<div class="performance-event-pie">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="chart-drawing" id="chart1" v-else></div>
<div class="chart-drawing" id="chart1" v-show="!isNoData"></div>
</div>
<div class="performance-event-pie-hr"></div>
<div class="performance-event-pie">
<chart-no-data v-if="isNoData2"></chart-no-data>
<div class="chart-drawing" id="chart2" v-else></div>
<div class="chart-drawing" id="chart2" v-show="!isNoData2"></div>
</div>
</div>
<el-button class="pie-button" size="small">{{$t('network.dashboards')}}<i class="cn-icon cn-icon-arrow-right"></i></el-button>
@@ -63,6 +63,8 @@ export default {
if (res.data.result.length === 0) {
this.isNoData = true
return
} else {
this.isNoData = false
}
res.data.result = res.data.result.map(t => {
if (t.eventSeverity === 'critical') {
@@ -82,11 +84,7 @@ export default {
index: t.index
}
})
if (res.data.result.length <= 0) {
this.chartOption.legend.show = false
} else {
this.chartOption.legend.show = true
}
this.chartOption.legend.show = res.data.result.length > 0
this.chartOption.series[0].data = res.data.result.sort((a, b) => { return a.index - b.index })
this.myChart.setOption(this.chartOption)
} else {