From 99af425bb0d5d21ba71e9f378824ec958adc2bdb Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 25 Apr 2024 15:28:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E7=BB=84=E4=BB=B6=E6=95=B0=E4=BD=8D=E5=99=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/ComponentToolBar.vue   | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 9191e29206..f26f4447a9 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -103,21 +103,19 @@ onUnmounted(() => {
 <template>
   <el-row class="custom-main">
     <div class="scale-area">
-      <el-input
+      <el-input-number
         @keydown.stop
         @keyup.stop
-        type="number"
-        size="small"
-        effect="dark"
         v-model="scale"
+        effect="dark"
         :min="10"
         :max="200"
-        :controls="false"
+        size="small"
+        controls-position="right"
         @change="handleScaleChange()"
         class="scale-input-number"
-      >
-        <template #suffix> % </template>
-      </el-input>
+      />
+
       <el-icon @click="scaleDecrease(1)" class="hover-icon-custom" style="margin-right: 12px">
         <Icon name="dv-min"></Icon
       ></el-icon>
@@ -160,16 +158,19 @@ onUnmounted(() => {
 }
 
 .scale-input-number {
-  height: 28px;
-  width: 80px !important;
+  height: 24px;
+  line-height: 24px;
+  width: 80px;
   margin-right: 16px;
-  input {
-    -webkit-appearance: none;
-    -moz-appearance: textfield;
 
-    &::-webkit-inner-spin-button,
-    &::-webkit-outer-spin-button {
-      -webkit-appearance: none;
+  :deep(.ed-input__wrapper) {
+    position: relative;
+    padding: 0 38px 0 8px;
+    &::after {
+      position: absolute;
+      content: '%';
+      right: 27px;
+      top: 1px;
     }
   }
 }