From 51744eac8f51ab1af5ccc3a54c48d0ee50cd5140 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=B6=E5=BF=97=E8=B6=85?= <yezhichao@hwasmart.com>
Date: Fri, 27 May 2022 12:51:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E5=8D=AB=E6=98=9F=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E8=BD=A8=E9=81=93=E8=A7=86=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/render/components/EarthView.vue           | 40 +----------------
 src/render/components/SatelliteSystemView.vue | 45 +++++++++++++++++++
 2 files changed, 47 insertions(+), 38 deletions(-)
 create mode 100644 src/render/components/SatelliteSystemView.vue

diff --git a/src/render/components/EarthView.vue b/src/render/components/EarthView.vue
index 691f24f..a2d1c5e 100644
--- a/src/render/components/EarthView.vue
+++ b/src/render/components/EarthView.vue
@@ -5,53 +5,17 @@
     </vc-layer-imagery>
     
     <vc-navigation :offset="[10, 40]" :position="'top-left'" :printOpts="false" :locationOpts="false" :otherOpts="false" />
-
-    <vc-datasource-czml v-if="czml" :czml="czml" @ready="onDataSourceReady" />
+    <SatelliteSystemView />
   </vc-viewer>
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue'
-import { useStore } from 'vuex'
-import entity from '../api/entity'
 import earth from '../assets/earth.jpg'
+import SatelliteSystemView from './SatelliteSystemView.vue';
 
-// 卫星轨道数据处理
-const store = useStore()
-const czml  = computed(() => './CZML/' + store.getters["satelliteSystem/name"] + '.czml')
-const onDataSourceReady = ({ viewer, cesiumObject }) => {
-  viewer.flyTo(cesiumObject)
-  entity.load(cesiumObject.entities.values)
-
-  // 显示卫星导航系统的科普信息
-  viewer.selectedEntity = entity.find('Constellation')
-}
-
-// 显示/隐藏、跟踪卫星等交互操作
-let vcViewerInstance: any = null
-store.subscribeAction(({ type, payload }) => {
-  // 显示/隐藏卫星
-  if (type === 'satelliteSystem/toggleShow') {
-    const satellite = entity.get(payload)
-    if (!satellite) return
-
-    satellite.show  = !satellite.show
-  }
-
-  // 跟踪卫星
-  if (type === 'satelliteSystem/track') {
-    const satellite = entity.get(payload)
-    if (!satellite || !vcViewerInstance) return
-
-    vcViewerInstance.selectedEntity = satellite
-    vcViewerInstance.trackedEntity  = satellite
-  }
-})
 
 // 初始化视图参数
 const onViewerReady = ({ viewer }) => {
-  vcViewerInstance = viewer
-
   viewer.scene.debugShowFramesPerSecond = false
 
   // 限定缩放大小
diff --git a/src/render/components/SatelliteSystemView.vue b/src/render/components/SatelliteSystemView.vue
new file mode 100644
index 0000000..afad60f
--- /dev/null
+++ b/src/render/components/SatelliteSystemView.vue
@@ -0,0 +1,45 @@
+<template>
+  <vc-datasource-czml v-if="czml" :czml="czml" @ready="onDataSourceReady" />
+</template>
+
+
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useStore } from 'vuex'
+import entity from '../api/entity'
+
+// 卫星轨道数据处理
+let vcViewerInstance: any = null
+const store = useStore()
+const czml  = computed(() => './CZML/' + store.getters["satelliteSystem/name"] + '.czml')
+const onDataSourceReady = ({ viewer, cesiumObject }) => {
+  if (!vcViewerInstance) vcViewerInstance = viewer
+
+  viewer.flyTo(cesiumObject)
+  entity.load(cesiumObject.entities.values)
+
+  // 显示卫星导航系统的科普信息
+  viewer.selectedEntity = entity.find('Constellation')
+}
+
+// 显示/隐藏、跟踪卫星等交互操作
+store.subscribeAction(({ type, payload }) => {
+  // 显示/隐藏卫星
+  if (type === 'satelliteSystem/toggleShow') {
+    const satellite = entity.get(payload)
+    if (!satellite) return
+
+    satellite.show  = !satellite.show
+  }
+
+  // 跟踪卫星
+  if (type === 'satelliteSystem/track') {
+    const satellite = entity.get(payload)
+    if (!satellite || !vcViewerInstance) return
+
+    vcViewerInstance.selectedEntity = satellite
+    vcViewerInstance.trackedEntity  = satellite
+  }
+})
+</script>
\ No newline at end of file