From 2eeaa4693e7389df008b6763074c48e9ffa367ca Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期四, 17 四月 2025 15:23:57 +0800
Subject: [PATCH] 更新雨
---
src/components/tools/Tools.vue | 31 +++++++++++++++++++++++--------
1 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/src/components/tools/Tools.vue b/src/components/tools/Tools.vue
index 79bda9b..53139b3 100644
--- a/src/components/tools/Tools.vue
+++ b/src/components/tools/Tools.vue
@@ -54,6 +54,12 @@
class="popup-menu-see"
@update-slope="onUpdateSlope"
/>
+ <!-- 闆� -->
+ <Rain
+ v-show="showRain"
+ class="popup-menu-see"
+ @update-rain="onUpdateRain"
+ />
</div>
<!-- 宸ュ叿鏍忓唴瀹� -->
@@ -85,12 +91,12 @@
import Aspect from "@/components/tools/Aspect.vue";
import SlopeAnalysis from "@/components/tools/SlopeAnalysis.vue";
import mapUtils from "@/utils/tools.js";
+import Rain from "@/components/tools/Rain.vue";
// 鍒囨崲灞曞紑/鏀剁缉鐘舵��
function toggleCollapse() {
// isCollapsed.value = !isCollapsed.value;
}
-
const showLayerTree = ref(false);
@@ -101,7 +107,7 @@
const isflfx = ref(false);
const isFlood = ref(false);
const isContourLabel = ref(false);
-const isRain = ref(false);
+const showRain = ref(false);
const isSnow = ref(false);
// 鍓栭潰鍒嗘瀽寮圭獥
@@ -197,6 +203,7 @@
echartsShow.value = false; //鍓栭潰echarts
showAspect.value = false; //鍧″悜绠ご
showSlope.value = false; //鍧″悜绠ご
+ showRain.value = false; //闆ㄥぉ
return;
}
@@ -209,6 +216,7 @@
echartsShow.value = false; //鍓栭潰echarts
showAspect.value = false; //鍧″悜绠ご
showSlope.value = false; //鍧″悜绠ご
+ showRain.value = false; //闆ㄥぉ
}
// 澶勭悊寮圭獥閫夐」鐐瑰嚮浜嬩欢
@@ -219,12 +227,7 @@
鏄剧ず鍥惧眰: () => (showLayerTree.value = true),
闅愯棌鍥惧眰: () => (showLayerTree.value = false),
闆ㄥぉ妯″紡: () => {
- isRain.value = !isRain.value;
- if (isRain.value === false) {
- mapUtils.toggleRain("rain", false);
- } else {
- mapUtils.toggleRain("rain", true);
- }
+ showRain.value = true;
},
闆ぉ妯″紡: () => {
isSnow.value = !isSnow.value;
@@ -402,6 +405,18 @@
Object.assign(formData, newOption);
mapUtils.pdfx(formData);
};
+
+// 闆�
+const rainForm = reactive({
+ rainSize: 0.5,
+ rainSpeed: 50,
+ rainColor: "#99B3CC",
+});
+const onUpdateRain = (newOption) => {
+ console.log(newOption, "new");
+ Object.assign(rainForm, newOption);
+ mapUtils.toggleRain(rainForm, true);
+};
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3