gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 去掉假数据

Browse Source
This commit is contained in:
chenjinsong
2022-02-28 11:53:37 +08:00
parent e63631827a
commit e812a2db2a
7 changed files with 173 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/font/iconfont.js
View File

File diff suppressed because one or more lines are too long

32
src/utils/api.js
View File

@@ -76,24 +76,24 @@ export const api = {
// detection // detection
detection: { detection: {
securityEvent: { securityEvent: {
eventSeverityTrend: '/interface/detection/filter/severityTrend', eventSeverityTrend: '/interface/detection/security/filter/severityTrend',
securityType: '/interface/detection/filter/attackType', securityType: '/interface/detection/security/filter/securityType',
offenderIp: '/interface/detection/filter/offenderIp', offenderIp: '/interface/detection/security/filter/offenderIp',
offenderLocation: '/interface/detection/filter/offenderLocation', offenderLocation: '/interface/detection/security/filter/offenderLocation',
victimIp: '/interface/detection/filter/victimIp', victimIp: '/interface/detection/security/filter/victimIp',
victimLocation: '/interface/detection/filter/victimLocation', victimLocation: '/interface/detection/security/filter/victimLocation',
eventSeverity: '/interface/detection/filter/severity', eventSeverity: '/interface/detection/security/filter/severity',
listBasic: '/interface/detection/list/basic', listBasic: '/interface/detection/security/list/basic',
overviewBasic: '/interface/detection/detail/overview/basic', overviewBasic: '/interface/detection/security/detail/overview/basic',
overviewEvent: '/interface/detection/detail/overview/event' overviewEvent: '/interface/detection/security/detail/overview/event'
}, },
performanceEvent: { performanceEvent: {
eventSeverityTrend: '/interface/detection/filter/severityTrend', eventSeverityTrend: '/interface/detection/performance/filter/severityTrend',
securityType: '/interface/detection/filter/attackType', securityType: '/interface/detection/performance/filter/eventType',
eventSeverity: '/interface/detection/filter/severity', eventSeverity: '/interface/detection/performance/filter/severity',
activeEntity: '/interface/detection/filter/activeEntity', activeEntity: '/interface/detection/performance/filter/activeEntity',
listBasic: '/interface/detection/list/basic', listBasic: '/interface/detection/performance/list/basic',
overviewBasic: '/interface/detection/detail/overview/basic' overviewBasic: '/interface/detection/performance/detail/overview/basic'
} }
} }
} }

47
src/views/detections/Index.vue
View File

