<template>
<!-- 防汛排涝  辅助决策 -->
  <div class="Fuzhujuece">
        <!-- 左侧辅助决策 -->
        <Transition name="fade_left">
        <AuxiliaryResearchAndJudgmentLeft v-show="!showPanel"></AuxiliaryResearchAndJudgmentLeft>
        </Transition>
        <!-- 右侧调度辅助决策 -->
        <Transition name="fade_right">
        <SchedulingAidedDecisionRight v-show="!showPanel"></SchedulingAidedDecisionRight>
        </Transition>

        <PanelDisplayHidden @showPanelChange="PanelChange"></PanelDisplayHidden>
  </div>
</template>
<script setup name="Fuzhujuece">
import moment from "moment";
import bus from "@/bus";

import {ref,reactive,onMounted} from "vue"
import AuxiliaryResearchAndJudgmentLeft from './AuxiliaryResearchAndJudgmentLeft/index.vue'
import SchedulingAidedDecisionRight from './SchedulingAidedDecisionRight/index.vue'

// 面板控制组件
import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
const showPanel = ref(false); //面板展开收起
const PanelChange = (val) => {
  showPanel.value = val;
};
const { proxy } = getCurrentInstance();

onMounted(() => {

});
onBeforeUnmount(() => {

});

</script>
<style lang="scss" scoped>
.Fuzhujuece {



}

</style>