From 21b66bda2968cd73b370e826ee1154acdc6e3569 Mon Sep 17 00:00:00 2001
From: wangyawei <1796609990@qq.com>
Date: 星期五, 18 四月 2025 20:28:27 +0800
Subject: [PATCH] 修改雨的效果
---
src/components/tools/Tools.vue | 87 +++++++++----------------------------------
1 files changed, 18 insertions(+), 69 deletions(-)
diff --git a/src/components/tools/Tools.vue b/src/components/tools/Tools.vue
index 146a429..c9866b7 100644
--- a/src/components/tools/Tools.vue
+++ b/src/components/tools/Tools.vue
@@ -4,87 +4,35 @@
<div class="tools-title" @click="toggleCollapse">
宸ュ叿鏍�
<div class="popup-menu" v-if="isPopupVisible">
- <div
- class="popup-item"
- v-for="(option, idx) in currentToolOptions"
- :key="idx"
- @click="handleOptionClick(option)"
- >
- <img
- class="popup-icon"
- :src="
+ <div class="popup-item" v-for="(option, idx) in currentToolOptions" :key="idx" @click="handleOptionClick(option)">
+ <img class="popup-icon" :src="
require(`../../assets/img/tools/tools_second/${option.icon}.png`)
- "
- :alt="option.name"
- />
+ " :alt="option.name" />
{{ option.name }}
</div>
</div>
<LayerTree class="popup-menu" v-show="showLayerTree" />
<!-- 鍙鍩熷垎鏋� -->
- <seeAnalyze
- :option="option"
- v-show="seeAnalyzeShow"
- @update:showConeLine="handleUpdateShowConeLine"
- @update-option="onUpdateOption"
- @draw="onDraw"
- @clear="onClear"
- class="popup-menu-see"
- />
+ <seeAnalyze :option="option" v-show="seeAnalyzeShow" @update:showConeLine="handleUpdateShowConeLine" @update-option="onUpdateOption" @draw="onDraw" @clear="onClear" class="popup-menu-see" />
<!-- 鍓栭潰鎻愬彇 -->
- <TopographyDia
- @draw="handleDraw"
- @clear="handleClear"
- class="popup-menu-see"
- v-show="topographyShow"
- />
+ <TopographyDia @draw="handleDraw" @clear="handleClear" class="popup-menu-see" v-show="topographyShow" />
<!-- 鍓栭潰鎻愬彇鐨別charts -->
<div v-show="echartsShow" id="sectionCharts" class="sectionChars">
<div id="echartsView1" style="width: 100%; height: 100%"></div>
</div>
<!-- 鍧″害鍧″悜鍒嗘瀽 -->
- <Aspect
- v-show="showAspect"
- @draw="SlopeArrow"
- @clear="SlopeArrowClose"
- @handleaspect="handleaspect"
- @handleSlope="handleSlope"
- class="popup-menu-see"
- />
- <SlopeAnalysis
- @draw="SlopeAnalysiss"
- v-show="isContourLabel"
- class="popup-menu-see"
- @update-slope="onUpdateSlope"
- />
+ <Aspect v-show="showAspect" @draw="SlopeArrow" @clear="SlopeArrowClose" @handleaspect="handleaspect" @handleSlope="handleSlope" class="popup-menu-see" />
+ <SlopeAnalysis @draw="SlopeAnalysiss" v-show="isContourLabel" class="popup-menu-see" @update-slope="onUpdateSlope" />
<!-- 闆� -->
- <Rain
- v-show="showRain"
- class="popup-menu-see"
- @update-rain="onUpdateRain"
- />
- <Snow
- v-show="showSnow"
- class="popup-menu-see"
- @update-snow="onUpdateSnow"
- />
+ <Rain v-show="showRain" class="popup-menu-see" @update-rain="onUpdateRain" />
+ <Snow v-show="showSnow" class="popup-menu-see" @update-snow="onUpdateSnow" />
</div>
<!-- 宸ュ叿鏍忓唴瀹� -->
<transition name="fade">
<div v-if="!isCollapsed" class="tools-content">
- <div
- class="tools-item"
- v-for="(item, index) in toolList"
- :key="index"
- @click.stop="handleClick(item)"
- >
- <img
- class="icon"
- :src="require(`../../assets/img/tools/${item.icon}.png`)"
- :title="item.name"
- alt=""
- />
+ <div class="tools-item" v-for="(item, index) in toolList" :key="index" @click.stop="handleClick(item)">
+ <img class="icon" :src="require(`../../assets/img/tools/${item.icon}.png`)" :title="item.name" alt="" />
</div>
</div>
</transition>
@@ -103,7 +51,7 @@
import Snow from "@/components/tools/Snow.vue";
// 鍒囨崲灞曞紑/鏀剁缉鐘舵��
-function toggleCollapse() {
+function toggleCollapse () {
// isCollapsed.value = !isCollapsed.value;
}
@@ -198,7 +146,7 @@
]);
// 澶勭悊宸ュ叿鐐瑰嚮浜嬩欢
-function handleClick(tool, event) {
+function handleClick (tool, event) {
// 閬嶅巻宸ュ叿鍒楄〃锛屾洿鏂版縺娲荤姸鎬�
toolList.value.forEach((item) => {
item.active = item.name === tool.name && currentToolOptions.value !== tool.options;
@@ -240,7 +188,7 @@
const currentOption = ref(null);
// 澶勭悊寮圭獥閫夐」鐐瑰嚮浜嬩欢
-function handleOptionClick(option) {
+function handleOptionClick (option) {
isPopupVisible.value = false;
currentOption.value = option.name;
console.log("Selected option:", currentOption.value);
@@ -344,13 +292,13 @@
};
// 澶勭悊瀛愮粍浠朵紶鏉ョ殑鍙鍩熸樉绀洪敟绾跨殑鍊�
-function handleUpdateShowConeLine(value) {
+function handleUpdateShowConeLine (value) {
showConeLine.value = value;
mapUtils.showSyfxViewCone(showConeLine.value);
}
// 榧犳爣缁樺埗鍙鍩�
-function onDraw() {
+function onDraw () {
// 瀹氫箟鍥炶皟鍑芥暟锛岀敤浜庢帴鏀� res 骞舵洿鏂� option
const callback = (res) => {
option.heading = res.heading;
@@ -361,7 +309,7 @@
}
// 娓呴櫎鍙鍩�
-function onClear() {
+function onClear () {
mapUtils.syfxqc(option);
}
@@ -448,6 +396,7 @@
rainSize: 0.5,
rainSpeed: 50,
rainColor: "#99B3CC",
+ rainDensity: 30 // 闆ㄧ殑瀵嗗害
});
const onUpdateRain = (newOption) => {
console.log(newOption, "new");
--
Gitblit v1.9.3