forked from drone/command-center-dashboard

shuishen
2025-04-08 56731d7e2e96ba549a88aca0ebd89a8fc3e98f01
src/views/Home/Home.vue
@@ -1,18 +1,44 @@
<template>
  <HomeLeft></HomeLeft>
  <!-- <div>中间搜索</div> -->
  <HomeRight></HomeRight>
  <SearchBox />
   <template v-if="singleUavHome?.device_sn">
      <SignMachineNest />
   </template>
   <template v-else>
      <EventOverviewDetail v-if="isEventOverviewDetail" />
      <template v-else>
         <SearchBox />
         <HomeLeft />
         <HomeRight />
      </template>
   </template>
   <RSide />
   <Footer />
</template>
<script setup>
import HomeRight from './components/HomeRight/HomeRight.vue';
import HomeLeft from '@/views/Home/components/HomeLeft/HomeLeft.vue';
import SearchBox from '@/views/Home/SearchBox.vue';
import { useAggregation } from '@/views/Home/useAggregation';
import MapPopUpBox from '@/views/Home/MapPopUpBox.vue';
import { render } from 'vue';
import HomeRight from '@/views/Home/HomeRight/HomeRight.vue'
import HomeLeft from '@/views/Home/HomeLeft/HomeLeft.vue'
import SearchBox from '@/views/Home/SearchBox.vue'
import SignMachineNest from '@/views/SignMachineNest/SignMachineNest.vue'
import { useStore } from 'vuex'
import Footer from '@/views/Home/Footer.vue'
import RSide from '@/views/Home/RSide.vue'
import { onMounted } from 'vue'
import cesiumOperation from '@/utils/cesium-tsa'
import EventOverviewDetail from '@/views/Home/EventOverviewDetail/EventOverviewDetail.vue'
const store = useStore()
const { _init, viewerDestory } = cesiumOperation()
useAggregation()
const singleUavHome = computed(() => store.state.home.singleUavHome)
const isEventOverviewDetail = computed(() => store.state.home.isEventOverviewDetail)
onUnmounted(() => {
   store.commit('setSingleUavHome', null)
   console.log('home销毁')
   viewerDestory()
})
onMounted(() => {
   _init('cesium')
})
</script>