From b078e5160c6182ed84251233c37417c288409c97 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Mon, 20 Nov 2023 10:47:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/testMap/index.vue | 40 ++++++++++++++++++--------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/testMap/index.vue b/src/components/testMap/index.vue
index 81fa766..7719456 100644
--- a/src/components/testMap/index.vue
+++ b/src/components/testMap/index.vue
@@ -4,23 +4,23 @@
 		<div class="layer-config" v-if="props.type == '底图'">
 			<div class="property-column-item">
 				<span>饱和度：{{ formData.saturation ? formData.saturation : 0 }}</span>
-				<el-slider v-model="formData.saturation" :step="0.5" :max="5" :min="-5" @input="e => layerOperate(e, 'saturation')" />
+				<el-slider v-model="formData.saturation" :step="0.5" :max="5" :min="-5" @change="e => layerOperate(e, 'saturation')" />
 			</div>
 			<div class="property-column-item">
 				<span>亮度：{{ formData.brightness ? formData.brightness : 0 }}</span>
-				<el-slider v-model="formData.brightness" :step="0.5" :max="10" :min="-10" @input="e => layerOperate(e, 'brightness')" />
+				<el-slider v-model="formData.brightness" :step="0.5" :max="10" :min="-10" @change="e => layerOperate(e, 'brightness')" />
 			</div>
 			<div class="property-column-item">
 				<span>对比度：{{ formData.contrast ? formData.contrast : 0 }}</span>
-				<el-slider v-model="formData.contrast" :step="0.5" :max="10" :min="-10" @input="e => layerOperate(e, 'contrast')" />
+				<el-slider v-model="formData.contrast" :step="0.5" :max="10" :min="-10" @change="e => layerOperate(e, 'contrast')" />
 			</div>
 			<div class="property-column-item">
 				<span>色调：{{ formData.hue ? formData.hue : 0 }}</span>
-				<el-slider v-model="formData.hue" :step="0.5" :max="2" :min="-2" @input="e => layerOperate(e, 'hue')" />
+				<el-slider v-model="formData.hue" :step="0.5" :max="2" :min="-2" @change="e => layerOperate(e, 'hue')" />
 			</div>
 			<div class="property-column-item">
 				<span>伽马校正：{{ formData.gamma ? formData.gamma : 0 }}</span>
-				<el-slider v-model="formData.gamma" :step="0.5" :max="5" :min="-5" @input="e => layerOperate(e, 'gamma')" />
+				<el-slider v-model="formData.gamma" :step="0.5" :max="5" :min="-5" @change="e => layerOperate(e, 'gamma')" />
 			</div>
 			<div class="property-row-item">
 				<span>是否反色：</span>
@@ -37,15 +37,15 @@
 		<div class="layer-config" v-if="props.type == '白膜'">
 			<div class="property-column-item">
 				<span>偏移量lon经度：{{ formData.lng ? formData.lng : 0 }}</span>
-				<el-slider v-model="formData.lng" :step="0.0001" :max="0.01" :min="-0.01" @input="e => albugineaOperate(e, 'lng')" />
+				<el-slider v-model="formData.lng" :step="0.0001" :max="0.01" :min="-0.01" @change="e => albugineaOperate(e, 'lng')" />
 			</div>
 			<div class="property-column-item">
 				<span>偏移量lat纬度：{{ formData.lat ? formData.lat : 0 }}</span>
-				<el-slider v-model="formData.lat" :step="0.0001" :max="0.01" :min="-0.01" @input="e => albugineaOperate(e, 'lat')" />
+				<el-slider v-model="formData.lat" :step="0.0001" :max="0.01" :min="-0.01" @change="e => albugineaOperate(e, 'lat')" />
 			</div>
 			<div class="property-column-item">
 				<span>偏移量height高度(米)：{{ formData.alt ? formData.alt : 0 }}</span>
