github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 20:01:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update tooltips and controls (#49)

Browse Source
This commit is contained in:
Fine0830
2022-03-31 19:59:19 +08:00
committed by GitHub
parent 13b508e896
commit b51e423c2b
13 changed files with 135 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/dashboard/configuration/Widget.vue
View File

@@ -16,10 +16,12 @@ limitations under the License. -->
<div class="widget-config flex-v">
<div class="graph" v-loading="loading">
<div class="header">
<span>{{ widget.title || "" }}</span>
<span>{{ decodeURIComponent(title) }}</span>
<div class="tips" v-show="widget.tips">
<el-tooltip :content="widget.tips || ''">
<Icon iconName="info_outline" size="sm" />
<el-tooltip :content="decodeURIComponent(tips) || ''">
<span>
<Icon iconName="info_outline" size="sm" />
</span>
</el-tooltip>
</div>
</div>
@@ -113,6 +115,8 @@ export default defineComponent({
const originConfig = dashboardStore.selectedGrid;
const widget = computed(() => dashboardStore.selectedGrid.widget || {});
const graph = computed(() => dashboardStore.selectedGrid.graph || {});
const title = computed(() => encodeURIComponent(widget.value.title || ""));
const tips = computed(() => encodeURIComponent(widget.value.tips || ""));
function getSource(source: unknown) {
states.source = source;
@@ -152,6 +156,8 @@ export default defineComponent({
isEdit,
widget,
graph,
title,
tips,
};
},
});