From c6c75c1e704abd085be5e207776eddebd7765970 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 26 Jun 2023 15:43:25 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2925=20=20fix=EF=BC=9A=E5=BB=BA=E8=AE=AEzoo?=
 =?UTF-8?q?m=E4=BB=85=E4=BF=9D=E7=95=99=E6=95=B4=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/common/latIngPicker.scss   | 23 ++++++++++++++++++-
 .../src/components/common/latlngPicker.vue    |  9 +++-----
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/latIngPicker.scss b/nezha-fronted/src/assets/css/components/common/latIngPicker.scss
index 64ffadc65..a234f0b30 100644
--- a/nezha-fronted/src/assets/css/components/common/latIngPicker.scss
+++ b/nezha-fronted/src/assets/css/components/common/latIngPicker.scss
@@ -6,7 +6,7 @@
     margin-right: 20px;
     flex: 1;
   }
-  .latlng .input-box .el-input,.latlng .input-box .el-input-number{
+  .latlng .input-box .input-box-item .el-input,.latlng .input-box .input-box-item .el-input-number{
     width: 100%;
   }
   .latlng .map-config-dialog .el-dialog{
@@ -20,3 +20,24 @@
     padding:0px 5px!important;
   }
 
+
+.prepend_unit{
+  display: flex;
+  .el-input--small .el-input__inner {
+    border-radius: 0 4px 4px 0;
+    border-left: none;
+  }
+  &::before{
+    content: attr(data-unit);
+    //position: absolute;
+    display: inline-block;
+    top: 0;
+    right: 100%;
+    padding: 0 5px;
+    color: $--color-text-secondary;
+    background-color: $--background-color-base;
+    border: 1px solid $--border-color-light;
+    border-radius:4px 0 0 4px;
+  }
+}
+
diff --git a/nezha-fronted/src/components/common/latlngPicker.vue b/nezha-fronted/src/components/common/latlngPicker.vue
index efa03c5cc..224fefa77 100644
--- a/nezha-fronted/src/components/common/latlngPicker.vue
+++ b/nezha-fronted/src/components/common/latlngPicker.vue
@@ -7,9 +7,8 @@
         </el-input>
       </div>
       <div class="input-box-item" v-if="showZoom">
-        <el-input v-model="zoom" :max="mapParam.maxZoom" :min="mapParam.minZoom" :step="1"  controls-position="right">
-          <template v-if="showZoom" slot="prepend">{{$t('config.system.basic.zoom')}}</template>
-        </el-input>
+        <el-input-number v-model="zoom" :max="mapParam.maxZoom" :precision="0" :min="mapParam.minZoom"  :controls="false" class="prepend_unit" :data-unit="$t('config.system.basic.zoom')">
+        </el-input-number>
       </div>
       <div class="input-box-item" style="margin-right: unset !important;width: 30px !important;flex:unset;" @click="mapConfigVisible = true"><i class="nz-icon nz-icon-weizhi" style="color:rgb(238, 157, 63)"></i></div>
     </div>
@@ -209,9 +208,7 @@ export default {
             } else {
               this.mapParam = { ...mapParam }
             }
-            if (!this.zoom) {
-              this.zoom = mapParam.zoom
-            }
+            this.zoom = mapParam.zoom
             resolve()
           }
         })