-				<el-slider v-model="formData.alt" :step="10" :max="500" :min="-500" @input="e => albugineaOperate(e, 'alt')" />
+				<el-slider v-model="formData.alt" :step="10" :max="500" :min="-500" @change="e => albugineaOperate(e, 'alt')" />
 			</div>
 			<!-- <div class="property-row-item">
 				<span>是否反色：</span>
@@ -71,12 +71,18 @@
 					:step="200"
 					:max="10000"
 					:min="200"
-					@input="e => pointPositionOperate(e, 'radius')"
+					@change="e => pointPositionOperate(e, 'radius')"
 				/>
 			</div>
 			<div class="property-column-item" v-if="formData.type != 'CircleScan'">
 				<span>速度值：{{ formData.speed ? formData.speed : 0 }}</span>
-				<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @input="e => pointPositionOperate(e, 'speed')" />
+				<el-slider
+					v-model.number="formData.speed"
+					:step="1"
+					:max="100"
+					:min="1"
+					@change="e => pointPositionOperate(e, 'speed')"
+				/>
 			</div>
 			<div class="operate-btn">
 				<el-button @click="editPointPositionConfig">保存当前配置</el-button>
@@ -85,7 +91,7 @@
 		<div class="layer-config" v-if="props.type == '线效果'">
 			<div class="property-column-item">
 				<span>宽度：{{ formData.width ? formData.width : 0 }}</span>
-				<el-slider v-model.number="formData.width" :step="1" :max="100" :min="1" @input="e => lineEffectOperate(e, 'width')" />
+				<el-slider v-model.number="formData.width" :step="1" :max="100" :min="1" @change="e => lineEffectOperate(e, 'width')" />
 			</div>
 			<div class="property-row-item">
 				<span>颜色：{{ formData.color ? formData.color : "" }}</span>
@@ -97,7 +103,7 @@
 			</div>
 			<div class="property-column-item">
 				<span>速度值：{{ formData.speed ? formData.speed : 0 }}</span>
-				<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @input="e => lineEffectOperate(e, 'speed')" />
+				<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @change="e => lineEffectOperate(e, 'speed')" />
 			</div>
 			<div class="operate-btn">
 				<el-button @click="editLineEffectConfig">保存当前配置</el-button>
@@ -106,19 +112,19 @@
 		<div class="layer-config" v-if="props.type == '模型'">
 			<div class="property-column-item">
 				<span>比例：{{ formData.scale ? formData.scale : 0 }}</span>
-				<el-slider v-model.number="formData.scale" :step="1" :max="100" :min="1" @input="e => modelOperate(e, 'scale')" />
+				<el-slider v-model.number="formData.scale" :step="1" :max="100" :min="1" @change="e => modelOperate(e, 'scale')" />
 			</div>
 			<div class="property-column-item">
 				<span>方向角：{{ formData.heading ? formData.heading : 0 }}</span>
-				<el-slider v-model.number="formData.heading" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'heading')" />
+				<el-slider v-model.number="formData.heading" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'heading')" />
 			</div>
 			<div class="property-column-item">
 				<span>俯仰角：{{ formData.pitch ? formData.pitch : 0 }}</span>
-				<el-slider v-model.number="formData.pitch" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'pitch')" />
+				<el-slider v-model.number="formData.pitch" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'pitch')" />
 			</div>
 			<div class="property-column-item">
 				<span>翻滚角：{{ formData.roll ? formData.roll : 0 }}</span>
-				<el-slider v-model.number="formData.roll" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'roll')" />
+				<el-slider v-model.number="formData.roll" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'roll')" />
 			</div>
 			<div class="property-row-item" v-if="formData.silhouette">
 				<span>轮廓颜色：{{ formData.silhouetteColor ? formData.silhouetteColor : "" }}</span>
@@ -131,7 +137,7 @@
 					:step="1"
 					:max="100"
 					:min="1"
-					@input="e => modelOperate(e, 'silhouetteSize')"
+					@change="e => modelOperate(e, 'silhouetteSize')"
 				/>
 			</div>
 			<div class="operate-btn">