fix: 实体filter查看更多样式调整和添加filter标题国际化

This commit is contained in:
刘洪洪
2023-09-22 11:21:06 +08:00
parent 6f9110b36f
commit 55227977d3
3 changed files with 17 additions and 11 deletions

View File

@@ -210,35 +210,35 @@ export default {
newFilterData: [
{
icon: 'cn-icon cn-icon-registration-country',
title: 'Top Countries',
title: this.$t('entity.topCountries'),
topColumn: 'ip.country',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-city',
title: 'Top Cities',
title: this.$t('entity.topCities'),
topColumn: 'ip.city',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-as',
title: 'Top ASNs',
title: this.$t('entity.topASNs'),
topColumn: 'ip.asn',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-operator',
title: 'Top ISPs',
title: this.$t('entity.topISPs'),
topColumn: 'ip.isp',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-open-port',
title: 'Top Ports',
title: this.$t('entity.topPorts'),
topColumn: 'ip.port',
topColumn1: 'ip.protocol',
totalCount: 0,
@@ -246,21 +246,21 @@ export default {
},
{
icon: 'cn-icon cn-icon-FQDN',
title: 'Top FQDN Categories',
title: this.$t('entity.topFQDNCategories'),
topColumn: 'domain.category',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-category2',
title: 'Top App Categories',
title: this.$t('entity.topAppCategories'),
topColumn: 'app.category',
totalCount: 0,
data: []
},
{
icon: 'cn-icon cn-icon-tag1',
title: 'Top Tags',
title: this.$t('entity.topTags'),
topColumn: 'tag',
totalCount: 0,
data: []

View File

@@ -26,7 +26,7 @@
<div class="filter__body-item-left-label">
<el-tooltip :content="data.label" placement="top" effect="light" :disabled="disabledLabel">
<span @mouseenter="handleMouse(`filter${index}${i}`)" :id="`filter${index}${i}`">
<span v-if="item.title==='Top Ports'">
<span v-if="item.topColumn==='ip.port'">
{{ data.port }}/{{ data.l7Protocol }}
</span>
<span v-else>{{ data.label }}</span>
@@ -37,7 +37,8 @@
<div class="filter__body-item-right">{{ data.value }}</div>
</div>
</div>
<div @click="showMoreFilter(item, index)" class="filter-show-more">
<div @click="showMoreFilter(item, index)"
:class="item.showNum === item.data.length ? 'filter-no-show-more' : 'filter-show-more'">
{{ $t('entity.showMore') }}
</div>
<div class="filter-hr"></div>