|
|
@@ -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) => {
|
|
|
水下地形 <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>
|
|
|
+ 太湖风浪 <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">
|
linqilong
