| | |
| | | <Teleport to=".layout-parent"> |
| | | <Transition name="fullscreen"> |
| | | <div v-if="isRenderFullscreen" v-show="isFullscreen" class="absolute inset-0 z-50 w-full h-full"> |
| | | <BasicMap ref="fullScreenMapRef" :config="fullScreenMapConfig" class="h-full" :data="data" @markerClick="markerClick" @closeInfoWindow="closeInfoWindow" /> |
| | | <BasicMap |
| | | ref="fullScreenMapRef" |
| | | :config="fullScreenMapConfig" |
| | | class="h-full" |
| | | :data="data" |
| | | @markerClick="markerClick" |
| | | @closeInfoWindow="closeInfoWindow" |
| | | /> |
| | | <div class="absolute right-2 top-2 cursor-pointer" @click="toggleFullScreen"> |
| | | <el-tooltip content="退出全屏(Esc)" placement="top"> |
| | | <div class="ywifont !text-[20px] text-black rounded-lg ywicon-tuichuquanping"></div> |
| | |
| | | :tableHeight="240" |
| | | /> |
| | | </div> |
| | | <SmallChat class="absolute bottom-0 right-0" :olMap="fullScreenOlMap" /> |
| | | </div> |
| | | </Transition> |
| | | </Teleport> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import 'ol/ol.css'; |
| | | import { nextTick, onDeactivated, onMounted, onUnmounted, ref } from 'vue'; |
| | | import { computed, nextTick, onDeactivated, onMounted, onUnmounted, ref } from 'vue'; |
| | | import EquipCurve from '../components/EquipCurve.vue'; |
| | | import BasicMap from './BasicMap.vue'; |
| | | import { useCompRef } from '/@/utils/types'; |
| | | import SmallChat from '/@/components/chat/smallChat/index.vue'; |
| | | import { GaoDeSourceType } from '/@/model/map/OLMap'; |
| | | import { useCompRef } from '/@/utils/types'; |
| | | const isRenderFullscreen = ref(false); |
| | | |
| | | const isFullscreen = ref(false); |
| | | const props = defineProps(['data']); |
| | | const normalMapRef = useCompRef(BasicMap); |
| | | const fullScreenMapRef = useCompRef(BasicMap); |
| | | const fullScreenOlMap = computed(() => fullScreenMapRef.value?.olMap); |
| | | const emit = defineEmits(['equipClick', 'closeInfoWindow']); |
| | | |
| | | const markerClick = (row) => { |
| | |
| | | emit('closeInfoWindow'); |
| | | } |
| | | }; |
| | | |
| | | |
| | | const fullScreenMapConfig = ref({ |
| | | sourceType: GaoDeSourceType.Vector, |