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

perf: entities列表

Browse Source
This commit is contained in:
chenjinsong
2021-07-09 11:28:19 +08:00
parent 9c500625f4
commit 8e18660edc
2 changed files with 60 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,53 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cn-entity__body"></div> <div class="cn-entity__body">
<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>
<div class="body__row">
<span class="body__row-label">{{$t('common.region')}}:</span>
<span class="body__row-value">{{d.region || '-'}}</span>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('common.asn')}}:</span>
<span class="body__row-value">{{d.asn || '-'}}</span>
</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>
<div class="body__row">
<span class="body__row-label">{{$t('entities.categoryName')}}:</span>
<span class="body__row-value">{{d.categoryName || '-'}}</span>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.creditScore')}}:</span>
<span class="body__row-value">{{d.reputationScore || '-'}}</span>
</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>
<div class="body__row">
<span class="body__row-label">{{$t('entities.category')}}:</span>
<span class="body__row-value">{{d.appCategory || '-'}}</span>
</div>
<div class="body__row">
<span class="body__row-label">{{$t('entities.subcategory')}}:</span>
<span class="body__row-value">{{d.appSubategory || '-'}}</span>
</div>
<div class="body__detail">{{$t('common.detail')}}</div>
</template>
</div>
</div> </div>
</div> </div>
<div class="entity-list__pagination"></div> <div class="entity-list__pagination"></div>

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

@@ -69,7 +69,19 @@
} }
} }
.cn-entity__body { .cn-entity__body {
background-color: lightgoldenrodyellow; .body__row {
padding: 0 0 0 20px;
color: #666;
.body__row-label {
padding-right: 15px;
}
}
.body__detail {
padding: 10px 0 0 20px;
color: $--color-primary;
cursor: pointer;
}
} }
} }
} }