From 295eb3cc87aaa5176d64a4ef985cdad0bfefae9a Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Mon, 31 Mar 2025 08:35:00 +0800
Subject: [PATCH] 增加单个机巢页面

---
 src/views/Home/Home.vue |   74 +++++++++++++++---------------------
 1 files changed, 31 insertions(+), 43 deletions(-)

diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 6697a5f..5a2c5a7 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -1,49 +1,37 @@
 <template>
-  <Header></Header>
-  <div class="warp">
-    <HomeLeft></HomeLeft>
-    <!-- <div>中间搜索</div> -->
-    <HomeRight></HomeRight>
-  </div>
+  <template v-if="!singleUavHome?.id">
+    <SearchBox />
+    <HomeLeft />
+    <HomeRight />
+  </template>
+  <template v-else>
+    <SignMachineNest />
+  </template>
+  <RSide />
+  <Footer />
 </template>
 
-<script>
-import index from '@/mixins';
-import { mapGetters } from 'vuex';
-import Header from '../Home/components/Header.vue';
-import HomeLeft from '../Home/components/HomeLeft/Index.vue'
-import HomeRight from '../Home/components/HomeRight/Index.vue'
+<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();
 
-export default {
-  mixins: [index],
-  components: {
-    Header,
-    HomeLeft,
-    HomeRight,
-  },
-  name: 'index',
-  provide() {
-    return {
-      index: this,
-    };
-  },
-  computed: {},
-  props: [],
-  methods: {
+const singleUavHome = computed(() => store.state.home.singleUavHome);
 
-  },
-};
+onBeforeUnmount(()=>{
+  store.commit('setSingleUavHome',null);
+  viewerDestory()
+})
+
+onMounted(() => {
+  _init('cesium');
+});
 </script>
-<style scoped lang="scss">
-.page-home {
-  height: 100vh;
-  width: 100%;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
-  .warp {
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>

--
Gitblit v1.9.3