You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by ke...@apache.org on 2021/04/20 07:14:06 UTC
[skywalking-rocketbot-ui] 01/01: Add tooltip for dashboard component
This is an automated email from the ASF dual-hosted git repository.
kezhenxu94 pushed a commit to branch dsb/tip
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git
commit 23d782020e2525a1b48fa7bbe458373a2c4cc1b6
Author: kezhenxu94 <ke...@apache.org>
AuthorDate: Tue Apr 20 15:12:33 2021 +0800
Add tooltip for dashboard component
---
src/views/components/dashboard/dashboard-item.vue | 3 +++
1 file changed, 3 insertions(+)
diff --git a/src/views/components/dashboard/dashboard-item.vue b/src/views/components/dashboard/dashboard-item.vue
index 152df36..7c661da 100644
--- a/src/views/components/dashboard/dashboard-item.vue
+++ b/src/views/components/dashboard/dashboard-item.vue
@@ -27,6 +27,7 @@ limitations under the License. -->
<span v-show="!rocketGlobal.edit && itemConfig.chartType === 'ChartTable'" @click="copyTable">
<rk-icon class="r cp" icon="review-list" />
</span>
+ <rk-icon v-if="tips" class="r edit" icon="info_outline" v-tooltip:bottom="{ content: tips }" />
</div>
<div class="rk-dashboard-item-body" ref="chartBody">
<div style="height:100%;width:100%">
@@ -102,6 +103,7 @@ limitations under the License. -->
private dialogConfigVisible = false;
private status = 'UNKNOWN';
private title = 'Title';
+ private tips = '';
private unit = '';
private width = 3;
private height = 300;
@@ -112,6 +114,7 @@ limitations under the License. -->
private created() {
this.status = this.item.metricType;
this.title = this.item.title;
+ this.tips = this.item.tips;
this.width = this.item.width;
this.height = this.item.height;
this.unit = this.item.unit;