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

CN-53 perf: 单值图相关

Browse Source
This commit is contained in:
chenjinsong
2021-07-13 18:38:32 +08:00
parent f3c232965c
commit 7bbc943a96
5 changed files with 42 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/charts/panel.scss
View File

@@ -106,6 +106,12 @@
font-size: 16px;
color: #666666;
}
.single-value__unit {
font-weight: normal;
padding-left: 10px;
color: #666;
font-size: 20px;
}
}
}
&>.cn-chart__single-value.cn-chart__single-value--icon-right {

18
src/components/entities/EntityList.vue
View File

@@ -26,45 +26,45 @@
<template v-if="entityType === 'ip'">
<div class="body__row">
<span class="body__row-label">{{$t('common.country')}}:</span>
<span class="body__row-value">{{d.country || '-'}}</span>
<div class="body__row-value" :title="d.country">{{d.country || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('common.region')}}:</span>
<span class="body__row-value">{{d.region || '-'}}</span>
<div class="body__row-value" :title="d.region">{{d.region || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.asn')}}:</span>
<span class="body__row-value">{{d.asn || '-'}}</span>
<div class="body__row-value" :title="d.asn">{{d.asn || '-'}}</div>
</div>
<div class="body__detail">{{$t('common.detail')}}</div>
</template>
<template v-else-if="entityType === 'domain'">
<div class="body__row">
<span class="body__row-label">{{$t('entities.categoryGroup')}}:</span>
<span class="body__row-value">{{d.categoryGroup || '-'}}</span>
<div class="body__row-value" :title="d.categoryGroup">{{d.categoryGroup || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.categoryName')}}:</span>
<span class="body__row-value">{{d.categoryName || '-'}}</span>
<div class="body__row-value" :title="d.categoryName">{{d.categoryName || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.creditScore')}}:</span>
<span class="body__row-value">{{d.reputationScore || '-'}}</span>
<div class="body__row-value" :title="d.reputationScore">{{d.reputationScore || '-'}}</div>
</div>
<div class="body__detail">{{$t('common.detail')}}</div>
</template>
<template v-else-if="entityType === 'app'">
<div class="body__row">
<span class="body__row-label">APP ID:</span>
<span class="body__row-value">{{d.appId || '-'}}</span>
<div class="body__row-value" :title="d.appId">{{d.appId || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.category')}}:</span>
<span class="body__row-value">{{d.appCategory || '-'}}</span>
<div class="body__row-value" :title="d.appCategory">{{d.appCategory || '-'}}</div>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.subcategory')}}:</span>
<span class="body__row-value">{{d.appSubategory || '-'}}</span>
<div class="body__row-value" :title="d.appSubategory">{{d.appSubategory || '-'}}</div>
</div>
<div class="body__detail">{{$t('common.detail')}}</div>
</template>

9
src/components/entities/entities.scss
View File

@@ -70,18 +70,27 @@
}
}
.cn-entity__body {
overflow: hidden;
.body__row {
display: flex;
padding: 0 0 0 20px;
color: #666;
.body__row-label {
padding-right: 15px;
}
.body__row-value {
width: calc(100% - 150px);
overflow: hidden;
text-overflow: ellipsis;
}
}
.body__detail {
padding: 10px 0 0 20px;
color: $--color-primary;
cursor: pointer;
}
}
}