From 54849757852f6ab40eb17afbd03d1d839b60a38d Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 13 Nov 2023 17:09:15 +0800
Subject: [PATCH] 重复定时和连续执行

---
 src/pages/page-web/projects/wayline.vue |   32 +++++++++++++++++++++-----------
 1 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/pages/page-web/projects/wayline.vue b/src/pages/page-web/projects/wayline.vue
index c6df563..e532830 100644
--- a/src/pages/page-web/projects/wayline.vue
+++ b/src/pages/page-web/projects/wayline.vue
@@ -96,6 +96,7 @@
 import { load } from '@amap/amap-jsapi-loader'
 import { getRoot } from '/@/root'
 import * as Cesium from 'cesium'
+import { cesiumOperation } from '/@/hooks/use-cesium-tsa'
 
 const loading = ref(false)
 const { appContext } = getCurrentInstance()
@@ -107,18 +108,19 @@
   total: -1,
   page_size: 10
 }
-
+const kmlEntity = ref<any>([])
 const waylinesData = reactive({
   data: [] as WaylineFile[]
 })
 
 const root = getRoot()
-const workspaceId = computed(() => store.state.common.projectId)
+const workspaceId = computed(() => store.state.common.projectId || localStorage.getItem(ELocalStorageKey.WorkspaceId))
 const deleteTip = ref(false)
 const deleteWaylineId = ref<string>('')
 const canRefresh = ref(true)
 const importVisible = ref<boolean>(root.$router.currentRoute.value.name === ERouterName.WAYLINE)
 const height = ref()
+const { removeById, } = cesiumOperation()
 
 onMounted(() => {
   const parent = document.getElementsByClassName('scrollbar').item(0)?.parentNode as HTMLDivElement
@@ -134,6 +136,13 @@
     pagination.page++
     getWaylines()
   }, 1000)
+  console.log(workspaceId.value)
+})
+onUnmounted(() => {
+  if (kmlDataSource) {
+    global.$viewer.dataSources.remove(kmlDataSource)
+  }
+  removeById('kmzLine')
 })
 
 function getWaylines () {
@@ -165,7 +174,7 @@
 function deleteWayline () {
   deleteWaylineFile(workspaceId.value, deleteWaylineId.value).then(res => {
     if (res.code === 0) {
-      message.success('Wayline file deleted')
+      message.success('文件删除成功')
     }
     deleteWaylineId.value = ''
     deleteTip.value = false
@@ -192,7 +201,6 @@
 function selectRoute (wayline: WaylineFile) {
   loading.value = true
   getWayLineFile(workspaceId.value, wayline.id).then(res => {
-    console.log(res, 'res')
     store.commit('SET_SELECT_WAYLINE_INFO', wayline)
     initKmlFile(res.data)
   }).finally(() => {
@@ -204,10 +212,14 @@
  * @param file
  */
 function initKmlFile (file:string) {
+  removeById('kmzLine')
   const options = {
     camera: global.$viewer.scene.camera,
     canvas: global.$viewer.scene.canvas,
     screenOverlayContainer: global.$viewer.container,
+  }
+  if (kmlDataSource) {
+    global.$viewer.dataSources.remove(kmlDataSource)
   }
   global.$viewer.dataSources.add(
     Cesium.KmlDataSource.load(
@@ -215,10 +227,8 @@
       options
     )).then((res: any) => {
     kmlDataSource = res
+    kmlEntity.value = kmlDataSource.entities.values
     kmlDataSource.show = true
-
-    console.log('Entits数组', kmlDataSource.entities.values)
-
     const kmlEntityArr = kmlDataSource.entities.values[0]._children
     const cartesianArr = []
     for (let i = 0; i < kmlEntityArr.length; i++) {
@@ -229,21 +239,21 @@
         outlineColor: Cesium.Color.WHITE,
       })
       entity.billboard = null
-
       cartesianArr.push(entity.position._value)
     }
-
     const lineEntity = global.$viewer.entities.add({
       name: 'entityLine',
+      id: 'kmzLine',
       polyline: {
         positions: cartesianArr,
         width: 10,
         material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.CYAN),
+        clampToGround: false, // 关闭贴地效果，保留高度
       },
     })
 
     global.$viewer.flyTo(lineEntity, {
-      offset: new Cesium.HeadingPitchRange(0, -90, 1000)
+      offset: new Cesium.HeadingPitchRange(0, -90, 8000)
     })
   })
 }
@@ -279,7 +289,7 @@
     fileData.append('file', file, file.name)
     await importKmzFile(workspaceId.value, fileData).then((res) => {
       if (res.code === 0) {
-        message.success(`${file.name} file uploaded successfully`)
+        message.success(`${file.name} 文件上传成功`)
         canRefresh.value = true
         pagination.total = 0
         pagination.page = 1

--
Gitblit v1.9.3