- <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>