<template>
  <!-- 左侧 -->
  <Transition name="fade_left">
    <MonitoringWarningLeft v-show="!showPanel" @changeType="changeType" />
  </Transition>
  <!-- 右侧 -->
  <Transition name="fade_right">
    <MonitoringWarningRigh v-show="!showPanel" :selectType="selectType" />
  </Transition>
  <PanelDisplayHidden @showPanelChange="PanelChange"></PanelDisplayHidden>
</template>

<script setup name="Pailaodiaodu">
import MonitoringWarningLeft from "./MonitoringWarningLeft/index.vue";
import MonitoringWarningRigh from "./MonitoringWarningRigh/index.vue";
// 面板控制组件
import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
const showPanel = ref(false); //面板展开收起
const PanelChange = (val) => {
  showPanel.value = val;
};
const selectType = ref("1");

function changeType(num) {
  selectType.value = num;
}
</script>

<style lang="scss" scoped></style>