feat: 开启链路监测临时panel
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 执行状态属性 值与名称之间的映射 */
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export const typeMapping = {
|
|||||||
},
|
},
|
||||||
linkMonitor: {
|
linkMonitor: {
|
||||||
linkBlock: 707,
|
linkBlock: 707,
|
||||||
linkTrafficSankey: 708
|
linkTrafficSankey: 708,
|
||||||
|
linkTrafficLine: 710
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
9
src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
Normal file
9
src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<template>
|
||||||
|
呵呵
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'LinkTrafficLine'
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user