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

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

View File

@@ -6,7 +6,7 @@
margin-right: 20px; margin-right: 20px;
flex: 1; 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%; width: 100%;
} }
.latlng .map-config-dialog .el-dialog{ .latlng .map-config-dialog .el-dialog{
@@ -20,3 +20,24 @@
padding:0px 5px!important; 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;
}
}

View File

@@ -7,9 +7,8 @@
</el-input> </el-input>
</div> </div>
<div class="input-box-item" v-if="showZoom"> <div class="input-box-item" v-if="showZoom">
<el-input v-model="zoom" :max="mapParam.maxZoom" :min="mapParam.minZoom" :step="1" controls-position="right"> <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')">
<template v-if="showZoom" slot="prepend">{{$t('config.system.basic.zoom')}}</template> </el-input-number>
</el-input>
</div> </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 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> </div>
@@ -209,9 +208,7 @@ export default {
} else { } else {
this.mapParam = { ...mapParam } this.mapParam = { ...mapParam }
} }
if (!this.zoom) { this.zoom = mapParam.zoom
this.zoom = mapParam.zoom
}
resolve() resolve()
} }
}) })