From 4d387283345abdaa434acdbac101bf2f07e92bf3 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Tue, 13 Sep 2022 14:51:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BC=80=E5=90=AF=E9=93=BE=E8=B7=AF?=
 =?UTF-8?q?=E7=9B=91=E6=B5=8B=E4=B8=B4=E6=97=B6panel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Header.vue                       |  2 +-
 src/utils/constants.js                                 |  3 ++-
 src/views/charts2/Chart.vue                            | 10 +++++++++-
 src/views/charts2/chart-tools.js                       |  3 ++-
 .../charts2/charts/linkMonitor/LinkTrafficLine.vue     |  9 +++++++++
 5 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue

diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 3ec5777e..765de107 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -130,7 +130,7 @@
           <div class="middle-menus__header">{{$t('overall.networkAnalytics')}}</div>
           <div class="middle-menus__body">
             <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
-              <div class="middle-menu" v-if="index < 5" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
+              <div class="middle-menu" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
             </template>
           </div>
         </div>
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 95e67e59..20757ace 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -55,7 +55,8 @@ export const panelTypeAndRouteMapping = {
   appEntityDetail: 6,
   cryptocurrency: 7,
   ipDrillDownTest: 8,
-  linkMonitor: 14
+  linkMonitor: 14,
+  linkMonitorTest: 15
 }
 
 /* operationLog state 执行状态属性 值与名称之间的映射 */
diff --git a/src/views/charts2/Chart.vue b/src/views/charts2/Chart.vue
index 0c3409ee..c633ad48 100644
--- a/src/views/charts2/Chart.vue
+++ b/src/views/charts2/Chart.vue
@@ -122,6 +122,12 @@
         :chart="chart"
         @toggleLoading="toggleLoading"
     ></link-traffic-sankey>
+    <link-traffic-line
+        v-else-if="chart.type === typeMapping.linkMonitor.linkTrafficLine"
+        :time-filter="timeFilter"
+        :chart="chart"
+        @toggleLoading="toggleLoading"
+    ></link-traffic-line>
   </div>
 </template>
 
@@ -147,6 +153,7 @@ import NpmIpMap from '@/views/charts2/charts/npm/NpmIpMap'
 import NpmTrafficLine from '@/views/charts2/charts/npm/NpmTrafficLine'
 import LinkBlock from '@/views/charts2/charts/linkMonitor/LinkBlock'
 import LinkTrafficSankey from '@/views/charts2/charts/linkMonitor/LinkTrafficSankey'
+import LinkTrafficLine from '@/views/charts2/charts/linkMonitor/LinkTrafficLine'
 import { get } from '@/utils/http'
 import { getNowTime, getSecond } from '@/utils/date-util'
 import { ref } from 'vue'
@@ -172,7 +179,8 @@ export default {
     NpmIpMap,
     NpmTrafficLine,
     LinkBlock,
-    LinkTrafficSankey
+    LinkTrafficSankey,
+    LinkTrafficLine
   },
   props: {
     chart: Object,
diff --git a/src/views/charts2/chart-tools.js b/src/views/charts2/chart-tools.js
index ad500bb0..0e592f20 100644
--- a/src/views/charts2/chart-tools.js
+++ b/src/views/charts2/chart-tools.js
@@ -22,6 +22,7 @@ export const typeMapping = {
   },
   linkMonitor: {
     linkBlock: 707,
-    linkTrafficSankey: 708
+    linkTrafficSankey: 708,
+    linkTrafficLine: 710
   }
 }
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
new file mode 100644
index 00000000..0a041074
--- /dev/null
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
@@ -0,0 +1,9 @@
+<template>
+呵呵
+</template>
+
+<script>
+export default {
+  name: 'LinkTrafficLine'
+}
+</script>