diff --git a/src/assets/css/components/views/charts/chartAlarmInfo.scss b/src/assets/css/components/views/charts/chartAlarmInfo.scss index dbb0b291..2d942ebd 100644 --- a/src/assets/css/components/views/charts/chartAlarmInfo.scss +++ b/src/assets/css/components/views/charts/chartAlarmInfo.scss @@ -52,7 +52,7 @@ color: #333333; font-weight: 400; div { - max-width: 400px; + max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue index 5724b7f5..756d55e7 100644 --- a/src/views/entityExplorer/entityList/detailOverview/App.vue +++ b/src/views/entityExplorer/entityList/detailOverview/App.vue @@ -200,6 +200,7 @@ :entity="entityCopy" :query-params="queryParams" :hide-header="true" + :loadingMap="loadingMap" @getCurrentTimeRange="getCurrentTimeRange" > @@ -303,7 +304,8 @@ export default { loadingOut: false, loadingIn: false, loadingAlert: false, - loadingSecurityEvents: false + loadingSecurityEvents: false, + loadingMap: false } } }, @@ -328,10 +330,12 @@ export default { this.entityData.ipCount = result.ipCount }, chartGetMap () { + this.loadingMap = true get((this.trafficUrlMap), this.getQueryParams()).then(response => { if (response.code === 200) { this.chartData = response.data.result } + this.loadingMap = false }) }, queryRelated () { @@ -341,9 +345,9 @@ export default { }, mounted () { this.queryParams = this.getQueryParams() + this.chartGetMap() this.$nextTick(() => { setTimeout(() => { - this.chartGetMap() this.queryRelated() }, 250) })