From fd855df19dfadabf14c34ba91e8dfc2421227bf1 Mon Sep 17 00:00:00 2001 From: wangjuncheng <1> Date: 星期五, 06 六月 2025 09:34:12 +0800 Subject: [PATCH] 1 --- src/components/tools/Tools.vue | 49 +++++++++++++++++++++++++++++++++++++------------ 1 files changed, 37 insertions(+), 12 deletions(-) diff --git a/src/components/tools/Tools.vue b/src/components/tools/Tools.vue index c9866b7..6ef1546 100644 --- a/src/components/tools/Tools.vue +++ b/src/components/tools/Tools.vue @@ -4,16 +4,17 @@ <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=" - require(`../../assets/img/tools/tools_second/${option.icon}.png`) + <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" /> {{ 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" /> <!-- 鍓栭潰鎻愬彇鐨別charts --> @@ -21,11 +22,14 @@ <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" /> + <SunAnalysis v-show="showSunAnalysis" class="popup-menu-see"></SunAnalysis> </div> <!-- 宸ュ叿鏍忓唴瀹� --> @@ -49,9 +53,10 @@ import mapUtils from "@/utils/tools.js"; import Rain from "@/components/tools/Rain.vue"; import Snow from "@/components/tools/Snow.vue"; +import SunAnalysis from "@/components/tools/SunAnalysis.vue"; // 鍒囨崲灞曞紑/鏀剁缉鐘舵�� -function toggleCollapse () { +function toggleCollapse() { // isCollapsed.value = !isCollapsed.value; } @@ -66,6 +71,8 @@ const isContourLabel = ref(false); const showRain = ref(false); const showSnow = ref(false); +const showAtmosphere = ref(false); +const showSunAnalysis = ref(false); // 鍓栭潰鍒嗘瀽寮圭獥 const topographyShow = ref(false); @@ -141,12 +148,14 @@ { name: "闆ㄥぉ妯″紡", icon: "闆ㄥぉ妯″紡" }, { name: "闆ぉ妯″紡", icon: "闆ぉ妯″紡" }, { name: "娓呴櫎澶╂皵", icon: "娓呴櫎鍒嗘瀽" }, + { name: "澶ф皵鏁e皠", icon: "澶ф皵鏁e皠" }, + { name: "鏃ョ収鍒嗘瀽", icon: "澶ф皵鏁e皠" }, ], }, ]); // 澶勭悊宸ュ叿鐐瑰嚮浜嬩欢 -function handleClick (tool, event) { +function handleClick(tool, event) { // 閬嶅巻宸ュ叿鍒楄〃锛屾洿鏂版縺娲荤姸鎬� toolList.value.forEach((item) => { item.active = item.name === tool.name && currentToolOptions.value !== tool.options; @@ -188,7 +197,7 @@ const currentOption = ref(null); // 澶勭悊寮圭獥閫夐」鐐瑰嚮浜嬩欢 -function handleOptionClick (option) { +function handleOptionClick(option) { isPopupVisible.value = false; currentOption.value = option.name; console.log("Selected option:", currentOption.value); @@ -212,6 +221,22 @@ console.log("澶╂皵鏁堟灉宸叉竻闄�"); } else { console.log("娌℃湁鎵撳紑鐨勫ぉ姘旀晥鏋�"); + } + }, + 澶ф皵鏁e皠: () => { + showAtmosphere.value = !showAtmosphere.value + if (showAtmosphere.value) { + mapUtils.enableAtmosphere() + } else { + mapUtils.disableAtmosphere() + } + }, + 鏃ョ収鍒嗘瀽: () => { + showSunAnalysis.value = !showSunAnalysis.value + if (showSunAnalysis.value) { + // mapUtils.AnalysisSunshine() + } else { + // mapUtils.disableAtmosphere() } }, @@ -292,13 +317,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; @@ -309,7 +334,7 @@ } // 娓呴櫎鍙鍩� -function onClear () { +function onClear() { mapUtils.syfxqc(option); } -- Gitblit v1.9.3