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

fix: 隐藏实体下拉详情的score与实体列表事件event的loading

Browse Source
This commit is contained in:
刘洪洪
2023-08-30 17:57:10 +08:00
parent 0f2a68dcfa
commit 5b2f877e25
5 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/entityExplorer/entityList/Row.vue
View File

@@ -155,7 +155,7 @@
</div>
</div>
<loading :loading="loadingEvent" size="small" style="width: 90px"></loading>
<!-- <loading :loading="loadingEvent" size="small" style="width: 90px"></loading>-->
</div>
</div>

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

@@ -64,20 +64,18 @@
</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.networkQualityRating')}}</div>
<div style="position: relative;">
<div class="entity-score" v-if="!loadingNetworkQuality">
<div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>
<div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>
<div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>
Score:{{score}}
</div>
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>
</div>
</div>
<!-- <div class="overview__row">-->
<!-- <div class="row__label row__label&#45;&#45;width130">{{$t('entities.networkQualityRating')}}</div>-->
<!-- <div style="position: relative;">-->
<!-- <div class="entity-score" v-if="!loadingNetworkQuality">-->
<!-- <div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>-->
<!-- Score:{{score}}-->
<!-- </div>-->
<!-- <loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>

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

@@ -72,19 +72,18 @@
</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.networkQualityRating')}}</div>
<div style="position: relative;">
<div class="entity-score" v-if="!loadingNetworkQuality">
<div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>
<div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>
<div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>
Score:{{score}}
</div>
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>
</div>
</div>
<!-- <div class="overview__row">-->
<!-- <div class="row__label row__label&#45;&#45;width130">{{$t('entities.networkQualityRating')}}</div>-->
<!-- <div style="position: relative;">-->
<!-- <div class="entity-score" v-if="!loadingNetworkQuality">-->
<!-- <div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>-->
<!-- Score:{{score}}-->
<!-- </div>-->
<!-- <loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>

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

@@ -103,19 +103,18 @@
</div>
</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.networkQualityRating')}}</div>
<div style="position: relative;">
<div class="entity-score" v-if="!loadingNetworkQuality">
<div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>
<div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>
<div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>
Score:&nbsp;{{score}}
</div>
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>
</div>
</div>
<!-- <div class="overview__row">-->
<!-- <div class="row__label row__label&#45;&#45;width130">{{$t('entities.networkQualityRating')}}</div>-->
<!-- <div style="position: relative;">-->
<!-- <div class="entity-score" v-if="!loadingNetworkQuality">-->
<!-- <div class="circle-icon" v-if="score <= 2 || score === '-'" :class="{'data-score-red': score <= 2 || score === '-'}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 4" :class="{'data-score-yellow': score <= 4}" ></div>-->
<!-- <div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>-->
<!-- Score:&nbsp;{{score}}-->
<!-- </div>-->
<!-- <loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>

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

@@ -265,7 +265,7 @@ export default {
tcpLostlenPercent: response.data.data.result.sequenceGapLossPercentValue || null,
pktRetransPercent: response.data.data.result.pktRetransPercentValue || null
}
this.score = computeScore(data)
// this.score = computeScore(data)
this.entityData.establishLatencyValue = response.data.data.result.establishLatencyValue
this.entityData.establishLatencyP50 = response.data.data.result.establishLatencyP50
this.entityData.establishLatencyP90 = response.data.data.result.establishLatencyP90