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__header">{{$t('overall.networkAnalytics')}}</div>
<div class="middle-menus__body"> <div class="middle-menus__body">
<template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index"> <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> </template>
</div> </div>
</div> </div>

View File

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

View File

@@ -122,6 +122,12 @@
:chart="chart" :chart="chart"
@toggleLoading="toggleLoading" @toggleLoading="toggleLoading"
></link-traffic-sankey> ></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> </div>
</template> </template>
@@ -147,6 +153,7 @@ import NpmIpMap from '@/views/charts2/charts/npm/NpmIpMap'
import NpmTrafficLine from '@/views/charts2/charts/npm/NpmTrafficLine' import NpmTrafficLine from '@/views/charts2/charts/npm/NpmTrafficLine'
import LinkBlock from '@/views/charts2/charts/linkMonitor/LinkBlock' import LinkBlock from '@/views/charts2/charts/linkMonitor/LinkBlock'
import LinkTrafficSankey from '@/views/charts2/charts/linkMonitor/LinkTrafficSankey' import LinkTrafficSankey from '@/views/charts2/charts/linkMonitor/LinkTrafficSankey'
import LinkTrafficLine from '@/views/charts2/charts/linkMonitor/LinkTrafficLine'
import { get } from '@/utils/http' import { get } from '@/utils/http'
import { getNowTime, getSecond } from '@/utils/date-util' import { getNowTime, getSecond } from '@/utils/date-util'
import { ref } from 'vue' import { ref } from 'vue'
@@ -172,7 +179,8 @@ export default {
NpmIpMap, NpmIpMap,
NpmTrafficLine, NpmTrafficLine,
LinkBlock, LinkBlock,
LinkTrafficSankey LinkTrafficSankey,
LinkTrafficLine
}, },
props: { props: {
chart: Object, chart: Object,

View File

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

View File

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