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> <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>
<div class="text" v-else v-loading="networkProfilingStore.loadNodes">
{{ t("noData") }} {{ t("noData") }}
</div> </div>
</div> </div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import type { PropType } from "vue"; import type { PropType } from "vue";
@ -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;
} }

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. --> 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
<template #reference> placement="bottom"
<div :width="295"
class="switch-icon-edit ml-5" trigger="click"
title="Settings"
@click="setConfig"
v-if="dashboardStore.editMode" v-if="dashboardStore.editMode"
> >
<template #reference>
<div class="switch-icon-edit ml-5" title="Settings" @click="setConfig">
<Icon size="middle" iconName="setting_empty" /> <Icon size="middle" iconName="setting_empty" />
</div> </div>
</template> </template>