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

fix: 修复实体详情下拉loading动画加载错误问题

Browse Source
This commit is contained in:
changyongqiang
2022-05-24 15:23:55 +08:00
parent e8de279a01
commit d0a2309669
6 changed files with 11 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/detections/DetectionList.vue
View File

@@ -53,6 +53,9 @@ export default {
switchCollapse (isCollapse, index) {
this.isCollapse = isCollapse
this.collapseIndex = index
if (isCollapse) {
this.emitter.emit('switch-collapse')
}
},
collapse () {
this.isCollapse = true

3
src/views/entityExplorer/entityList/detailOverview/App.vue
View File

@@ -43,7 +43,6 @@
<div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingApp"></loading>
<div class="row__charts" :id="`entityDetailSend${entityData.appName}`" ></div>
</div>
</div>
@@ -51,7 +50,6 @@
<div class="row__charts-msg">{{$t('overall.received')}}：{{unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingApp"></loading>
<div class="row__charts" :id="`entityDetailReceived${entityData.appName}`" ></div>
</div>
</div>
@@ -287,7 +285,6 @@ export default {
}
],
chartDatas: [null, null, null, null, null],
loadingApp: false,
loadingTraffic: false,
loadingRelationshipOne: false,
loadingRelationshipTwo: false,

3
src/views/entityExplorer/entityList/detailOverview/Domain.vue
View File

@@ -47,7 +47,6 @@
<div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingDomain"></loading>
<div class="row__charts" :id="`entityDetailSend${entityData.domainName}`" ></div>
</div>
</div>
@@ -55,7 +54,6 @@
<div class="row__charts-msg">{{$t('overall.received')}}：{{unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingDomain"></loading>
<div class="row__charts" :id="`entityDetailReceived${entityData.domainName}`" ></div>
</div>
</div>
@@ -292,7 +290,6 @@ export default {
}
],
chartDatas: [null, null, null, null, null],
loadingDomain: false,
loadingTraffic: false,
loadingRelationshipOne: false,
loadingRelationshipTwo: false,

3
src/views/entityExplorer/entityList/detailOverview/Ip.vue
View File

@@ -70,7 +70,6 @@
<div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingIp"></loading>
<div class="row__charts" :id="`entityDetailSend${entityData.ipAddr}`"></div>
</div>
</div>
@@ -78,7 +77,6 @@
<div class="row__charts-msg">{{$t('overall.received')}}：{{unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ')}}ps</div>
<!-- 曲线-->
<div class="row__content-loading">
<loading :loading="loadingIp"></loading>
<div class="row__charts" :id="`entityDetailReceived${entityData.ipAddr}`"></div>
</div>
</div>
@@ -317,7 +315,6 @@ export default {
chartDatas: [null, null, null, null, null]
},
timer: null,
loadingIp: false,
loadingDns: false,
loading: false,
loadingTraffic: false,

31
src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
View File

@@ -106,16 +106,7 @@ export default {
queryEntityDetailTraffic () {
this.sentChart = echarts.init(document.getElementById(`entityDetailSend${this.entityName}`))
this.receivedChart = echarts.init(document.getElementById(`entityDetailReceived${this.entityName}`))
if (this.entity.entityType === 'app') {
this.loadingApp = true
this.loadingTraffic = true
} else if (this.entity.entityType === 'ip') {
this.loadingIp = true
this.loadingTraffic = true
} else if (this.entity.entityType === 'domain') {
this.loadingDomain = true
this.loadingTraffic = true
}
get(this.trafficUrl, this.getQueryParams()).then(response => {
if (response.code === 200 && response.data.result && response.data.result.length > 0) {
response.data.result.forEach(t => {
@@ -173,27 +164,9 @@ export default {
this.echartsArray.push(shallowRef(this.sentChart), shallowRef(this.receivedChart))
this.sentChart.setOption(this.chartOptionSent)
this.receivedChart.setOption(this.chartOptionReceived)
if (this.entity.entityType === 'app') {
this.loadingApp = false
this.loadingTraffic = false
} else if (this.entity.entityType === 'ip') {
this.loadingIp = false
this.loadingTraffic = false
} else if (this.entity.entityType === 'domain') {
this.loadingDomain = false
this.loadingTraffic = false
}
} else {
if (this.entity.entityType === 'app') {
this.loadingApp = false
this.loadingTraffic = false
} else if (this.entity.entityType === 'ip') {
this.loadingIp = false
this.loadingTraffic = false
} else if (this.entity.entityType === 'domain') {
this.loadingDomain = false
this.loadingTraffic = false
}
}
}).finally(() => {
setTimeout(() => {
@@ -456,6 +429,10 @@ export default {
window.addEventListener('resize', this.debounceFunc)
this.chartOption = _.cloneDeep(entityListLineOption)
setTimeout(() => { this.queryEntityDetail() })
const _this = this
this.emitter.on('switch-collapse', function () {
setTimeout(() => { _this.queryEntityDetail() }, 400)
})
},
beforeUnmount () {
window.removeEventListener('resize', this.debounceFunc)

3
src/views/entityExplorer/entityList/entityListMixin.js
View File

@@ -12,8 +12,7 @@ export default {
props: {
entity: Object,
timeFilter: Object,
listMode: String,
loading: Boolean
listMode: String
},
data () {
return {