From 2c2bc8614c8ea0ce386369eb4924da1e6aa052d1 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Wed, 27 Sep 2023 09:35:57 +0800
Subject: [PATCH] 添加环境配置区分

---
 src/pages/page-web/projects/wayline.vue |   64 +++++++++++++++++++++++++++++---
 1 files changed, 58 insertions(+), 6 deletions(-)

diff --git a/src/pages/page-web/projects/wayline.vue b/src/pages/page-web/projects/wayline.vue
index c6f5e8d..3ea0aaf 100644
--- a/src/pages/page-web/projects/wayline.vue
+++ b/src/pages/page-web/projects/wayline.vue
@@ -84,7 +84,7 @@
 import { reactive } from '@vue/reactivity'
 import { message } from 'ant-design-vue'
 import { onMounted, onUpdated, ref } from 'vue'
-import { deleteWaylineFile, downloadWaylineFile, getWaylineFiles, importKmzFile } from '/@/api/wayline'
+import { deleteWaylineFile, downloadWaylineFile, getWaylineFiles, importKmzFile, getWayLineFile } from '/@/api/wayline'
 import { ELocalStorageKey, ERouterName } from '/@/types'
 import { EllipsisOutlined, RocketOutlined, CameraFilled, UserOutlined, SelectOutlined } from '@ant-design/icons-vue'
 import { EDeviceType } from '/@/types/device'
@@ -95,9 +95,13 @@
 import { CURRENT_CONFIG } from '/@/api/http/config'
 import { load } from '@amap/amap-jsapi-loader'
 import { getRoot } from '/@/root'
+import * as Cesium from 'cesium'
 
 const loading = ref(false)
+const { appContext } = getCurrentInstance()
+const global = appContext.config.globalProperties
 const store = useMyStore()
+let kmlDataSource = null
 const pagination :IPage = {
   page: 1,
   total: -1,
@@ -109,7 +113,7 @@
 })
 
 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)
@@ -130,6 +134,7 @@
     pagination.page++
     getWaylines()
   }, 1000)
+  console.log(workspaceId.value)
 })
 
 function getWaylines () {
@@ -159,7 +164,7 @@
 }
 
 function deleteWayline () {
-  deleteWaylineFile(workspaceId, deleteWaylineId.value).then(res => {
+  deleteWaylineFile(workspaceId.value, deleteWaylineId.value).then(res => {
     if (res.code === 0) {
       message.success('Wayline file deleted')
     }
@@ -187,14 +192,61 @@
 
 function selectRoute (wayline: WaylineFile) {
   loading.value = true
-  downloadWaylineFile(workspaceId.value, wayline.id).then(res => {
+  getWayLineFile(workspaceId.value, wayline.id).then(res => {
     store.commit('SET_SELECT_WAYLINE_INFO', wayline)
-    console.log(res, 'res')
+    initKmlFile(res.data)
   }).finally(() => {
     loading.value = false
   })
 }
+/**
+ * 加载kml文件
+ * @param file
+ */
+function initKmlFile (file:string) {
+  const options = {
+    camera: global.$viewer.scene.camera,
+    canvas: global.$viewer.scene.canvas,
+    screenOverlayContainer: global.$viewer.container,
+  }
+  global.$viewer.dataSources.add(
+    Cesium.KmlDataSource.load(
+      file,
+      options
+    )).then((res: any) => {
+    kmlDataSource = res
+    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++) {
+      const entity = kmlEntityArr[i]
+      entity.point = new Cesium.PointGraphics({
+        pixelSize: 12,
+        color: Cesium.Color.RED,
+        outlineColor: Cesium.Color.WHITE,
+      })
+      entity.billboard = null
+
+      cartesianArr.push(entity.position._value)
+    }
+
+    const lineEntity = global.$viewer.entities.add({
+      name: 'entityLine',
+      polyline: {
+        positions: cartesianArr,
+        width: 10,
+        material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.CYAN),
+      },
+    })
+
+    global.$viewer.flyTo(lineEntity, {
+      offset: new Cesium.HeadingPitchRange(0, -90, 1000)
+    })
+  })
+}
 function onScroll (e: any) {
   const element = e.srcElement
   if (element.scrollTop + element.clientHeight >= element.scrollHeight - 5 && Math.ceil(pagination.total / pagination.page_size) > pagination.page && canRefresh.value) {
@@ -227,7 +279,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