From bc9c0c1b52cd955644bc1f4ce7ecc0d0ee4e2b18 Mon Sep 17 00:00:00 2001
From: WX <1377869194@qq.com>
Date: 星期五, 11 八月 2023 17:42:37 +0800
Subject: [PATCH] 图层详情编辑修改
---
src/views/layer/layerDetail.vue | 16 ++++++++++++++++
1 files changed, 16 insertions(+), 0 deletions(-)
diff --git a/src/views/layer/layerDetail.vue b/src/views/layer/layerDetail.vue
index 077e04f..009f4b2 100644
--- a/src/views/layer/layerDetail.vue
+++ b/src/views/layer/layerDetail.vue
@@ -23,6 +23,15 @@
/>
<div class="demonstration">{{ transparence }}%</div>
</div>
+ <div class="slider-demo-block">
+ <div class="demonstration">瀵规瘮搴�</div>
+ <el-slider
+ v-model="contrast"
+ @change="contrastChange"
+ :format-tooltip="contrastFormatTooltip"
+ />
+ <div class="demonstration">{{ contrast }}%</div>
+ </div>
<div class="selectBox">
<div class="selectTile demonstration">鎷変几鏂瑰紡</div>
<el-select
@@ -81,6 +90,7 @@
import server from "@/assets/js/Map/server";
const stretchValue = ref("");
const transparence = ref(0);
+const contrast = ref(0);
let layerName = ref("鍥惧眰鍚嶇О");
let layerState = ref(false);
let select = ref();
@@ -108,6 +118,9 @@
},
];
const formatTooltip = (val: number) => {
+ return val / 100;
+};
+const contrastFormatTooltip = (val: number) => {
return val / 100;
};
const emits = defineEmits(["detailClose"]);
@@ -174,6 +187,9 @@
const sliderChange = (val) => {
server.layerList[layerLength.value].layerData.alpha = val / 100;
};
+const contrastChange = (val) => {
+ server.layerList[layerLength.value].layerData.alpha = val / 100;
+};
onMounted(() => {
server.layerList.forEach((e, i) => {
if (props.layerData.id == e.id) {
--
Gitblit v1.9.3