diff --git a/src/assets/css/font/iconfont.js b/src/assets/css/font/iconfont.js index b995ecb3..4befa1ff 100644 --- a/src/assets/css/font/iconfont.js +++ b/src/assets/css/font/iconfont.js @@ -1 +1 @@ -!function(c){var a,l,h,o,i,m='',t=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss"),n=function(c,a){a.parentNode.insertBefore(c,a)};if(t&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}function v(){i||(i=!0,h())}function z(){try{o.documentElement.doScroll("left")}catch(c){return void setTimeout(z,50)}v()}a=function(){var c,a=document.createElement("div");a.innerHTML=m,m=null,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(c=document.body).firstChild?n(a,c.firstChild):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),a()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(h=a,o=c.document,i=!1,z(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,v())})}(window); \ No newline at end of file +!(function (c) { let a; let l; let h; let o; let i; let m = ''; var t = (t = document.getElementsByTagName('script'))[t.length - 1].getAttribute('data-injectcss'); const n = function (c, a) { a.parentNode.insertBefore(c, a) }; if (t && !c.__iconfont__svg__cssinject__) { c.__iconfont__svg__cssinject__ = !0; try { document.write('') } catch (c) { console && console.log(c) } } function v () { i || (i = !0, h()) } function z () { try { o.documentElement.doScroll('left') } catch (c) { return void setTimeout(z, 50) }v() }a = function () { let c; let a = document.createElement('div'); a.innerHTML = m, m = null, (a = a.getElementsByTagName('svg')[0]) && (a.setAttribute('aria-hidden', 'true'), a.style.position = 'absolute', a.style.width = 0, a.style.height = 0, a.style.overflow = 'hidden', a = a, (c = document.body).firstChild ? n(a, c.firstChild) : c.appendChild(a)) }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(a, 0) : (l = function () { document.removeEventListener('DOMContentLoaded', l, !1), a() }, document.addEventListener('DOMContentLoaded', l, !1)) : document.attachEvent && (h = a, o = c.document, i = !1, z(), o.onreadystatechange = function () { o.readyState == 'complete' && (o.onreadystatechange = null, v()) }) }(window)) diff --git a/src/utils/api.js b/src/utils/api.js index 1790eaf1..96433455 100644 --- a/src/utils/api.js +++ b/src/utils/api.js @@ -76,24 +76,24 @@ export const api = { // detection detection: { securityEvent: { - eventSeverityTrend: '/interface/detection/filter/severityTrend', - securityType: '/interface/detection/filter/attackType', - offenderIp: '/interface/detection/filter/offenderIp', - offenderLocation: '/interface/detection/filter/offenderLocation', - victimIp: '/interface/detection/filter/victimIp', - victimLocation: '/interface/detection/filter/victimLocation', - eventSeverity: '/interface/detection/filter/severity', - listBasic: '/interface/detection/list/basic', - overviewBasic: '/interface/detection/detail/overview/basic', - overviewEvent: '/interface/detection/detail/overview/event' + eventSeverityTrend: '/interface/detection/security/filter/severityTrend', + securityType: '/interface/detection/security/filter/securityType', + offenderIp: '/interface/detection/security/filter/offenderIp', + offenderLocation: '/interface/detection/security/filter/offenderLocation', + victimIp: '/interface/detection/security/filter/victimIp', + victimLocation: '/interface/detection/security/filter/victimLocation', + eventSeverity: '/interface/detection/security/filter/severity', + listBasic: '/interface/detection/security/list/basic', + overviewBasic: '/interface/detection/security/detail/overview/basic', + overviewEvent: '/interface/detection/security/detail/overview/event' }, performanceEvent: { - eventSeverityTrend: '/interface/detection/filter/severityTrend', - securityType: '/interface/detection/filter/attackType', - eventSeverity: '/interface/detection/filter/severity', - activeEntity: '/interface/detection/filter/activeEntity', - listBasic: '/interface/detection/list/basic', - overviewBasic: '/interface/detection/detail/overview/basic' + eventSeverityTrend: '/interface/detection/performance/filter/severityTrend', + securityType: '/interface/detection/performance/filter/eventType', + eventSeverity: '/interface/detection/performance/filter/severity', + activeEntity: '/interface/detection/performance/filter/activeEntity', + listBasic: '/interface/detection/performance/list/basic', + overviewBasic: '/interface/detection/performance/detail/overview/basic' } } } diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue index 6aa60f8f..63e71644 100644 --- a/src/views/detections/Index.vue +++ b/src/views/detections/Index.vue @@ -199,7 +199,7 @@ export default { // 初始化顶部大柱状图 initEventSeverityTrendData (params) { getData(api.detection[this.pageType].eventSeverityTrend, params).then(data => { - data = [ + /*data = [ { legend: 'critical', values: [[1435781430781, '5'], [1435781431781, '3'], [1435781432781, '5'], [1435781433781, '3']] @@ -217,7 +217,7 @@ export default { legend: 'info', values: [[1435781430781, '5'], [1435781431781, '7'], [1435781432781, '5'], [1435781433781, '8']] } - ] + ]*/ const chartDom = document.getElementById(`eventSeverityTrendBar${this.pageType}`) const detectionChart = echarts.init(chartDom) const eventSeverityTrendOption = this.$_.cloneDeep(multipleBarOption) @@ -235,7 +235,7 @@ export default { // 初始化左侧事件严重等级和小饼图 initEventSeverityData (params) { getData(api.detection[this.pageType].eventSeverity, params).then(data => { - data = [ + /*data = [ { eventSeverity: 'critical', count: 1048 @@ -252,7 +252,7 @@ export default { eventSeverity: 'info', count: 300 } - ] + ]*/ this.filterData[this.pageType][0].data = data.map(r => ({ label: r.eventSeverity, value: r.eventSeverity, count: r.count })) const eventSeverityOption = this.$_.cloneDeep(pieForSeverity) eventSeverityOption.series[0].data = data.map(d => { @@ -267,7 +267,7 @@ export default { }, initSecurityTypeData (params) { getData(api.detection[this.pageType].securityType, params).then(data => { - data = [ + /*data = [ { attackType: 'command and control', count: 1048 @@ -287,7 +287,7 @@ export default { attackType: 'ddos', count: 50 } - ] + ]*/ this.filterData[this.pageType][1].data = data.map(r => ({ label: r.attackType, value: r.attackType, count: r.count })) const chartDom = document.getElementById(`detectionCategoryPer${this.pageType}`) const detectionChart = echarts.init(chartDom) @@ -302,7 +302,7 @@ export default { }, initOffenderIpData (params) { getData(api.detection[this.pageType].offenderIp, params).then(data => { - data = [ + /*data = [ { offenderIp: '192.168.12.21', count: 99999 @@ -319,7 +319,7 @@ export default { offenderIp: '192.168.52.21', count: 55555 } - ] + ]*/ this.filterData[this.pageType][4].data = data.map(r => ({ label: r.offenderIp, value: r.offenderIp, count: r.count })) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][4].data) this.filterData[this.pageType][4].showMore = showMore @@ -338,7 +338,7 @@ export default { }, initVictimIpData (params) { getData(api.detection[this.pageType].victimIp, params).then(data => { - data = [ + /*data = [ { victimIp: '1.2.6.8', count: 50 @@ -423,7 +423,7 @@ export default { victimIp: '1.2.6.88', count: 50 } - ] + ]*/ this.filterData[this.pageType][2].data = data.map(r => ({ label: r.victimIp, value: r.victimIp, count: r.count })) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][2].data) this.filterData[this.pageType][2].showMore = showMore @@ -434,12 +434,12 @@ export default { }, initVictimLocationData (params) { getData(api.detection[this.pageType].victimLocation, params).then(data => { - data = [ + /*data = [ { victimLocationCountry: 'china', count: 50 } - ] + ]*/ this.filterData[this.pageType][3].data = data.map(r => ({ label: r.victimLocationCountry, value: r.victimLocationCountry, count: r.count })) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][3].data) this.filterData[this.pageType][3].showMore = showMore @@ -450,12 +450,12 @@ export default { }, initOffenderLocationData (params) { getData(api.detection[this.pageType].offenderLocation, params).then(data => { - data = [ + /*data = [ { offenderLocationCountry: 'china', count: 50 } - ] + ]*/ this.filterData[this.pageType][5].data = data.map(r => ({ label: r.offenderLocationCountry, value: r.offenderLocationCountry, count: r.count })) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][5].data) this.filterData[this.pageType][5].showMore = showMore @@ -466,7 +466,7 @@ export default { }, initActiveEntity (params) { getData(api.detection[this.pageType].activeEntity, params).then(data => { - data = [ + /*data = [ { name: 'csdn.net', count: 250 @@ -479,7 +479,7 @@ export default { name: '2.3.2.2', count: 50 } - ] + ]*/ const chartDom = document.getElementById(`detectionActiveAttacker${this.pageType}`) const detectionChart = echarts.init(chartDom) const option = this.$_.cloneDeep(activeAttackBar) @@ -497,10 +497,15 @@ export default { showIndex: 9 } }, - queryList (params) { + queryList () { + const params = { + startTime: getSecond(this.timeFilter.startTime), + endTime: getSecond(this.timeFilter.endTime), + q: this.q + } getData(api.detection[this.pageType].listBasic, params).then(data => { if (this.pageType === detectionPageType.securityEvent) { - data = [ + /*data = [ { eventId: 1212, securityType: 'ddos', @@ -661,9 +666,9 @@ export default { durationMs: 60000, startTime: 1111111111 } - ] + ]*/ } else if (this.pageType === detectionPageType.performanceEvent) { - data = [ + /*data = [ { entityType: 'ip', eventType: 'Dns error', @@ -792,7 +797,7 @@ export default { durationMs: 60000, startTime: 1111111111 } - ] + ]*/ } this.listData = data diff --git a/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue b/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue index 45d45ff4..3b0bd625 100644 --- a/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue +++ b/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue @@ -75,24 +75,24 @@ export default { methods: { query () { this.basicInfo = { - "clientLocationCountry": 1212, - "clientLocationProvince": "112.2.2.3", - "clientLocationRegion": "China", - "clientAsn": "Hebei", - "serverLocationCountry": "Xingtai", - "serverLocationProvince": "hehe", - "serverLocationRegion": "2.2.2.2", - "serverAsn": "China", - "domainCategoryName": "Hebei", - "domainCategoryGroup": "Xingtai", - "domainReputationScore": "hehe", - "domainReputationLevel": "high", - "appCategory": "vpn", - "appSubcategory": "foreign vpn", - "appRisk": "critical" + clientLocationCountry: 1212, + clientLocationProvince: '112.2.2.3', + clientLocationRegion: 'China', + clientAsn: 'Hebei', + serverLocationCountry: 'Xingtai', + serverLocationProvince: 'hehe', + serverLocationRegion: '2.2.2.2', + serverAsn: 'China', + domainCategoryName: 'Hebei', + domainCategoryGroup: 'Xingtai', + domainReputationScore: 'hehe', + domainReputationLevel: 'high', + appCategory: 'vpn', + appSubcategory: 'foreign vpn', + appRisk: 'critical' } - /*this.queryBasic().then(responses => { - })*/ + /* this.queryBasic().then(responses => { + }) */ }, queryBasic () { return new Promise((resolve, reject) => { diff --git a/src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue b/src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue index 4810ac01..ba63ac16 100644 --- a/src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue +++ b/src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue @@ -79,24 +79,24 @@ export default { methods: { query () { this.basicInfo = { - "clientLocationCountry": 1212, - "clientLocationProvince": "112.2.2.3", - "clientLocationRegion": "China", - "clientAsn": "Hebei", - "serverLocationCountry": "Xingtai", - "serverLocationProvince": "hehe", - "serverLocationRegion": "2.2.2.2", - "serverAsn": "China", - "domainCategoryName": "Hebei", - "domainCategoryGroup": "Xingtai", - "domainReputationScore": "hehe", - "domainReputationLevel": "high", - "appCategory": "vpn", - "appSubcategory": "foreign vpn", - "appRisk": "critical" + clientLocationCountry: 1212, + clientLocationProvince: '112.2.2.3', + clientLocationRegion: 'China', + clientAsn: 'Hebei', + serverLocationCountry: 'Xingtai', + serverLocationProvince: 'hehe', + serverLocationRegion: '2.2.2.2', + serverAsn: 'China', + domainCategoryName: 'Hebei', + domainCategoryGroup: 'Xingtai', + domainReputationScore: 'hehe', + domainReputationLevel: 'high', + appCategory: 'vpn', + appSubcategory: 'foreign vpn', + appRisk: 'critical' } - /*this.queryBasic().then(responses => { - })*/ + /* this.queryBasic().then(responses => { + }) */ }, queryBasic () { return new Promise((resolve, reject) => { diff --git a/src/views/detections/overview/DetectionPerformanceEventIpOverview.vue b/src/views/detections/overview/DetectionPerformanceEventIpOverview.vue index b2aa5b97..71441f79 100644 --- a/src/views/detections/overview/DetectionPerformanceEventIpOverview.vue +++ b/src/views/detections/overview/DetectionPerformanceEventIpOverview.vue @@ -66,24 +66,24 @@ export default { methods: { query () { this.basicInfo = { - "clientLocationCountry": 1212, - "clientLocationProvince": "112.2.2.3", - "clientLocationRegion": "China", - "clientAsn": "Hebei", - "serverLocationCountry": "Xingtai", - "serverLocationProvince": "hehe", - "serverLocationRegion": "2.2.2.2", - "serverAsn": "China", - "domainCategoryName": "Hebei", - "domainCategoryGroup": "Xingtai", - "domainReputationScore": "hehe", - "domainReputationLevel": "high", - "appCategory": "vpn", - "appSubcategory": "foreign vpn", - "appRisk": "critical" + clientLocationCountry: 1212, + clientLocationProvince: '112.2.2.3', + clientLocationRegion: 'China', + clientAsn: 'Hebei', + serverLocationCountry: 'Xingtai', + serverLocationProvince: 'hehe', + serverLocationRegion: '2.2.2.2', + serverAsn: 'China', + domainCategoryName: 'Hebei', + domainCategoryGroup: 'Xingtai', + domainReputationScore: 'hehe', + domainReputationLevel: 'high', + appCategory: 'vpn', + appSubcategory: 'foreign vpn', + appRisk: 'critical' } - /*this.queryBasic().then(responses => { - })*/ + /* this.queryBasic().then(responses => { + }) */ }, queryBasic () { return new Promise((resolve, reject) => { diff --git a/src/views/detections/overview/DetectionSecurityEventOverview.vue b/src/views/detections/overview/DetectionSecurityEventOverview.vue index ac0aed08..7de8eb04 100644 --- a/src/views/detections/overview/DetectionSecurityEventOverview.vue +++ b/src/views/detections/overview/DetectionSecurityEventOverview.vue @@ -179,106 +179,106 @@ export default { getMillisecond, query () { this.basicInfo = { - "eventId": 1212, - "offenderIp": "112.2.2.3", - "offenderLocationCountry": "China", - "offenderLocationProvince": "Hebei", - "offenderLocationRegion": "Xingtai", - "offenderAsn": "hehe", - "victimIp": "2.2.2.2", - "victimLocationCountry": "China", - "victimLocationProvince": "Hebei", - "victimLocationRegion": "Xingtai", - "victimAsn": "hehe", - "domain": "5aibj.com", - "domainCategoryName": "bbs", - "domainCategoryGroup": "hehe", - "domainReputationLevel": "high", - "appName": "express vpn", - "appCategory": "vpn", - "appSubcategory": "foreign vpn", - "appRisk": "critical", - "cryptominingPool": "btcP", - "cryptominingCoinType": "btc", - "cryptominingSoftware": "a", - "malwareName": "gtw", - "malwareAlias": "gt", - "malwareDescription": "this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,", - "malwarePlatforms": "windows", - "malwareTechniques": "Audio captures", - "malwareGroups": "Silver terrier", - "startTime": 1645417930 + eventId: 1212, + offenderIp: '112.2.2.3', + offenderLocationCountry: 'China', + offenderLocationProvince: 'Hebei', + offenderLocationRegion: 'Xingtai', + offenderAsn: 'hehe', + victimIp: '2.2.2.2', + victimLocationCountry: 'China', + victimLocationProvince: 'Hebei', + victimLocationRegion: 'Xingtai', + victimAsn: 'hehe', + domain: '5aibj.com', + domainCategoryName: 'bbs', + domainCategoryGroup: 'hehe', + domainReputationLevel: 'high', + appName: 'express vpn', + appCategory: 'vpn', + appSubcategory: 'foreign vpn', + appRisk: 'critical', + cryptominingPool: 'btcP', + cryptominingCoinType: 'btc', + cryptominingSoftware: 'a', + malwareName: 'gtw', + malwareAlias: 'gt', + malwareDescription: 'this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,this is description,', + malwarePlatforms: 'windows', + malwareTechniques: 'Audio captures', + malwareGroups: 'Silver terrier', + startTime: 1645417930 } this.events = [ { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645307930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645307930 }, { - "eventSeverity": "critical", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "112.2.2.3", - "startTime": 1645317930 + eventSeverity: 'critical', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '112.2.2.3', + startTime: 1645317930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645327930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645327930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645337930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645337930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645347930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645347930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645357930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645357930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645367930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645367930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645397930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645397930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645407930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645407930 }, { - "eventSeverity": "high", - "securityType": "command and control", - "offenderIp": "2.2.2.2", - "victimIp": "2.2.2.3", - "startTime": 1645417930 + eventSeverity: 'high', + securityType: 'command and control', + offenderIp: '2.2.2.2', + victimIp: '2.2.2.3', + startTime: 1645417930 } ] Promise.all([this.queryBasic(), this.queryEvent()]).then(responses => {