[skywalking-rocketbot-ui] branch master updated: Add tooltip for dashboard component (#479)

[qi...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

qiuxiafan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new 82bbddb  Add tooltip for dashboard component (#479)
82bbddb is described below

commit 82bbddb7c9190ab11f41db260ee344490d784d19
Author: Zhenxu Ke <ke...@apache.org>
AuthorDate: Tue Apr 20 15:57:13 2021 +0800

    Add tooltip for dashboard component (#479)
---
 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;