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

CN-778 下钻table取值变更： npm、dns、link的throughput列取值改为totalBytes，单位改为byte

Browse Source 
CN-776 NPM Dashboard维度表中分数添加颜色标识
This commit is contained in:
hyx
2022-11-01 10:33:23 +08:00
parent d568c748db
commit 5f448c0ccb
3 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/components/views/charts2/networkOverviewTabs.scss
View File

@@ -115,6 +115,15 @@
.el-table thead { .el-table thead {
color: $grey; color: $grey;
} }
.data-score-red {
color: #E26154;
}
.data-score-yellow {
color: #E5A219;
}
.data-score-green {
color: #749F4D;
}
} }
.el-tabs__header { .el-tabs__header {
margin-bottom: 10px; margin-bottom: 10px;

12
src/utils/constants.js
View File

@@ -291,7 +291,7 @@ export const customTableTitlesForAppPerformance = [
{ label: 'network.score', prop: 'score', checked: true, tabColumn: false, columnType: tableColumnType.normal }, { label: 'network.score', prop: 'score', checked: true, tabColumn: false, columnType: tableColumnType.normal },
{ {
label: 'networkAppPerformance.throughput', label: 'networkAppPerformance.throughput',
prop: 'totalBitsRate', prop: 'totalBytes',
checked: true, checked: true,
tabColumn: false, tabColumn: false,
columnType: tableColumnType.chainRatio, columnType: tableColumnType.chainRatio,
@@ -379,7 +379,7 @@ export const customTableTitlesForLinkMonitor = [
{ label: 'network.score', prop: 'score', checked: true, tabColumn: false, columnType: tableColumnType.normal }, { label: 'network.score', prop: 'score', checked: true, tabColumn: false, columnType: tableColumnType.normal },
{ {
label: 'networkAppPerformance.throughput', label: 'networkAppPerformance.throughput',
prop: 'totalBitsRate', prop: 'totalBytes',
checked: true, checked: true,
tabColumn: false, tabColumn: false,
columnType: tableColumnType.chainRatio, columnType: tableColumnType.chainRatio,
@@ -475,7 +475,7 @@ export const customTableTitlesForDns = [
}, },
{ label: 'dns.queriesFromIE', prop: 'totalInExNum', checked: true, tabColumn: true, columnType: tableColumnType.percent }, { label: 'dns.queriesFromIE', prop: 'totalInExNum', checked: true, tabColumn: true, columnType: tableColumnType.percent },
{ label: 'dns.dnsResponseTime', prop: 'dnsResponseLatencyAvg', checked: true, tabColumn: true, columnType: tableColumnType.normal }, { label: 'dns.dnsResponseTime', prop: 'dnsResponseLatencyAvg', checked: true, tabColumn: true, columnType: tableColumnType.normal },
{ label: 'overall.throughput', prop: 'totalBitsRate', checked: true, tabColumn: true, columnType: tableColumnType.normal } { label: 'overall.throughput', prop: 'totalBytes', checked: true, tabColumn: true, columnType: tableColumnType.normal }
] ]
// NetworkOverview类型表格的列:prop 为接口响应数据中的属性名 // NetworkOverview类型表格的列:prop 为接口响应数据中的属性名
export const customTableTitlesForNetworkOverview = [ export const customTableTitlesForNetworkOverview = [
@@ -1041,7 +1041,7 @@ export const dnsServiceInsightsTabList = [
// 用于组织数据时的名称，对应的属性名称 // 用于组织数据时的名称，对应的属性名称
export const bytesColumnNameGroupForNpm = { export const bytesColumnNameGroupForNpm = {
totalBitsRate: 'totalBitsRate', totalBytes: 'totalBytes',
tcpConEstLatency: 'establishLatencyMs', tcpConEstLatency: 'establishLatencyMs',
packetLoss: 'tcpLostlenPercent', packetLoss: 'tcpLostlenPercent',
packetRetrans: 'pktRetransPercent', packetRetrans: 'pktRetransPercent',
@@ -1050,7 +1050,7 @@ export const bytesColumnNameGroupForNpm = {
} }
export const bytesCycleColumnNameGroupForNpm = { export const bytesCycleColumnNameGroupForNpm = {
totalBitsRate: 'totalBitsRate' totalBytes: 'totalBytes'
} }
// 用于组织数据时的名称，对应的属性名称 // 用于组织数据时的名称，对应的属性名称
@@ -1058,7 +1058,7 @@ export const bytesColumnNameGroupForDns = {
queryRate: 'queryRate', queryRate: 'queryRate',
totalInExNum: 'totalInternalQueryNum,totalExternalQueryNum', totalInExNum: 'totalInternalQueryNum,totalExternalQueryNum',
dnsResponseLatencyAvg: 'dnsResponseLatencyAvg', dnsResponseLatencyAvg: 'dnsResponseLatencyAvg',
totalBitsRate: 'totalBitsRate' totalBytes: 'totalBytes'
} }
export const bytesCycleColumnNameGroupForDns = { export const bytesCycleColumnNameGroupForDns = {

10
src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
View File

@@ -86,7 +86,15 @@
</div> </div>
</template> </template>
<template v-else-if="item.prop === 'score'" > <template v-else-if="item.prop === 'score'" >
{{scope.row[item.prop] ? unitConvert(scope.row[item.prop], unitTypes.number).join(' ') : ''}} <div v-if="scope.row.score <= 2" class="data-score-red" >
{{scope.row[item.prop] ? unitConvert(scope.row[item.prop], unitTypes.number).join(' ') : ''}}
</div>
<div v-else-if="scope.row.score <= 4" class="data-score-yellow" >
{{scope.row[item.prop] ? unitConvert(scope.row[item.prop], unitTypes.number).join(' ') : ''}}
</div>
<div v-else-if="scope.row.score <= 6" class="data-score-green" >
{{scope.row[item.prop] ? unitConvert(scope.row[item.prop], unitTypes.number).join(' ') : ''}}
</div>
</template> </template>
<template v-else> <template v-else>
<template v-if="showUnit && item.unit"> <template v-if="showUnit && item.unit">