github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Fine 2022-08-30 12:05:07 +08:00
parent 7158d9f6f5
commit 282c5f406d
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/dashboard/related/network-profiling/Content.vue
View File

@ -15,17 +15,16 @@ limitations under the License. -->
<template>
<div class="flex-h content">
<Tasks />
<div
class="vis-graph ml-5"
<div class="vis-graph ml-5" v-loading="networkProfilingStore.loadNodes">
<process-topology
v-if="networkProfilingStore.nodes.length"
v-loading="networkProfilingStore.loadNodes"
>
<process-topology :config="config" />
</div>
<div class="text" v-else v-loading="networkProfilingStore.loadNodes">
:config="config"
/>
<div class="text" v-else>
{{ t("noData") }}
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import type { PropType } from "vue";
@ -60,7 +59,7 @@ const { t } = useI18n();
}
.text {
width: calc(100% - 330px);
width: 100%;
text-align: center;
margin-top: 30px;
}

12
src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
View File

@ -14,14 +14,14 @@ See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<div ref="chart" class="process-topo"></div>
<el-popover placement="bottom" :width="295" trigger="click">
<template #reference>
<div
class="switch-icon-edit ml-5"
title="Settings"
@click="setConfig"
<el-popover
placement="bottom"
:width="295"
trigger="click"
v-if="dashboardStore.editMode"
>
<template #reference>
<div class="switch-icon-edit ml-5" title="Settings" @click="setConfig">
<Icon size="middle" iconName="setting_empty" />
</div>
</template>