更新

src/assets/svg/waves.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1745828140624" class="icon" viewBox="0 0 1038 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5800"
+     width="202.734375" height="200">
+    <path d="M226.811577 17.478827C172.131043 38.726413 142.947613 71.852167 142.947613 119.211243c0 52.581375 59.698036 95.332541 133.3222 95.332541 7.782248 0 15.001307-0.409592 22.373963-1.279975-38.706445-9.420616-52.786171-48.331858-52.78617-60.51722 0-28.978635 17.151666-58.46926 67.019493-66.968294 0 0 39.832823-10.393397 113.30339 5.222298 103.626779 30.565804 133.885389 67.070692 161.891244 122.877604 34.968918 88.113482 5.324696 205.563992-50.379818 272.173893-106.493923 127.127121-369.810389 168.393516-369.810389 168.393516C435.447509 603.144207 531.957627 488.970433 555.765163 332.813478c15.3597-207.253559-224.251627-280.877723-263.11167-152.573025 34.508127-23.909934 95.793332-12.390158 133.578195 0 86.782308 46.744688 64.715538 132.349419 56.882091 173.052626-17.714855 91.79981-86.833507 180.732476-188.463525 234.901019C187.797938 635.501976 47.205479 657.107954 0 665.402193h286.202419c-6.041482 0.307194-5.273497 0.255995 6.451074-0.051199h-4.147119c25.343506-1.177577 126.051942-6.348676 180.681277-22.220367C619.405522 599.304282 767.985024 494.499925 767.985024 324.980031 767.985024 155.30654 600.51309 27.05304 427.818858 5.907853 318.764984-7.403888 254.35664 4.115888 226.811577 17.427628v0.051199zM142.384424 554.863548C110.333848 575.138353 0 614.407987 0 614.407987s102.193207-7.321457 185.13559-35.839301c74.392149-25.599501 109.463465-52.222982 144.227587-93.182183 31.692182-37.221674 61.797195-151.446647-50.328618-206.075982-65.227528-31.743381-155.952159-32.357769-193.532226 6.143881-44.543131 45.771907-10.035004 85.65593-10.035005 85.655929s13.209342-36.607286 56.93329-42.904763c11.673372-1.689567 56.882091 0.51199 80.53603 17.561258 17.817253 12.79975 46.232698 35.8905 30.207411 94.564556-12.134163 44.338335-44.184738 78.744064-100.708436 114.532166z"
+          p-id="5801"></path>
+    <path d="M707.979794 829.238998a89.854248 89.854248 0 0 1 64.049951 26.213889 89.495855 89.495855 0 0 1 26.213889 64.10115c0 12.646153-2.303955 24.370725-6.911865 35.327311-4.60791 10.905387-11.058984 20.377203-19.302024 28.364247a98.097287 98.097287 0 0 1-28.773838 19.302023 85.963124 85.963124 0 0 1-35.327312 7.321458c-12.594954 0-24.370725-2.457552-35.327311-7.321458a93.284581 93.284581 0 0 1-28.364247-19.302023 93.284581 93.284581 0 0 1-19.302023-28.364247 85.963124 85.963124 0 0 1-7.270258-35.327311v-0.716786H204.796006v-91.031825h501.750216v1.433572h1.433572z m202.389654-275.962619c15.564496 0 30.207411 3.07194 44.031141 9.113422 13.874929 6.092681 25.906695 14.33572 36.095296 24.780317 10.188601 10.393397 18.329243 22.527561 24.370725 36.351291 6.092681 13.82373 9.113422 28.569043 9.113422 44.082341 0 16.025288-3.07194 30.975396-9.113422 44.799126a116.733724 116.733724 0 0 1-24.370725 36.044097c-10.2398 10.188601-22.220367 18.329243-36.044097 24.370725-13.82373 6.092681-28.517844 9.113422-44.031141 9.113422H204.796006v-91.031825h593.447628a118.730485 118.730485 0 0 1-2.201557-23.295545c0-15.513297 3.07194-30.207411 9.113422-44.031142a121.341634 121.341634 0 0 1 24.421924-36.40249c10.188601-10.444596 22.169168-18.687636 36.044097-24.780317 13.82373-6.092681 28.72264-9.113422 44.747928-9.113422z"
+          p-id="5802"></path>
+</svg>

src/components/StationRightButtonGroup.vue

@@ -11,6 +11,7 @@ import {useChatStore} from '@/stores/chat'
 import handle from "@/assets/svg/handle.svg";
 import typhoon from "@/assets/svg/typhoon.svg";
 import underwater from "@/assets/svg/underwater.svg";
+import waves from "@/assets/svg/waves.svg";
 import horizontalContract from "@/assets/svg/horizontal-contract.svg";
 import chat from "@/assets/svg/chat.svg";
 import horizontalExpand from "@/assets/svg/horizontal-expand.svg";
@@ -77,6 +78,7 @@ const hasBack = computed(() => route.path.indexOf('/sthouse/') > -1 || route.pat
 // 是否显示模拟按钮
 const hasHandle = computed(() => route.path.indexOf('/situational/') > -1);
 const underwaterState = ref(true);
+const wavesState = ref(false);
 
 // 水文站标签
 const hydrologicStationState = computed({
@@ -297,6 +299,10 @@ watch(() => underwaterState.value, (value) => {
   Layer.underWater(value)
 })
 
+watch(() => wavesState.value, (value) => {
+  Layer.taihuForecast(value)
+})
+
 onUnmounted(() => {
   if (riverRoamStatus.value !== 0) {
     Operate.roam('river', '结束')
@@ -400,6 +406,16 @@ watch(() => stationRoamStatus.value, (value) => {
       水下地形&nbsp;<el-switch v-model="underwaterState" :active-action-icon="Elview" :inactive-action-icon="Hide"/>
     </el-popover>
 
+    <el-popover placement="left-start" trigger="hover" width="auto">
+      <template #reference>
+        <div class="right-btn-item">
+          <img :src="backgroundSrc" alt="" style="position: absolute;"/>
+          <icon :data="waves"/>
+        </div>
+      </template>
+      太湖风浪&nbsp;<el-switch v-model="wavesState" :active-action-icon="Elview" :inactive-action-icon="Hide"/>
+    </el-popover>
+
     <el-popover placement="left-start" trigger="hover" width="auto">
       <template #reference>
         <div v-if="route.params.stcd === '63304700'" class="right-btn-item">

src/utils/tdInstruction/layer.ts

@@ -41,3 +41,16 @@ export function underWater(show = true) {
   Bus.emit('emitUIInteraction', descriptor)
   console.log("-- 水下地形：", JSON.stringify(descriptor));
 }
+
+export function taihuForecast(show = true) {
+  let descriptor = {
+    "command": "TaihuForecast",
+    "data": {
+      "Time": "2025042300",
+      "Type": "wind_speed",
+      "Diaplay": show ? "true" : "false"
+    }
+  };
+  Bus.emit('emitUIInteraction', descriptor)
+  console.log("-- 太湖风浪：", JSON.stringify(descriptor));
+}