From 0eb5c1cf67db34271661a9174649c2adc9f2de95 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Wed, 11 May 2022 10:01:10 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1812=20style=EF=BC=9A=E4=BF=AE=E6=94=B9icon?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rightBox/chartRightBox/chartRightBox.scss  | 18 ++++++++++++++++++
 .../common/rightBox/chart/chartConfig.vue      |  1 +
 .../rightBox/chart/systemChartConfig.vue       |  1 +
 3 files changed, 20 insertions(+)

diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
index 283d264b4..5f9ce6869 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
@@ -148,6 +148,24 @@
         padding-left: 10px;
         box-sizing: border-box;
       }
+      .mapping-iconSelect {
+        .el-input__inner{
+          color: transparent;
+        }
+        .el-input__inner::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner::-moz-placeholder { /* Firefox 19+ */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner:-ms-input-placeholder { /* IE 10+ */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner:-moz-placeholder { /* Firefox 18- */
+          color: $--color-text-placeholder;
+        }
+      }
+      
       .mapping-icon{
         position: absolute;
         left: 8px;
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index 1e091fa1f..372c6539c 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -675,6 +675,7 @@
                       style="width: 75px"
                       :placeholder="$t('el.select.placeholder')"
                       @change="change('valueMapping', index)"
+                      class="mapping-iconSelect"
                     >
                     <template slot="prefix">
                       <i 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 bcc742e95..0d0eb9fc6 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -637,6 +637,7 @@
                       style="width: 75px"
                       :placeholder="$t('el.select.placeholder')"
                       @change="change('valueMapping', index)"
+                      class="mapping-iconSelect"
                     >
                     <template slot="prefix">
                       <i class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>