gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-2925 fix：建议zoom仅保留整数

Browse Source
This commit is contained in:
zhangyu
2023-06-26 15:43:25 +08:00
parent c6d0d52000
commit c6c75c1e70
2 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
nezha-fronted/src/assets/css/components/common/latIngPicker.scss
View File

@@ -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;
}
}

9
nezha-fronted/src/components/common/latlngPicker.vue
View File

@@ -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()
}
})