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

perf: nodata处理、npmLine.vue代码优化

Browse Source
This commit is contained in:
chenjinsong
2022-09-08 17:09:38 +08:00
parent 1ec0859b60
commit fd3ddea871
13 changed files with 103 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/charts2/charts/networkOverview/NetworkOverviewDdosDetection.vue
View File

@@ -1,9 +1,9 @@
<template>
<div class="ddos-detection">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="ddos-detection-title"><i class="cn-icon cn-icon-a-DDosDetection"></i>{{$t('network.ddosDetection')}}</div>
<div class="ddos-detection-value">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="ddos-detection-type" v-else>
<div class="ddos-detection-value" v-if="!isNoData">
<div class="ddos-detection-type">
<div class="ddos-detection-type-value">
<div class="ddos-detection-type-value-name">{{$t('network.numberOfAttacks')}}</div>
<div class="ddos-detection-type-value-number">{{$_.get(ddosData, 'attackerCount') || 0}}</div>
@@ -59,11 +59,10 @@ export default {
if (res.code === 200) {
if (res.data.result.length === 0) {
this.isNoData = true
return
} else {
this.ddosData = res.data.result[0]
this.isNoData = false
}
this.ddosData = res.data.result[0]
}
}).finally(() => {
this.toggleLoading(false)

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

@@ -1,5 +1,6 @@
<template>
<div class="line network">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="line-header">
<div class="line-header-left">
<div class="line-value-active" v-if="activeTab"></div>
@@ -57,10 +58,7 @@
</div>
</div>
</div>
<div style="height: calc(100% - 74px); width: 100%;">
<chart-no-data v-if="isNoData"></chart-no-data>
<div class="chart-drawing" v-show="showMarkLine" id="overviewLineChart"></div>
</div>
<div class="chart-drawing" v-show="showMarkLine" id="overviewLineChart"></div>
</div>
</template>