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>
</div> </div>
<loading :loading="loadingEvent" size="small" style="width: 90px"></loading> <!-- <loading :loading="loadingEvent" size="small" style="width: 90px"></loading>-->
</div> </div>
</div> </div>

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

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

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

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

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

@@ -103,19 +103,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="overview__row"> <!-- <div class="overview__row">-->
<div class="row__label row__label--width130">{{$t('entities.networkQualityRating')}}</div> <!-- <div class="row__label row__label&#45;&#45;width130">{{$t('entities.networkQualityRating')}}</div>-->
<div style="position: relative;"> <!-- <div style="position: relative;">-->
<div class="entity-score" v-if="!loadingNetworkQuality"> <!-- <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-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 <= 4" :class="{'data-score-yellow': score <= 4}" ></div>-->
<div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div> <!-- <div class="circle-icon" v-else-if="score <= 6" :class="{'data-score-green': score <= 6}" ></div>-->
Score:&nbsp;{{score}} <!-- Score:&nbsp;{{score}}-->
</div> <!-- </div>-->
<!-- <loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>-->
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading> <!-- </div>-->
</div> <!-- </div>-->
</div>
</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, tcpLostlenPercent: response.data.data.result.sequenceGapLossPercentValue || null,
pktRetransPercent: response.data.data.result.pktRetransPercentValue || 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.establishLatencyValue = response.data.data.result.establishLatencyValue
this.entityData.establishLatencyP50 = response.data.data.result.establishLatencyP50 this.entityData.establishLatencyP50 = response.data.data.result.establishLatencyP50
this.entityData.establishLatencyP90 = response.data.data.result.establishLatencyP90 this.entityData.establishLatencyP90 = response.data.data.result.establishLatencyP90