fix: 实体关系图优化:初始化时,右侧窗口顶部信息无需等待数据查询完毕,即可显示

This commit is contained in:
hanyuxia
2024-07-24 16:57:06 +08:00
parent e83183b8d8
commit d131bc91d8
2 changed files with 12 additions and 5 deletions

View File

@@ -22,6 +22,8 @@
<graph-entity-detail <graph-entity-detail
v-else-if="rightBox.mode === 'detail'" v-else-if="rightBox.mode === 'detail'"
:node="rightBox.node" :node="rightBox.node"
:currentEntityType="entity.entityType"
:title="entity.entityName"
:loading="rightBox.loading" :loading="rightBox.loading"
@expandDetailList="expandDetailList" @expandDetailList="expandDetailList"
@closeBlock="onCloseBlock" @closeBlock="onCloseBlock"

View File

@@ -5,10 +5,10 @@
<div class="graph-detail__icon"><i :class="iconClass"></i></div> <div class="graph-detail__icon"><i :class="iconClass"></i></div>
<div class="graph-detail-header"> <div class="graph-detail-header">
<div class="entity-graph-type">{{entityTypeName}}</div> <div class="entity-graph-type">{{currentEntityType}}</div>
<div class="graph-basic-info"> <div class="graph-basic-info">
<div class="graph-basic-info-name__block"> <div class="graph-basic-info-name__block">
<div class="graph-basic-info-name" :title="$_.get(node, 'realId', '')" id="entityName">{{ $_.get(node, 'realId', '') }}</div> <div class="graph-basic-info-name" :title="title" id="entityName">{{title}}</div>
<div class="graph-basic-info-icon" @click="copyEntityName"> <div class="graph-basic-info-icon" @click="copyEntityName">
<i class="cn-icon cn-icon-copy"></i> <i class="cn-icon cn-icon-copy"></i>
</div> </div>
@@ -110,6 +110,12 @@ export default {
node: { node: {
type: Object type: Object
}, },
currentEntityType: {
type: String
},
title: {
type: String
},
loading: { loading: {
type: Boolean type: Boolean
} }
@@ -126,7 +132,7 @@ export default {
computed: { computed: {
iconClass () { iconClass () {
let className let className
switch (_.get(this.node, 'data.entityType', '')) { switch (this.currentEntityType) {
case ('ip'): { case ('ip'): {
className = 'cn-icon cn-icon-resolve-ip' className = 'cn-icon cn-icon-resolve-ip'
break break
@@ -145,9 +151,8 @@ export default {
return className return className
}, },
entityTypeName () { entityTypeName () {
const type = _.get(this.node, 'data.entityType', '')
let entityTypeName = '-' let entityTypeName = '-'
switch (type) { switch (this.entityType) {
case ('ip'): { case ('ip'): {
entityTypeName = 'IP' entityTypeName = 'IP'
break break