forked from drone/command-center-dashboard
blame | history | patch | commit | commitdiff | ignore whitespace
chenyao
2025-04-09 cc1aacf766bc902001f460fdfce20a9ec2ea097d 
 src/views/Home/Home.vue


@@ -1,37 +1,49 @@


<template>


  <template v-if="!singleUavHome?.id">


    <SearchBox />


    <HomeLeft />


    <HomeRight />


  </template>


  <template v-else>


    <SignMachineNest />


  </template>


  <RSide />


  <Footer />


   <!--      单个机巢页面-->


   <SignMachineNest v-if="singleUavHome?.device_sn" />


   <!--      事件概述详细信息页面-->


   <EventOverviewDetail v-else-if="isEventOverviewDetail" />




   <AINowFly v-else-if="isAINowFly" />


   <!--         首页默认的页面-->


   <template v-else>


      <HomeLeft />


      <HomeRight />


   </template>




   <SearchBox />


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


const store = useStore();


const { _init,viewerDestory } = cesiumOperation();


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'


import AINowFly from '@/views/Home/AINowFly.vue'




const singleUavHome = computed(() => store.state.home.singleUavHome);


const store = useStore()


const { _init, viewerDestory } = cesiumOperation()




onBeforeUnmount(()=>{


  store.commit('setSingleUavHome',null);


  viewerDestory()


const singleUavHome = computed(() => store.state.home.singleUavHome)


const isEventOverviewDetail = computed(() => store.state.home.isEventOverviewDetail)


const isAINowFly = computed(() => store.state.home.footActiveIndex === 5)




onUnmounted(() => {


   store.commit('setSingleUavHome', null)


   store.commit('setIsEventOverviewDetail', false)


   store.commit('setFootActiveIndex', 0)


   viewerDestory()


})




onMounted(() => {


  _init('cesium');


});


   _init('cesium')


})


</script>