From 24c9e6b5f7891e24fbca7b93d2b979ce8ef0aa04 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Fri, 27 Oct 2023 10:06:30 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3269=20fix=EF=BC=9ADashboard=E4=B8=AD?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA=E5=9B=BE=E8=A1=A8=E7=B1=BB=E5=9E=8B=E4=B8=BA?=
 =?UTF-8?q?Table=E6=97=B6=EF=BC=8CValue=20mappings-Display=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E5=86=85=E6=8F=90=E7=A4=BA=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/rightBox/chart/chartConfig.vue | 9 +++++++--
 .../common/rightBox/chart/systemChartConfig.vue          | 9 +++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index d485b4870..ba7bc9ddb 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -1083,10 +1083,15 @@
                       </el-select>
                     </el-form-item>
                     <div>
-                      <div class='mapping-display'>{{$t('config.assetLabel.display')}}</div>
+                      <div class='mapping-display'>{{$t('config.assetLabel.display')}}
+                        <el-popover placement="top" trigger="hover" width="" popper-class="prevent-clickoutside">
+                          <p>{{$t('placeholder.chart.display')}}</p>
+                          <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
+                        </el-popover>
+                      </div>
                     </div>
                     <el-form-item :prop="'param.valueMapping.' + index + '.display'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item">
-                      <el-input v-model="item.display" style="margin-right: 10px" :placeholder="$t('placeholder.chart.display')" size="small" @change="change('valueMapping', index)" class="mapping-display-input">
+                      <el-input v-model="item.display" style="margin-right: 10px" placeholder="" size="small" @change="change('valueMapping', index)" class="mapping-display-input">
                         <el-dropdown trigger="click" slot="prefix" placement="top-start">
                           <div class="el-dropdown-link">
                             <i v-if="item.icon" class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 78fe39078..a24e150dc 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -735,10 +735,15 @@
                       </el-select>
                     </el-form-item>
                     <div>
-                      <div class='mapping-display'>{{$t('config.assetLabel.display')}}</div>
+                      <div class='mapping-display'>{{$t('config.assetLabel.display')}}
+                        <el-popover placement="top" trigger="hover" width="" popper-class="prevent-clickoutside">
+                          <p>{{$t('placeholder.chart.display')}}</p>
+                          <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
+                        </el-popover>
+                      </div>
                     </div>
                     <el-form-item :prop="'param.valueMapping.' + index + '.display'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item">
-                      <el-input v-model="item.display" style="margin-right: 10px" :placeholder="$t('placeholder.chart.display')" size="small" @change="change('valueMapping', index)" class="mapping-display-input">
+                      <el-input v-model="item.display" style="margin-right: 10px" placeholder="" size="small" @change="change('valueMapping', index)" class="mapping-display-input">
                         <el-dropdown trigger="click" slot="prefix" placement="top-start">
                           <div class="el-dropdown-link">
                             <i v-if="item.icon" class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>