diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue index 1eac0a6e..f8351cc2 100644 --- a/src/components/layout/Header.vue +++ b/src/components/layout/Header.vue @@ -125,7 +125,7 @@ :show-close="false" >
-
+
{{ $t(menu.i18n || menu.name) }} @@ -423,39 +423,6 @@ export default { }, methods: { generateBreadcrumb (breadcrumb, menus) { - if (this.route === '/entityDetail') { - const entityMenu = menus.find(m => m.route === '/entityExplorer') - const entityDetailMenu = menus.find(m => m.route === '/entityDetail') - breadcrumb.push({ - code: entityMenu.code, - value: entityMenu.i18n ? this.$t(entityMenu.i18n) : entityMenu.name, - route: entityMenu.route, - type: entityMenu.type - }) - breadcrumb.push({ - code: entityDetailMenu.code, - value: entityDetailMenu.i18n ? this.$t(entityDetailMenu.i18n) : entityDetailMenu.name, - route: entityDetailMenu.route, - type: entityDetailMenu.type - }) - return true - } else if (this.route === '/entityGraph') { - const entityMenu = menus.find(m => m.route === '/entityExplorer') - const entityGraphMenu = menus.find(m => m.route === '/entityGraph') - breadcrumb.push({ - code: entityMenu.code, - value: entityMenu.i18n ? this.$t(entityMenu.i18n) : entityMenu.name, - route: entityMenu.route, - type: entityMenu.type - }) - breadcrumb.push({ - code: entityGraphMenu.code, - value: entityGraphMenu.i18n ? this.$t(entityGraphMenu.i18n) : entityGraphMenu.name, - route: entityGraphMenu.route, - type: entityGraphMenu.type - }) - return true - } const menu = menus.find(m => m.route === this.route) if (menu) { breadcrumb.unshift({ @@ -481,6 +448,65 @@ export default { } } }, + // generateBreadcrumb (breadcrumb, menus) { + // if (this.route === '/entityDetail') { + // const entityMenu = menus.find(m => m.route === '/entity') + // const entityDetailMenu = menus.find(m => m.route === '/entityDetail') + // breadcrumb.push({ + // code: entityMenu.code, + // value: entityMenu.i18n ? this.$t(entityMenu.i18n) : entityMenu.name, + // route: entityMenu.route, + // type: entityMenu.type + // }) + // breadcrumb.push({ + // code: entityDetailMenu.code, + // value: entityDetailMenu.i18n ? this.$t(entityDetailMenu.i18n) : entityDetailMenu.name, + // route: entityDetailMenu.route, + // type: entityDetailMenu.type + // }) + // return true + // } else if (this.route === '/entityGraph') { + // const entityMenu = menus.find(m => m.route === '/entity') + // const entityGraphMenu = menus.find(m => m.route === '/entityGraph') + // breadcrumb.push({ + // code: entityMenu.code, + // value: entityMenu.i18n ? this.$t(entityMenu.i18n) : entityMenu.name, + // route: entityMenu.route, + // type: entityMenu.type + // }) + // breadcrumb.push({ + // code: entityGraphMenu.code, + // value: entityGraphMenu.i18n ? this.$t(entityGraphMenu.i18n) : entityGraphMenu.name, + // route: entityGraphMenu.route, + // type: entityGraphMenu.type + // }) + // return true + // } + // const menu = menus.find(m => m.route === this.route) + // if (menu) { + // breadcrumb.unshift({ + // code: menu.code, + // value: menu.i18n ? this.$t(menu.i18n) : menu.name, + // route: menu.route, + // type: menu.type + // }) + // return true + // } else { + // for (let i = 0; i < menus.length; i++) { + // if (!_.isEmpty(menus[i].children)) { + // if (this.generateBreadcrumb(breadcrumb, menus[i].children)) { + // breadcrumb.unshift({ + // code: menus[i].code, + // value: menus[i].i18n ? this.$t(menus[i].i18n) : menus[i].name, + // route: menus[i].route, + // type: menus[i].type + // }) + // return true + // } + // } + // } + // } + // }, handleClose () { this.showChangePin = false }, @@ -696,6 +722,23 @@ export default { } } }, + // 仅处理除panel外的相关路径的导航 + async jumpOther (route, index) { + route = route.replace('redirect:', '') + this.showMenu = false + if (route === this.route && index > 0) { // 当前只有一级菜单时，点击不进行刷新，重新跳转 + this.refresh() + return + } + if (route) { + this.$router.push({ + path: route, + query: { + t: +new Date() + } + }) + } + }, async jump (route, columnName, columnValue, opeType) { if (route === '/panel/linkMonitor' && opeType === 3) { return true diff --git a/src/router/index.js b/src/router/index.js index 0adc5029..ea76efed 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -20,7 +20,7 @@ const routes = [ component: () => import('@/views/report/Report') }, { - path: '/entityExplorer', + path: '/entity', component: () => import('@/views/entityExplorer/EntityExplorer') }, { diff --git a/src/utils/constants.js b/src/utils/constants.js index 7ae05c84..e3424bb8 100644 --- a/src/utils/constants.js +++ b/src/utils/constants.js @@ -213,7 +213,7 @@ export const detectionPageType = { } export const listScrollPath = [ - '/entityExplorer', + '/entity', '/detection/performanceEvent', '/detection/securityEvent' ] diff --git a/src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue b/src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue index 6b04f0df..0b688766 100644 --- a/src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue +++ b/src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue @@ -36,7 +36,7 @@
{{ $t('overall.duration') }} :    - {{ unitConvert(item.durationMs, 'time', null, null, 0).join(' ') || '-' }} + {{ unitConvert(parseInt(item.durationS), 'time', 's', null, 0).join(' ') || '-' }}
diff --git a/src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue b/src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue index c06f3b8f..02cac6f9 100644 --- a/src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue +++ b/src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue @@ -17,7 +17,7 @@ class="detection-event-severity-color-block" :style="`background-color: ${eventSeverityColor[item.eventSeverity]}`"> - {{ toUpperCaseByString(item.securityType) || '-' }} + {{ item.eventName || '-' }} {{ item.offenderIp || '-' }}
{{ item.offenderDomain }}
@@ -63,7 +63,7 @@
{{ $t('overall.duration') }} :   - {{ unitConvert(item.durationMs, 'time', null, null, 0).join(' ') || '-' }} + {{ unitConvert(parseInt(item.durationS), 'time', 's', null, 0).join(' ') || '-' }}
@@ -109,14 +109,7 @@ export default { } }, mounted () { - // this.initData() - this.isNoData = true - this.$emit('checkTag', entityDetailTabsName.securityEvent, 0) - this.toggleLoading(true) - const timer = setTimeout(() => { - this.toggleLoading(false) - clearInterval(timer) - }, 200) + this.initData() }, methods: { unitConvert, diff --git a/src/views/entityExplorer/EntityExplorer.vue b/src/views/entityExplorer/EntityExplorer.vue index 2566f748..3b656490 100644 --- a/src/views/entityExplorer/EntityExplorer.vue +++ b/src/views/entityExplorer/EntityExplorer.vue @@ -389,7 +389,7 @@ export default { if (!this.showList) { // 首页进入搜索时重载页面，视觉上进入列表页面 this.$router.push({ - path: '/entityExplorer', + path: '/entity', query: { listMode: this.listMode, q: urlQ,