@@ -199,7 +199,7 @@ export default {
// 初始化顶部大柱状图 // 初始化顶部大柱状图
initEventSeverityTrendData (params) { initEventSeverityTrendData (params) {
getData(api.detection[this.pageType].eventSeverityTrend, params).then(data => { getData(api.detection[this.pageType].eventSeverityTrend, params).then(data => {
data = [ /*data = [
{ {
legend: 'critical', legend: 'critical',
values: [[1435781430781, '5'], [1435781431781, '3'], [1435781432781, '5'], [1435781433781, '3']] values: [[1435781430781, '5'], [1435781431781, '3'], [1435781432781, '5'], [1435781433781, '3']]
@@ -217,7 +217,7 @@ export default {
legend: 'info', legend: 'info',
values: [[1435781430781, '5'], [1435781431781, '7'], [1435781432781, '5'], [1435781433781, '8']] values: [[1435781430781, '5'], [1435781431781, '7'], [1435781432781, '5'], [1435781433781, '8']]
} }
] ]*/
const chartDom = document.getElementById(`eventSeverityTrendBar${this.pageType}`) const chartDom = document.getElementById(`eventSeverityTrendBar${this.pageType}`)
const detectionChart = echarts.init(chartDom) const detectionChart = echarts.init(chartDom)
const eventSeverityTrendOption = this.$_.cloneDeep(multipleBarOption) const eventSeverityTrendOption = this.$_.cloneDeep(multipleBarOption)
@@ -235,7 +235,7 @@ export default {
// 初始化左侧事件严重等级和小饼图 // 初始化左侧事件严重等级和小饼图
initEventSeverityData (params) { initEventSeverityData (params) {
getData(api.detection[this.pageType].eventSeverity, params).then(data => { getData(api.detection[this.pageType].eventSeverity, params).then(data => {
data = [ /*data = [
{ {
eventSeverity: 'critical', eventSeverity: 'critical',
count: 1048 count: 1048
@@ -252,7 +252,7 @@ export default {
eventSeverity: 'info', eventSeverity: 'info',
count: 300 count: 300
} }
] ]*/
this.filterData[this.pageType][0].data = data.map(r => ({ label: r.eventSeverity, value: r.eventSeverity, count: r.count })) this.filterData[this.pageType][0].data = data.map(r => ({ label: r.eventSeverity, value: r.eventSeverity, count: r.count }))
const eventSeverityOption = this.$_.cloneDeep(pieForSeverity) const eventSeverityOption = this.$_.cloneDeep(pieForSeverity)
eventSeverityOption.series[0].data = data.map(d => { eventSeverityOption.series[0].data = data.map(d => {
@@ -267,7 +267,7 @@ export default {
}, },
initSecurityTypeData (params) { initSecurityTypeData (params) {
getData(api.detection[this.pageType].securityType, params).then(data => { getData(api.detection[this.pageType].securityType, params).then(data => {
data = [ /*data = [
{ {
attackType: 'command and control', attackType: 'command and control',
count: 1048 count: 1048
@@ -287,7 +287,7 @@ export default {
attackType: 'ddos', attackType: 'ddos',
count: 50 count: 50
} }
] ]*/
this.filterData[this.pageType][1].data = data.map(r => ({ label: r.attackType, value: r.attackType, count: r.count })) 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 chartDom = document.getElementById(`detectionCategoryPer${this.pageType}`)
const detectionChart = echarts.init(chartDom) const detectionChart = echarts.init(chartDom)
@@ -302,7 +302,7 @@ export default {
}, },
initOffenderIpData (params) { initOffenderIpData (params) {
getData(api.detection[this.pageType].offenderIp, params).then(data => { getData(api.detection[this.pageType].offenderIp, params).then(data => {
data = [ /*data = [
{ {
offenderIp: '192.168.12.21', offenderIp: '192.168.12.21',
count: 99999 count: 99999
@@ -319,7 +319,7 @@ export default {
offenderIp: '192.168.52.21', offenderIp: '192.168.52.21',
count: 55555 count: 55555
} }
] ]*/
this.filterData[this.pageType][4].data = data.map(r => ({ label: r.offenderIp, value: r.offenderIp, count: r.count })) 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) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][4].data)
this.filterData[this.pageType][4].showMore = showMore this.filterData[this.pageType][4].showMore = showMore
@@ -338,7 +338,7 @@ export default {
}, },
initVictimIpData (params) { initVictimIpData (params) {
getData(api.detection[this.pageType].victimIp, params).then(data => { getData(api.detection[this.pageType].victimIp, params).then(data => {
data = [ /*data = [
{ {
victimIp: '1.2.6.8', victimIp: '1.2.6.8',
count: 50 count: 50
@@ -423,7 +423,7 @@ export default {
victimIp: '1.2.6.88', victimIp: '1.2.6.88',
count: 50 count: 50
} }
] ]*/
this.filterData[this.pageType][2].data = data.map(r => ({ label: r.victimIp, value: r.victimIp, count: r.count })) 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) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][2].data)
this.filterData[this.pageType][2].showMore = showMore this.filterData[this.pageType][2].showMore = showMore
@@ -434,12 +434,12 @@ export default {
}, },
initVictimLocationData (params) { initVictimLocationData (params) {
getData(api.detection[this.pageType].victimLocation, params).then(data => { getData(api.detection[this.pageType].victimLocation, params).then(data => {
data = [ /*data = [
{ {
victimLocationCountry: 'china', victimLocationCountry: 'china',
count: 50 count: 50
} }
] ]*/
this.filterData[this.pageType][3].data = data.map(r => ({ label: r.victimLocationCountry, value: r.victimLocationCountry, count: r.count })) 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) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][3].data)
this.filterData[this.pageType][3].showMore = showMore this.filterData[this.pageType][3].showMore = showMore
@@ -450,12 +450,12 @@ export default {
}, },
initOffenderLocationData (params) { initOffenderLocationData (params) {
getData(api.detection[this.pageType].offenderLocation, params).then(data => { getData(api.detection[this.pageType].offenderLocation, params).then(data => {
data = [ /*data = [
{ {
offenderLocationCountry: 'china', offenderLocationCountry: 'china',
count: 50 count: 50
} }
] ]*/
this.filterData[this.pageType][5].data = data.map(r => ({ label: r.offenderLocationCountry, value: r.offenderLocationCountry, count: r.count })) 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) const { showMore, showIndex } = this.computeFilterPage(this.filterData[this.pageType][5].data)
this.filterData[this.pageType][5].showMore = showMore this.filterData[this.pageType][5].showMore = showMore
@@ -466,7 +466,7 @@ export default {
}, },
initActiveEntity (params) { initActiveEntity (params) {
getData(api.detection[this.pageType].activeEntity, params).then(data => { getData(api.detection[this.pageType].activeEntity, params).then(data => {
data = [ /*data = [
{ {
name: 'csdn.net', name: 'csdn.net',
count: 250 count: 250
@@ -479,7 +479,7 @@ export default {
name: '2.3.2.2', name: '2.3.2.2',
count: 50 count: 50
} }
] ]*/
const chartDom = document.getElementById(`detectionActiveAttacker${this.pageType}`) const chartDom = document.getElementById(`detectionActiveAttacker${this.pageType}`)
const detectionChart = echarts.init(chartDom) const detectionChart = echarts.init(chartDom)
const option = this.$_.cloneDeep(activeAttackBar) const option = this.$_.cloneDeep(activeAttackBar)
@@ -497,10 +497,15 @@ export default {
showIndex: 9 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 => { getData(api.detection[this.pageType].listBasic, params).then(data => {
if (this.pageType === detectionPageType.securityEvent) { if (this.pageType === detectionPageType.securityEvent) {
data = [ /*data = [
{ {
eventId: 1212, eventId: 1212,
securityType: 'ddos', securityType: 'ddos',
@@ -661,9 +666,9 @@ export default {
durationMs: 60000, durationMs: 60000,
startTime: 1111111111 startTime: 1111111111
} }
] ]*/
} else if (this.pageType === detectionPageType.performanceEvent) { } else if (this.pageType === detectionPageType.performanceEvent) {
data = [ /*data = [
{ {
entityType: 'ip', entityType: 'ip',
eventType: 'Dns error', eventType: 'Dns error',
@@ -792,7 +797,7 @@ export default {
durationMs: 60000, durationMs: 60000,
startTime: 1111111111 startTime: 1111111111
} }
] ]*/
} }
this.listData = data this.listData = data

34
src/views/detections/overview/DetectionPerformanceEventAppOverview.vue
View File

@@ -75,24 +75,24 @@ export default {
methods: { methods: {
query () { query () {
this.basicInfo = { this.basicInfo = {
"clientLocationCountry": 1212, clientLocationCountry: 1212,
"clientLocationProvince": "112.2.2.3", clientLocationProvince: '112.2.2.3',
"clientLocationRegion": "China", clientLocationRegion: 'China',
"clientAsn": "Hebei", clientAsn: 'Hebei',
"serverLocationCountry": "Xingtai", serverLocationCountry: 'Xingtai',
"serverLocationProvince": "hehe", serverLocationProvince: 'hehe',
"serverLocationRegion": "2.2.2.2", serverLocationRegion: '2.2.2.2',
"serverAsn": "China", serverAsn: 'China',
"domainCategoryName": "Hebei", domainCategoryName: 'Hebei',
"domainCategoryGroup": "Xingtai", domainCategoryGroup: 'Xingtai',
"domainReputationScore": "hehe", domainReputationScore: 'hehe',
"domainReputationLevel": "high", domainReputationLevel: 'high',
"appCategory": "vpn", appCategory: 'vpn',
"appSubcategory": "foreign vpn", appSubcategory: 'foreign vpn',
"appRisk": "critical" appRisk: 'critical'
} }
/*this.queryBasic().then(responses => { /* this.queryBasic().then(responses => {
})*/ }) */
}, },
queryBasic () { queryBasic () {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

34
src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue
View File

@@ -79,24 +79,24 @@ export default {
methods: { methods: {
query () { query () {
this.basicInfo = { this.basicInfo = {
"clientLocationCountry": 1212, clientLocationCountry: 1212,
"clientLocationProvince": "112.2.2.3", clientLocationProvince: '112.2.2.3',
"clientLocationRegion": "China", clientLocationRegion: 'China',
"clientAsn": "Hebei", clientAsn: 'Hebei',
"serverLocationCountry": "Xingtai", serverLocationCountry: 'Xingtai',
"serverLocationProvince": "hehe", serverLocationProvince: 'hehe',
"serverLocationRegion": "2.2.2.2", serverLocationRegion: '2.2.2.2',
"serverAsn": "China", serverAsn: 'China',
"domainCategoryName": "Hebei", domainCategoryName: 'Hebei',
"domainCategoryGroup": "Xingtai", domainCategoryGroup: 'Xingtai',
"domainReputationScore": "hehe", domainReputationScore: 'hehe',
"domainReputationLevel": "high", domainReputationLevel: 'high',
"appCategory": "vpn", appCategory: 'vpn',
"appSubcategory": "foreign vpn", appSubcategory: 'foreign vpn',
"appRisk": "critical" appRisk: 'critical'
} }
/*this.queryBasic().then(responses => { /* this.queryBasic().then(responses => {
})*/ }) */
}, },
queryBasic () { queryBasic () {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

34
src/views/detections/overview/DetectionPerformanceEventIpOverview.vue
View File

@@ -66,24 +66,24 @@ export default {
methods: { methods: {
query () { query () {
this.basicInfo = { this.basicInfo = {
"clientLocationCountry": 1212, clientLocationCountry: 1212,
"clientLocationProvince": "112.2.2.3", clientLocationProvince: '112.2.2.3',
"clientLocationRegion": "China", clientLocationRegion: 'China',
"clientAsn": "Hebei", clientAsn: 'Hebei',
"serverLocationCountry": "Xingtai", serverLocationCountry: 'Xingtai',
"serverLocationProvince": "hehe", serverLocationProvince: 'hehe',
"serverLocationRegion": "2.2.2.2", serverLocationRegion: '2.2.2.2',
"serverAsn": "China", serverAsn: 'China',
"domainCategoryName": "Hebei", domainCategoryName: 'Hebei',
"domainCategoryGroup": "Xingtai", domainCategoryGroup: 'Xingtai',
"domainReputationScore": "hehe", domainReputationScore: 'hehe',
"domainReputationLevel": "high", domainReputationLevel: 'high',
"appCategory": "vpn", appCategory: 'vpn',
"appSubcategory": "foreign vpn", appSubcategory: 'foreign vpn',
"appRisk": "critical" appRisk: 'critical'
} }
/*this.queryBasic().then(responses => { /* this.queryBasic().then(responses => {
})*/ }) */
}, },
queryBasic () { queryBasic () {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

158
src/views/detections/overview/DetectionSecurityEventOverview.vue
View File

@@ -179,106 +179,106 @@ export default {
getMillisecond, getMillisecond,
query () { query () {
this.basicInfo = { this.basicInfo = {
"eventId": 1212, eventId: 1212,
"offenderIp": "112.2.2.3", offenderIp: '112.2.2.3',
"offenderLocationCountry": "China", offenderLocationCountry: 'China',
"offenderLocationProvince": "Hebei", offenderLocationProvince: 'Hebei',
"offenderLocationRegion": "Xingtai", offenderLocationRegion: 'Xingtai',
"offenderAsn": "hehe", offenderAsn: 'hehe',
"victimIp": "2.2.2.2", victimIp: '2.2.2.2',
"victimLocationCountry": "China", victimLocationCountry: 'China',
"victimLocationProvince": "Hebei", victimLocationProvince: 'Hebei',
"victimLocationRegion": "Xingtai", victimLocationRegion: 'Xingtai',
"victimAsn": "hehe", victimAsn: 'hehe',
"domain": "5aibj.com", domain: '5aibj.com',
"domainCategoryName": "bbs", domainCategoryName: 'bbs',
"domainCategoryGroup": "hehe", domainCategoryGroup: 'hehe',
"domainReputationLevel": "high", domainReputationLevel: 'high',
"appName": "express vpn", appName: 'express vpn',
"appCategory": "vpn", appCategory: 'vpn',
"appSubcategory": "foreign vpn", appSubcategory: 'foreign vpn',
"appRisk": "critical", appRisk: 'critical',
"cryptominingPool": "btcP", cryptominingPool: 'btcP',
"cryptominingCoinType": "btc", cryptominingCoinType: 'btc',
"cryptominingSoftware": "a", cryptominingSoftware: 'a',
"malwareName": "gtw", malwareName: 'gtw',
"malwareAlias": "gt", 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,", 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", malwarePlatforms: 'windows',
"malwareTechniques": "Audio captures", malwareTechniques: 'Audio captures',
"malwareGroups": "Silver terrier", malwareGroups: 'Silver terrier',
"startTime": 1645417930 startTime: 1645417930
} }
this.events = [ this.events = [
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645307930 startTime: 1645307930
}, },
{ {
"eventSeverity": "critical", eventSeverity: 'critical',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "112.2.2.3", victimIp: '112.2.2.3',
"startTime": 1645317930 startTime: 1645317930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645327930 startTime: 1645327930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645337930 startTime: 1645337930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645347930 startTime: 1645347930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645357930 startTime: 1645357930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645367930 startTime: 1645367930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645397930 startTime: 1645397930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645407930 startTime: 1645407930
}, },
{ {
"eventSeverity": "high", eventSeverity: 'high',
"securityType": "command and control", securityType: 'command and control',
"offenderIp": "2.2.2.2", offenderIp: '2.2.2.2',
"victimIp": "2.2.2.3", victimIp: '2.2.2.3',
"startTime": 1645417930 startTime: 1645417930
} }
] ]
Promise.all([this.queryBasic(), this.queryEvent()]).then(responses => { Promise.all([this.queryBasic(), this.queryEvent()]).then(responses => {