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

fix: 1、删除获取实体列表多余入参；2、左侧filter隐藏空数据项以及添加nodata

Browse Source
This commit is contained in:
刘洪洪
2023-07-11 16:37:53 +08:00
parent c558bdb952
commit 86c14ae560
2 changed files with 44 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/entityExplorer/EntityExplorer.vue
View File

@@ -704,7 +704,8 @@ export default {
queryList (params) {
this.listLoading = true
const queryParams = {
...params,
pageSize: params.pageSize,
pageNo: params.pageNo,
// startTime: getSecond(params.startTime),
// endTime: getSecond(params.endTime),
resource: params.q || ''

66
src/views/entityExplorer/EntityFilter.vue
View File

@@ -1,42 +1,50 @@
<template>
<div class="entity-filter-case">
<div class="entity-filter-case" style="position: relative">
<div class="filter-case__header">{{ $t('entities.filter1') }}</div>
<div class="entity-filter" v-for="(item, index) in filterData" :key="index">
<div class="filter__header">
<i :class="item.icon"></i>
{{ item.title }}
</div>
<div class="filter__body" style="position: relative">
<loading :loading="loadingLeft" style="top: -5px;"></loading>
<div class="filter__body-item" v-for="(data, i) in item.data" :key="i" @click="filter(data.label, data)">
<div class="filter__body-item-left">
<!-- 当前无更好方案匹配国旗，后续解决-->
<!-- <div v-if="data.flag">-->
<!-- <img :src="require(`../../../public/images/flag/${data.flag}.svg`)" class="filter-country-flag"/>-->
<!-- </div>-->
<div class="filter__body-item-left-index">{{ i+1 }}</div>
<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}`">{{ data.label }}</span>
</el-tooltip>
</div>
<div v-if="filterDataLength>0">
<div class="entity-filter" v-for="(item, index) in filterData" :key="index">
<div v-if="item.data.length>0">
<div class="filter__header">
<i :class="item.icon"></i>
{{ item.title }}
</div>
<div class="filter__body-item-right">{{ data.value }}</div>
<div class="filter__body" style="position: relative">
<loading :loading="loadingLeft" style="top: -5px;"></loading>
<div class="filter__body-item" v-for="(data, i) in item.data" :key="i" @click="filter(data.label, data)">
<div class="filter__body-item-left">
<!--当前无更好方案匹配国旗，后续解决-->
<!--<div v-if="data.flag">-->
<!-- <img :src="require(`../../../public/images/flag/${data.flag}.svg`)" class="filter-country-flag"/>-->
<!--</div>-->
<div class="filter__body-item-left-index">{{ i+1 }}</div>
<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}`">{{ data.label }}</span>
</el-tooltip>
</div>
</div>
<div class="filter__body-item-right">{{ data.value }}</div>
</div>
<div class="filter-hr"></div>
</div>
</div>
<div class="filter-hr"></div>
</div>
</div>
<chart-no-data v-else style="padding-top: 40px"></chart-no-data>
</div>
</template>
<script>
import Loading from '@/components/common/Loading'
import ChartNoData from '@/views/charts/charts/ChartNoData'
export default {
name: 'EntityFilter',
components: { Loading },
components: { ChartNoData, Loading },
props: {
filterData: {
type: Object
@@ -45,6 +53,16 @@ export default {
type: Boolean
}
},
computed: {
filterDataLength () {
let length = 0
this.filterData.forEach(item => {
length += item.data.length
})
return length
}
},
data () {
return {
disabledLabel: true