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

feat:对文字进行i18n转换

Browse Source
This commit is contained in:
刘洪洪
2022-09-28 17:53:08 +08:00
parent 02de60e3d2
commit cc30884e88
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/charts2/charts/linkMonitor/LinkDirectionGrid/PopoverContent.vue
View File

@@ -40,7 +40,7 @@
</div> </div>
<div class="item-popover-block"> <div class="item-popover-block">
<div class="item-popover-block-title">Traffic</div> <div class="item-popover-block-title">{{ $t('linkMonitor.traffic') }}</div>
<div style="display: flex"> <div style="display: flex">
<div class="row-dot"> <div class="row-dot">
@@ -48,7 +48,7 @@
</div> </div>
<div class="item-popover-block-content"> <div class="item-popover-block-content">
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">Bandwidth Usage</div> <div class="block-content-item-name">{{ $t('linkMonitor.bandwidthUsage') }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
<div> <div>
@@ -67,7 +67,7 @@
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">Total</div> <div class="block-content-item-name">{{ $t('linkMonitor.linkBlock.total') }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].totalBytes / 1000 }}Mbps {{ row.egress[index2].totalBytes / 1000 }}Mbps
@@ -78,7 +78,7 @@
</div> </div>
<div class="item-popover-block"> <div class="item-popover-block">
<div class="item-popover-block-title">Performance</div> <div class="item-popover-block-title">{{ $t('linkMonitor.performance') }}</div>
<div style="display: flex"> <div style="display: flex">
<div class="row-dot"> <div class="row-dot">
@@ -86,42 +86,42 @@
</div> </div>
<div class="item-popover-block-content"> <div class="item-popover-block-content">
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">Score</div> <div class="block-content-item-name">{{ $t('linkMonitor.npmScore1') }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].score }} {{ row.egress[index2].score }}
</div> </div>
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">TCP connection establish latency</div> <div class="block-content-item-name">{{ $t(npmNetworkName[0].name) }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].establishLatencyMs }}ms {{ row.egress[index2].establishLatencyMs }}ms
</div> </div>
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">HTTP response latency</div> <div class="block-content-item-name">{{ $t(npmNetworkName[1].name) }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].httpResponseLatency }}ms {{ row.egress[index2].httpResponseLatency }}ms
</div> </div>
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">SSL response latency</div> <div class="block-content-item-name">{{ $t(npmNetworkName[2].name) }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].sslConLatency }}ms {{ row.egress[index2].sslConLatency }}ms
</div> </div>
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">Packet loss</div> <div class="block-content-item-name">{{ $t(npmNetworkName[3].name) }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].tcpLostlenPercent * 100 }}% {{ row.egress[index2].tcpLostlenPercent * 100 }}%
</div> </div>
</div> </div>
<div class="block-content-item"> <div class="block-content-item">
<div class="block-content-item-name">Packet retrains</div> <div class="block-content-item-name">{{ $t(npmNetworkName[4].name) }}</div>
<div class="block-content-item-value"> <div class="block-content-item-value">
{{ row.egress[index2].pktRetransPercent * 100 }}% {{ row.egress[index2].pktRetransPercent * 100 }}%
</div> </div>
@@ -145,7 +145,16 @@ export default {
props: { props: {
gridData: Array gridData: Array
}, },
created () { data () {
return {
npmNetworkName: [
{ name: 'networkAppPerformance.tcpConnectionEstablishLatency' },
{ name: 'networkAppPerformance.httpResponse' },
{ name: 'networkAppPerformance.sslResponseLatency' },
{ name: 'networkAppPerformance.packetLoss' },
{ name: 'overall.packetRetrans' }
]
}
} }
} }
</script> </script>