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

fix: 实体下拉详情分数去除score，字段添加lodash的get方法验证为空的时候显示'-'

Browse Source
This commit is contained in:
刘洪洪
2023-08-30 18:29:51 +08:00
parent 5b2f877e25
commit 796faedf5a
4 changed files with 55 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,15 +4,15 @@
<div class="overview__content">
<div class="overview__row">
<div class="row__label row__label--width130">APP ID</div>
<div class="row__content">{{entity.category.appId || '-'}}</div>
<div class="row__content">{{$_.get(entity, 'category.appId', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.category')}}</div>
<div class="row__content">{{entity.category.appCategory || '-'}}</div>
<div class="row__content">{{$_.get(entity, 'category.appCategory', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.subcategory')}}</div>
<div class="row__content">{{entity.category.appSubcategory || '-'}}</div>
<div class="row__content">{{$_.get(entity, 'category.appSubcategory', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.riskLevel')}}</div>
@@ -20,7 +20,7 @@
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('overall.remark')}}</div>
<div class="row__content">{{entity.category.appDescription || '-'}}</div>
<div class="row__content">{{$_.get(entity, 'category.appDescription', '-')}}</div>
</div>
</div>
</div>
@@ -64,18 +64,20 @@
</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 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 v-if="score !== '-'">
<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>
</div>
{{score}}
</div>
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>
</div>
</div>
</div>
</div>

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

@@ -4,31 +4,31 @@
<div class="overview__content">
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.category')}}</div>
<div class="row__content">{{entityData.category ? entityData.category.categoryName : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'category.categoryName', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.domainDetail.categoryGroup')}}</div>
<div class="row__content">{{entityData.category ? entityData.category.categoryGroup : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'category.categoryGroup', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.reputationLevel')}}</div>
<div class="row__content">{{entityData.category ? entityData.category.reputationLevel : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'category.reputationLevel', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.registration')}}</div>
<div class="row__content">{{entityData.whois ? entityData.whois.registrantCountry : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'whois.registrantCountry', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.org')}}</div>
<div class="row__content">{{entityData.whois ? entityData.whois.registrantOrg : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'whois.registrantOrg', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.icpCompanyName')}}</div>
<div class="row__content">{{entityData.icp ? entityData.icp.icpCompanyName : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'icp.icpCompanyName', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.icpLicense')}}</div>
<div class="row__content">{{entityData.icp ? entityData.icp.icpSiteLicense : '-'}}</div>
<div class="row__content">{{$_.get(entityData, 'icp.icpSiteLicense', '-')}}</div>
</div>
</div>
</div>
@@ -72,18 +72,20 @@
</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 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 v-if="score !== '-'">
<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>
</div>
{{score}}
</div>
<loading :loading="loadingNetworkQuality" size="small" style="left: 1rem;width: 50%;"></loading>
</div>
</div>
</div>
</div>

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

@@ -17,7 +17,7 @@
</div>
<div class="overview__row">
<div class="row__label row__label--width130">ASN</div>
<div class="row__content">{{entity.asn ? entity.asn.asn : '-'}}</div>
<div class="row__content">{{$_.get(entity, 'asn.asn', '-')}}</div>
</div>
<div class="overview__row">
<div class="row__label row__label--width130">{{$t('entities.openPort')}}</div>
@@ -103,18 +103,20 @@
</div>
</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 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 v-if="score !== '-'">
<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>
</div>
{{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