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

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

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

14
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. --> limitations under the License. -->
<template> <template>
<div ref="chart" class="process-topo"></div> <div ref="chart" class="process-topo"></div>
<el-popover placement="bottom" :width="295" trigger="click"> <el-popover
placement="bottom"
:width="295"
trigger="click"
v-if="dashboardStore.editMode"
>
<template #reference> <template #reference>
<div <div class="switch-icon-edit ml-5" title="Settings" @click="setConfig">
class="switch-icon-edit ml-5"
title="Settings"
@click="setConfig"
v-if="dashboardStore.editMode"
>
<Icon size="middle" iconName="setting_empty" /> <Icon size="middle" iconName="setting_empty" />
</div> </div>
</template> </template>