Newer
Older
DH_Apicture / src / views / pictureOnMap / page / FloodControlAndDrainage / Pailaodiaodu / index.vue
@zhangqy zhangqy on 29 Nov 916 bytes first commit
  1. <template>
  2. <!-- 左侧 -->
  3. <Transition name="fade_left">
  4. <MonitoringWarningLeft v-show="!showPanel" @changeType="changeType" />
  5. </Transition>
  6. <!-- 右侧 -->
  7. <Transition name="fade_right">
  8. <MonitoringWarningRigh v-show="!showPanel" :selectType="selectType" />
  9. </Transition>
  10. <PanelDisplayHidden @showPanelChange="PanelChange"></PanelDisplayHidden>
  11. </template>
  12.  
  13. <script setup name="Pailaodiaodu">
  14. import MonitoringWarningLeft from "./MonitoringWarningLeft/index.vue";
  15. import MonitoringWarningRigh from "./MonitoringWarningRigh/index.vue";
  16. // 面板控制组件
  17. import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
  18. const showPanel = ref(false); //面板展开收起
  19. const PanelChange = (val) => {
  20. showPanel.value = val;
  21. };
  22. const selectType = ref("1");
  23.  
  24. function changeType(num) {
  25. selectType.value = num;
  26. }
  27. </script>
  28.  
  29. <style lang="scss" scoped></style>