From a1c26c9179a9d8718e24e8f09586458e3a055a5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com> Date: Fri, 30 Sep 2022 14:16:23 +0800 Subject: [PATCH] =?UTF-8?q?CN-738:=20=E8=9C=82=E7=AA=9D=E5=9B=BE=E5=BC=80?= =?UTF-8?q?=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/mock/linkMonitor.js | 30 +++ src/utils/api.js | 7 +- .../charts2/charts/linkMonitor/LinkBlock.vue | 230 +++++++++++++----- .../charts/linkMonitor/LinkDirectionGrid.vue | 6 +- .../LinkDirectionGrid/PopoverContent.vue | 2 - 5 files changed, 207 insertions(+), 68 deletions(-) diff --git a/src/mock/linkMonitor.js b/src/mock/linkMonitor.js index 93d53c24..02131d11 100644 --- a/src/mock/linkMonitor.js +++ b/src/mock/linkMonitor.js @@ -146,4 +146,34 @@ if (openMock) { } } }) + + Mock.mock(new RegExp(BASE_CONFIG.baseUrl + 'interface/linkMonitor/analysis1.*'), 'get', function (requestObj) { + const linkData = [] + for (let i = 0; i < 10; i++) { + linkData.push({ linkId: 'Hundredgige' + (i + 1), egressBytes: Math.floor(Math.pow(1.3, i) * 1000000000), ingressBytes: Math.floor(Math.pow(1.5, i) * 1000000000) }) + } + return { + msg: 'success', + code: 200, + data: { + result: linkData + } + } + }) + + Mock.mock(new RegExp(BASE_CONFIG.baseUrl + 'interface/linkMonitor/nextHopAnalysis1.*'), 'get', function (requestObj) { + const linkData = [ + { linkDirection: '西安', egressBytes: 1024000000000, ingressBytes: 1224000000000 }, + { linkDirection: '太原', egressBytes: 102400000000, ingressBytes: 142400000000 }, + { linkDirection: '西宁', egressBytes: 1024000000, ingressBytes: 1024000000 } + ] + + return { + msg: 'success', + code: 200, + data: { + result: linkData + } + } + }) } diff --git a/src/utils/api.js b/src/utils/api.js index b9a2b6d2..67c6ef57 100644 --- a/src/utils/api.js +++ b/src/utils/api.js @@ -206,8 +206,13 @@ export const api = { quadrupleEgressAnalysis: '/interface/link/overview/quadrupleEgressAnalysis', // 出口 bigramAnalysis: '/interface/link/overview/bigramAnalysis', bigramNextHopAnalysis: '/interface/link/overview/bigramNextHopAnalysis', + analysis: '/interface/link/overview/analysis', + nextHopAnalysis: '/interface/link/overview/nextHopAnalysis', + // todo 以下几个接口因接口返回数据为空，故造模拟接口平替 bigramAnalysis1: 'interface/linkMonitor/bigramAnalysis1', - bigramNextHopAnalysis1: '/interface/linkMonitor/bigramNextHopAnalysis1' + bigramNextHopAnalysis1: '/interface/linkMonitor/bigramNextHopAnalysis1', + analysis1: '/interface/linkMonitor/analysis1', + nextHopAnalysis1: '/interface/linkMonitor/nextHopAnalysis1' }, dnsInsight: { recentEvents: '/interface/dnsInsight/recentEvents', diff --git a/src/views/charts2/charts/linkMonitor/LinkBlock.vue b/src/views/charts2/charts/linkMonitor/LinkBlock.vue index 5cd15e1e..85c9020c 100644 --- a/src/views/charts2/charts/linkMonitor/LinkBlock.vue +++ b/src/views/charts2/charts/linkMonitor/LinkBlock.vue @@ -1,55 +1,55 @@