feat: 开启链路监测临时panel

This commit is contained in:
chenjinsong
2022-09-13 14:51:44 +08:00
parent 567670e51a
commit 4d38728334
5 changed files with 23 additions and 4 deletions

View File

@@ -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>

View File

@@ -55,7 +55,8 @@ export const panelTypeAndRouteMapping = {
appEntityDetail: 6,
cryptocurrency: 7,
ipDrillDownTest: 8,
linkMonitor: 14
linkMonitor: 14,
linkMonitorTest: 15
}
/* operationLog state 执行状态属性 值与名称之间的映射 */

View File

@@ -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,

View File

@@ -22,6 +22,7 @@ export const typeMapping = {
},
linkMonitor: {
linkBlock: 707,
linkTrafficSankey: 708
linkTrafficSankey: 708,
linkTrafficLine: 710
}
}

View File

@@ -0,0 +1,9 @@
<template>
呵呵
</template>
<script>
export default {
name: 'LinkTrafficLine'
}
</script>