From 77ec03d84524c0ad795a505ef4756b01f1c050ae Mon Sep 17 00:00:00 2001
From: DIAMOND <276397553@qq.com>
Date: Mon, 18 Dec 2023 16:03:03 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=9B=B4=E6=8D=A2=E5=9C=B0=E5=9B=BE=E6=8F=90?=
 =?UTF-8?q?=E4=BE=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2.处理mitt事件
---
 src/views/earthMap/edit/EarthComp.vue         |  15 +-
 .../monitorArea/components/VCEarthViewer.vue  | 985 ++++++++++--------
 2 files changed, 570 insertions(+), 430 deletions(-)

diff --git a/src/views/earthMap/edit/EarthComp.vue b/src/views/earthMap/edit/EarthComp.vue
index 667935e..9e5ce14 100644
--- a/src/views/earthMap/edit/EarthComp.vue
+++ b/src/views/earthMap/edit/EarthComp.vue
@@ -627,6 +627,9 @@
             this.clearAlarmModel(eventSerialNum)
           }
         })
+        $mitt.on('fly', function (callback) {   
+          that.fly(callback)
+        })
       }
 
 
@@ -841,7 +844,7 @@
 
       });
     }
-    async fly() {
+    async fly(callback:any = null) {
       let position, rotation, viewDistance, duration;
       //
       let parentData =
@@ -866,6 +869,11 @@
           rotation = [data.rotationX, data.rotationY, data.rotationZ];
           viewDistance = data.viewDistance;
           duration = data.duration ? data.duration : 0;
+          // 处理mitt事件
+            if(callback){
+              callback(position,rotation,viewDistance,duration);
+              return
+            }
           this._earth.camera.flyTo(position, viewDistance, rotation, duration);
           // 地图复原事件
           window.$flyTo = this.flyTo = () => {
@@ -877,6 +885,11 @@
           rotation = [parentData[0].rotationX, parentData[0].rotationY, parentData[0].rotationZ];
           viewDistance = parentData[0].viewDistance;
           duration = parentData[0].duration;
+          // 处理mitt事件
+            if(callback){
+                callback(position,rotation,viewDistance,duration);
+                return
+            }
           // 先飞入到能看见红旗
           this._earth.camera.flyTo(position, viewDistance, rotation, duration);
           // 地图复原事件
diff --git a/src/views/military/modules/ai/monitorArea/components/VCEarthViewer.vue b/src/views/military/modules/ai/monitorArea/components/VCEarthViewer.vue
index 7e5fbbb..c7982ec 100644
--- a/src/views/military/modules/ai/monitorArea/components/VCEarthViewer.vue
+++ b/src/views/military/modules/ai/monitorArea/components/VCEarthViewer.vue
@@ -5,33 +5,21 @@
   功能概述：引入vc-drawings地图绘制插件，实现区域绘制并编辑保存数据，注意数据格式！注意数据格式！注意数据格式！
  -->
 <template>
-  <a-modal :visible="visible" :title="title" @ok="handleOk" @cancel="handleCancel" width="60vw" destroyOnClose wrapClassName="EarthMap">
+  <a-modal :visible="visible" :title="title" @ok="handleOk" @cancel="handleCancel" width="60vw" destroyOnClose
+    wrapClassName="EarthMap">
     <a-row ref="viewerContainer" class="demo-viewer">
-      <vc-viewer>
+      <vc-viewer :showCredit="false">
         <!-- 修改定位 和 位置偏移 -->
-        <vc-drawings
-          ref="drawingsRef"
-          position="top-left"
-          :main-fab-opts="mainFabOpts"
-          :offset="[10, 50]"
-          :editable="editable"
-          :clamp-to-ground="clampToGround"
-          @draw-evt="drawEvt"
-          @active-evt="activeEvt"
-          @editor-evt="editorEvt"
-          @mouse-evt="mouseEvt"
-          @clear-evt="clearEvt"
-          @ready="drawingsReadyDefault"
-          :pin-drawing-opts="pinDrawingOpts"
-          :point-drawing-opts="pointDrawingOpts"
-          :polygon-drawing-opts="polygonDrawingOpts"
-          :polyline-drawing-opts="polylineDrawingOpts"
-          :regular-drawing-opts="regularDrawingOpts"
-          :circle-drawing-opts="circleDrawingOpts"
-          :rectangle-drawing-opts="rectangleDrawingOpts"
-        ></vc-drawings>
+        <vc-drawings ref="drawingsRef" position="top-left" :main-fab-opts="mainFabOpts" :offset="[10, 50]"
+          :editable="editable" :clamp-to-ground="clampToGround" @draw-evt="drawEvt" @active-evt="activeEvt"
+          @editor-evt="editorEvt" @mouse-evt="mouseEvt" @clear-evt="clearEvt" @ready="drawingsReadyDefault"
+          :pin-drawing-opts="pinDrawingOpts" :point-drawing-opts="pointDrawingOpts"
+          :polygon-drawing-opts="polygonDrawingOpts" :polyline-drawing-opts="polylineDrawingOpts"
+          :regular-drawing-opts="regularDrawingOpts" :circle-drawing-opts="circleDrawingOpts"
+          :rectangle-drawing-opts="rectangleDrawingOpts"></vc-drawings>
         <vc-layer-imagery>
-          <vc-imagery-provider-tianditu map-style="img_c" :maximum-level="17" token="436ce7e50d27eede2f2929307e6b33c0"></vc-imagery-provider-tianditu>
+          <!-- <vc-imagery-provider-tianditu map-style="img_c" :maximum-level="17" token="436ce7e50d27eede2f2929307e6b33c0"></vc-imagery-provider-tianditu> -->
+          <vc-imagery-provider-tms :url="mapURL"></vc-imagery-provider-tms>
         </vc-layer-imagery>
         <vc-terrain-provider-cesium v-if="addTerrain"></vc-terrain-provider-cesium>
       </vc-viewer>
@@ -50,467 +38,606 @@
 </template>
 
 <script lang="ts" setup>
-  import { message } from 'ant-design-vue';
-  import { onMounted, watch } from 'vue';
-  import { ref, getCurrentInstance, nextTick } from 'vue';
-  const { proxy }: any = getCurrentInstance();
-  const props = defineProps({
-    title: {
-      type: String,
-      default: '区域选取',
-    },
-    visible: {
-      type: Boolean,
-      default: true,
-    },
-    // 区域数据
-    areaData: {
-      type: String,
-      default: '',
+import { message } from 'ant-design-vue';
+import $mitt from '@/utils/earthMap/mitt';
+import { onMounted, watch } from 'vue';
+import { ref, getCurrentInstance, nextTick } from 'vue';
+import { useUserStore } from '/@/store/modules/user';
+import { defHttp } from '/@/utils/http/axios';
+
+const { proxy }: any = getCurrentInstance();
+const props = defineProps({
+  title: {
+    type: String,
+    default: '区域选取',
+  },
+  visible: {
+    type: Boolean,
+    default: true,
+  },
+  // 区域数据
+  areaData: {
+    type: String,
+    default: '',
+  },
+  // 画图数据
+  drawData: {
+    type: String,
+    default: '',
+  },
+});
+//地图提供
+const mapURL = import.meta.env.VITE_GLOB_EARTHMAP_URL + import.meta.env.VITE_GLOB_SATELLITE_URL
+// const mapURL = "http://127.0.0.1:8088/dt/mapTile/satellite_zh/"
+// console.log("mapURL",mapURL);
+const userStore = useUserStore();
+//部门信息
+const sceneInfo: any = ref()
+
+let $viewer: any = ref(undefined);
+const drawingsRef = ref();
+// 地形
+const addTerrain: any = ref(false);
+// 可编辑
+const editable: any = ref(false);
+// 贴地
+const clampToGround: any = ref(false);
+// 浮动按钮样式
+const mainFabOpts = ref<any>({
+  direction: 'right',
+});
+// 表单更新数据
+const emit = defineEmits(['update:areaData', 'update:drawData']);
+// 绘图数据
+const drawData = ref<any>({
+  name: '绘图数据',
+  drawList: [
+    {
+      // 图标点
+      type: 'pin',
+      list: [],
     },
-    // 画图数据
-    drawData: {
-      type: String,
-      default: '',
+    {
+      // 点
+      type: 'point',
+      list: [],
     },
-  });
-
-  let $viewer = ref(undefined);
-  const drawingsRef = ref();
-  // 地形
-  const addTerrain: any = ref(false);
-  // 可编辑
-  const editable: any = ref(false);
-  // 贴地
-  const clampToGround: any = ref(false);
-  // 浮动按钮样式
-  const mainFabOpts = ref<any>({
-    direction: 'right',
-  });
-  // 表单更新数据
-  const emit = defineEmits(['update:areaData', 'update:drawData']);
-  // 绘图数据
-  const drawData = ref<any>({
-    name: '绘图数据',
-    drawList: [
-      {
-        // 图标点
-        type: 'pin',
-        list: [],
-      },
-      {
-        // 点
-        type: 'point',
-        list: [],
-      },
-      {
-        // 线
-        type: 'polyline',
-        list: [],
-      },
-      {
-        // 面
-        type: 'polygon',
-        list: [],
-      },
-      {
-        // 矩形
-        type: 'rectangle',
-        list: [],
-      },
-      {
-        // 正多边形
-        type: 'regular',
-        list: [],
-      },
-      {
-        // 圆
-        type: 'circle',
-        list: [],
-      },
-    ],
-  });
-  const areaDataLits = ref<any>([]);
-  // 线绘制参数
-  const polylineDrawingOpts = ref<any>({
-    // 预绘制数组  点、图标点：二维数组  线、面：三维数组
-    preRenderDatas: [],
-    // loop: true,
-    onClick(e: any) {
-      console.log(e);
+    {
+      // 线
+      type: 'polyline',
+      list: [],
     },
-  });
-  // 图标点绘制参数
-  const pinDrawingOpts = ref<any>({
-    preRenderDatas: [],
-    billboardOpts: {
-      image: 'https://zouyaoji.top/vue-cesium/images/grepin.png',
-      onClick(e: any) {
-        console.log(e);
-      },
+    {
+      // 面
+      type: 'polygon',
+      list: [],
     },
-    labelOpts: {
-      text: '图标点',
-      pixelOffset: [0, -60],
-      onClick(e: any) {
-        console.log(e);
-      },
+    {
+      // 矩形
+      type: 'rectangle',
+      list: [],
     },
-  });
-  // 点绘制参数
-  const pointDrawingOpts = ref<any>({
-    preRenderDatas: [],
-    pointOpts: {
-      color: 'red',
-      onClick(e: any) {
-        console.log(e);
-      },
+    {
+      // 正多边形
+      type: 'regular',
+      list: [],
     },
-  });
-  // 面绘制参数
-  const polygonDrawingOpts = ref<any>({
-    preRenderDatas: [],
-    onClick(e: any) {
-      console.log(e);
+    {
+      // 圆
+      type: 'circle',
+      list: [],
     },
-  });
-  // 正多边形绘制参数
-  const regularDrawingOpts = ref<any>({
-    preRenderDatas: [],
+  ],
+});
+const areaDataLits = ref<any>([]);
+// 线绘制参数
+const polylineDrawingOpts = ref<any>({
+  // 预绘制数组  点、图标点：二维数组  线、面：三维数组
+  preRenderDatas: [],
+  // loop: true,
+  onClick(e: any) {
+    console.log(e);
+  },
+});
+// 图标点绘制参数
+const pinDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  billboardOpts: {
+    image: 'https://zouyaoji.top/vue-cesium/images/grepin.png',
     onClick(e: any) {
       console.log(e);
     },
-  });
-  // 圆绘制参数
-  const circleDrawingOpts = ref<any>({
-    preRenderDatas: [],
+  },
+  labelOpts: {
+    text: '图标点',
+    pixelOffset: [0, -60],
     onClick(e: any) {
       console.log(e);
     },
-  });
-  // 矩形绘制参数
-  const rectangleDrawingOpts = ref<any>({
-    preRenderDatas: [],
+  },
+});
+// 点绘制参数
+const pointDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  pointOpts: {
+    color: 'red',
     onClick(e: any) {
       console.log(e);
     },
-  });
-  // 确定
-  async function handleOk(viewer) {
-    //上传
-    updateDraw(viewer);
-    message.success('区域编辑成功,请保存上传!');
-    //退出
-    handleCancel();
-  }
-  // 上传
-  function updateDraw(viewer: any) {
-    // 整理数据
-    getDrawingActionInstances(viewer);
-    // 格式转换
-    let drawDataToString = JSON.stringify(drawData.value.drawList);
-    let areaDataToString = JSON.stringify(areaDataLits.value);
-    //上传
-    emit('update:drawData', drawDataToString);
-    emit('update:areaData', areaDataToString);
-  }
-  // 加载
-  function loadingData() {
-    if (props.areaData || props.drawData) {
-      let loadingSource = JSON.parse(props.drawData);
-      drawData.value.drawList = loadingSource;
-      loadingSource.forEach((item) => {
-        switch (item.type) {
-          // 图标点
-          case 'pin':
-            // pinDrawingOpts.value.preRenderDatas = item.list
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[0].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 点
-          case 'point':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[1].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 线
-          case 'polyline':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[2].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 面
-          case 'polygon':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[3].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 矩形
-          case 'rectangle':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[4].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 正多边形
-          case 'regular':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[5].cmpOpts.preRenderDatas = item.list;
-            break;
-          // 圆
-          case 'circle':
-            proxy.$refs.drawingsRef.getDrawingActionInstances()[6].cmpOpts.preRenderDatas = item.list;
-            break;
-          default:
-            break;
-        }
-      });
-    }
-  }
+  },
+});
+// 面绘制参数
+const polygonDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  onClick(e: any) {
+    console.log(e);
+  },
+});
+// 正多边形绘制参数
+const regularDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  onClick(e: any) {
+    console.log(e);
+  },
+});
+// 圆绘制参数
+const circleDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  onClick(e: any) {
+    console.log(e);
+  },
+});
+// 矩形绘制参数
+const rectangleDrawingOpts = ref<any>({
+  preRenderDatas: [],
+  onClick(e: any) {
+    console.log(e);
+  },
+});
+// 确定
+async function handleOk(viewer) {
+  //上传
+  updateDraw(viewer);
+  message.success('区域编辑成功,请保存上传!');
+  //退出
+  handleCancel();
+}
+// 上传
+function updateDraw(viewer: any) {
   // 整理数据
-  function getDrawingActionInstances(viewer: any) {
-    // 监控区域数据
-    let areaData: any = [];
-    let k = 0;
-    // 根据图形类别 整理数据 用于保存
-    proxy.$refs.drawingsRef.getDrawingActionInstances().forEach((item) => {
-      // 画图源数据
-      let source = item.cmpRef._value.renderDatas._rawValue;
-
-      // 集合数据
-      let obj_list: any = [];
-
-      if (item.name == 'pin' || item.name == 'point') {
-        // 二维数组
-        source.forEach((ele) => {
-          k++;
-          // 单个点数据
-          let result: any = cartesian3ToCartographic(ele.position, viewer);
-          let result_area = {
-            lon: result[0],
-            lat: result[1],
-            key: k,
-          };
-
-          obj_list.push(result);
-          areaData.push(result_area);
-        });
-      } else if (item.name == 'rectangle') {
-        // 画图数组
-        source.forEach((ele) => {
-          // 单个图形数据
-          let point_list: any = [];
-          ele.positions.forEach((point) => {
-            // 单个点数据
-            let result: any = cartesian3ToCartographic(point, viewer);
-            point_list.push(result);
-          });
-          obj_list.push(point_list);
-        });
-        // 区域数组  矩形：编辑点开始 逆时针 正多边形：编辑点开始 逆时针
-        // 此处区域源数据针对以下图形:矩形,正多边形
-        let source_area = item.cmpRef._value.computedRenderDatas._value;
-
-        source_area.forEach((ele) => {
-          k++;
-          for (let i = 0; i < ele.polygonPositions.length - 1; i++) {
-            let result: any = cartesian3ToCartographic(ele.polygonPositions[i], viewer);
-            let result_area = {
-              lon: result[0],
-              lat: result[1],
-              key: k,
-            };
-            areaData.push(result_area);
-          }
-        });
-      } else if (item.name == 'regular') {
-        // 画图数组
-        source.forEach((ele) => {
-          // 单个图形数据
-          let point_list: any = [];
-          ele.positions.forEach((point) => {
-            // 单个点数据
-            let result: any = cartesian3ToCartographic(point, viewer);
-            point_list.push(result);
-          });
-          obj_list.push(point_list);
-        });
-        // 区域数组
-        // 此处区域源数据针对以下图形:矩形,正多边形
-        let source_area = item.cmpRef._value.computedRenderDatas._value;
-        source_area.forEach((ele) => {
-          k++;
-          for (let i = 0; i < ele.polygonPositions.length; i++) {
-            let result: any = cartesian3ToCartographic(ele.polygonPositions[i], viewer);
-            let result_area = {
-              lon: result[0],
-              lat: result[1],
-              key: k,
-            };
-            areaData.push(result_area);
-          }
-        });
-      } else if (item.name == 'circle') {
-        // 画图数组
-        source.forEach((ele) => {
-          // 单个图形数据
-          let point_list: any = [];
-          ele.positions.forEach((point) => {
-            // 单个点数据
-            let result: any = cartesian3ToCartographic(point, viewer);
-            point_list.push(result);
-          });
-          obj_list.push(point_list);
-        });
-        // 区域数组  矩形：编辑点开始 逆时针 正多边形：编辑点开始 逆时针
-        // 此处区域源数据针对以下图形:矩形,正多边形
-        let source_area = item.cmpRef._value.computedRenderDatas._value;
-        source_area.forEach((ele) => {
-          k++;
-          // 圆心
-          let result: any = cartesian3ToCartographic(ele.positions[0], viewer);
-          let result_area = {
-            lon: result[0],
-            lat: result[1],
-            distance: ele.distance,
-            key: k,
-          };
-          areaData.push(result_area);
-        });
-      } else {
-        // 三维数组
-        source.forEach((ele) => {
-          k++;
-          // 单个图形数据
-          let point_list: any = [];
-          ele.positions.forEach((point) => {
-            // 单个点数据
-            let result: any = cartesian3ToCartographic(point, viewer);
-            let result_area = {
-              lon: result[0],
-              lat: result[1],
-              key: k,
-            };
-            areaData.push(result_area);
-            point_list.push(result);
-          });
-          obj_list.push(point_list);
-        });
-      }
-      switch (item.name) {
+  getDrawingActionInstances(viewer);
+  // 格式转换
+  let drawDataToString = JSON.stringify(drawData.value.drawList);
+  let areaDataToString = JSON.stringify(areaDataLits.value);
+  //上传
+  emit('update:drawData', drawDataToString);
+  emit('update:areaData', areaDataToString);
+}
+// 加载
+function loadingData() {
+  if (props.areaData || props.drawData) {
+    let loadingSource = JSON.parse(props.drawData);
+    drawData.value.drawList = loadingSource;
+    loadingSource.forEach((item) => {
+      switch (item.type) {
+        // 图标点
         case 'pin':
-          drawData.value.drawList[0].list = obj_list;
+          // pinDrawingOpts.value.preRenderDatas = item.list
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[0].cmpOpts.preRenderDatas = item.list;
           break;
+        // 点
         case 'point':
-          drawData.value.drawList[1].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[1].cmpOpts.preRenderDatas = item.list;
           break;
+        // 线
         case 'polyline':
-          drawData.value.drawList[2].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[2].cmpOpts.preRenderDatas = item.list;
           break;
+        // 面
         case 'polygon':
-          drawData.value.drawList[3].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[3].cmpOpts.preRenderDatas = item.list;
           break;
+        // 矩形
         case 'rectangle':
-          drawData.value.drawList[4].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[4].cmpOpts.preRenderDatas = item.list;
           break;
+        // 正多边形
         case 'regular':
-          drawData.value.drawList[5].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[5].cmpOpts.preRenderDatas = item.list;
           break;
+        // 圆
         case 'circle':
-          drawData.value.drawList[6].list = obj_list;
+          proxy.$refs.drawingsRef.getDrawingActionInstances()[6].cmpOpts.preRenderDatas = item.list;
           break;
         default:
           break;
       }
     });
-    areaDataLits.value = areaData;
   }
-  //监听visible 的值
-  watch(
-    () => props.visible,
-    (val) => {
-      if (val) {
-        loadingData();
-      }
+}
+// 整理数据
+function getDrawingActionInstances(viewer: any) {
+  // 监控区域数据
+  let areaData: any = [];
+  let k = 0;
+  // 根据图形类别 整理数据 用于保存
+  proxy.$refs.drawingsRef.getDrawingActionInstances().forEach((item) => {
+    // 画图源数据
+    let source = item.cmpRef._value.renderDatas._rawValue;
+
+    // 集合数据
+    let obj_list: any = [];
+
+    if (item.name == 'pin' || item.name == 'point') {
+      // 二维数组
+      source.forEach((ele) => {
+        k++;
+        // 单个点数据
+        let result: any = cartesian3ToCartographic(ele.position, viewer);
+        let result_area = {
+          lon: result[0],
+          lat: result[1],
+          key: k,
+        };
+
+        obj_list.push(result);
+        areaData.push(result_area);
+      });
+    } else if (item.name == 'rectangle') {
+      // 画图数组
+      source.forEach((ele) => {
+        // 单个图形数据
+        let point_list: any = [];
+        ele.positions.forEach((point) => {
+          // 单个点数据
+          let result: any = cartesian3ToCartographic(point, viewer);
+          point_list.push(result);
+        });
+        obj_list.push(point_list);
+      });
+      // 区域数组  矩形：编辑点开始 逆时针 正多边形：编辑点开始 逆时针
+      // 此处区域源数据针对以下图形:矩形,正多边形
+      let source_area = item.cmpRef._value.computedRenderDatas._value;
+
+      source_area.forEach((ele) => {
+        k++;
+        for (let i = 0; i < ele.polygonPositions.length - 1; i++) {
+          let result: any = cartesian3ToCartographic(ele.polygonPositions[i], viewer);
+          let result_area = {
+            lon: result[0],
+            lat: result[1],
+            key: k,
+          };
+          areaData.push(result_area);
+        }
+      });
+    } else if (item.name == 'regular') {
+      // 画图数组
+      source.forEach((ele) => {
+        // 单个图形数据
+        let point_list: any = [];
+        ele.positions.forEach((point) => {
+          // 单个点数据
+          let result: any = cartesian3ToCartographic(point, viewer);
+          point_list.push(result);
+        });
+        obj_list.push(point_list);
+      });
+      // 区域数组
+      // 此处区域源数据针对以下图形:矩形,正多边形
+      let source_area = item.cmpRef._value.computedRenderDatas._value;
+      source_area.forEach((ele) => {
+        k++;
+        for (let i = 0; i < ele.polygonPositions.length; i++) {
+          let result: any = cartesian3ToCartographic(ele.polygonPositions[i], viewer);
+          let result_area = {
+            lon: result[0],
+            lat: result[1],
+            key: k,
+          };
+          areaData.push(result_area);
+        }
+      });
+    } else if (item.name == 'circle') {
+      // 画图数组
+      source.forEach((ele) => {
+        // 单个图形数据
+        let point_list: any = [];
+        ele.positions.forEach((point) => {
+          // 单个点数据
+          let result: any = cartesian3ToCartographic(point, viewer);
+          point_list.push(result);
+        });
+        obj_list.push(point_list);
+      });
+      // 区域数组  矩形：编辑点开始 逆时针 正多边形：编辑点开始 逆时针
+      // 此处区域源数据针对以下图形:矩形,正多边形
+      let source_area = item.cmpRef._value.computedRenderDatas._value;
+      source_area.forEach((ele) => {
+        k++;
+        // 圆心
+        let result: any = cartesian3ToCartographic(ele.positions[0], viewer);
+        let result_area = {
+          lon: result[0],
+          lat: result[1],
+          distance: ele.distance,
+          key: k,
+        };
+        areaData.push(result_area);
+      });
+    } else {
+      // 三维数组
+      source.forEach((ele) => {
+        k++;
+        // 单个图形数据
+        let point_list: any = [];
+        ele.positions.forEach((point) => {
+          // 单个点数据
+          let result: any = cartesian3ToCartographic(point, viewer);
+          let result_area = {
+            lon: result[0],
+            lat: result[1],
+            key: k,
+          };
+          areaData.push(result_area);
+          point_list.push(result);
+        });
+        obj_list.push(point_list);
+      });
+    }
+    switch (item.name) {
+      case 'pin':
+        drawData.value.drawList[0].list = obj_list;
+        break;
+      case 'point':
+        drawData.value.drawList[1].list = obj_list;
+        break;
+      case 'polyline':
+        drawData.value.drawList[2].list = obj_list;
+        break;
+      case 'polygon':
+        drawData.value.drawList[3].list = obj_list;
+        break;
+      case 'rectangle':
+        drawData.value.drawList[4].list = obj_list;
+        break;
+      case 'regular':
+        drawData.value.drawList[5].list = obj_list;
+        break;
+      case 'circle':
+        drawData.value.drawList[6].list = obj_list;
+        break;
+      default:
+        break;
+    }
+  });
+  areaDataLits.value = areaData;
+}
+//监听visible 的值
+watch(
+  () => props.visible,
+  (val) => {
+    if (val) {
+      loadingData();
     }
-  );
-  // 取消
-  function handleCancel() {
-    nextTick(() => {
-      proxy.$parent.mapVisible = false;
-    });
-  }
-  async function drawingsReadyDefault({ viewer, cesiumObject }) {
-    $viewer.value = viewer;
-    // 取消双击旋转事件
-    $viewer.value.cesiumWidget.screenSpaceEventHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
   }
-  onMounted(async () => {
-    await loadingData();
+);
+
+onMounted(async () => {
+  await loadingData();
+});
+
+// 取消
+function handleCancel() {
+  nextTick(() => {
+    proxy.$parent.mapVisible = false;
   });
+}
+async function drawingsReadyDefault(e) {
+  let viewer = e.viewer
+  console.log("viewer", viewer);
+  console.log("e", e);
+  $viewer.value = viewer;
+  // 取消双击旋转事件
+  $viewer.value.cesiumWidget.screenSpaceEventHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+
+  // 获取部门信息
+  await getSceneInfo();
+  // 飞入事件
+  await fly(viewer);
+}
 
-  function drawEvt(e, viewer) {
-    const restoreCursor = getComputedStyle(viewer.canvas).cursor;
-    if (e.finished) {
-      if (e.type === 'move') {
-        viewer.canvas.setAttribute('style', `cursor: ${proxy.restoreCursorMove}`);
+// 获取部门信息
+async function getSceneInfo() {
+  // 登录人部门信息
+  const orgCode: any = userStore.userInfo?.orgCode;
+  // this.orgCode = orgCode;
+  // console.log("orgCode",orgCode);
+
+  // 登录人部门信息长度为3则为总部，否则为岛屿
+  if (orgCode.length == 3) {
+    // 总部
+    await defHttp.get({
+      url: '/military/msMapScene/list',
+      params: {
+        pageNo: 1,
+        pageSize: 999,
+        sceneCode: "00001-00001*",
+        column: 'sysOrgCode',
+        order: 'asc',
       }
-      proxy.drawing = false;
+    }, { isTransformResponse: false }).then((response) => {
+      // console.log("response",response);
+      const records = response.result.records
+      // 设置岛屿信息为数组
+      sceneInfo.value = records;
+      return records;
+    });
+  } else {
+    await defHttp.get({
+      url: '/military/msMapScene/queryByOrgCode',
+      params: { orgCode: orgCode }
+    }, { isTransformResponse: false })
+      .then((response) => {
+        const data = response.result;
+        // 设置岛屿信息为Object
+        sceneInfo.value = data;
+        return data;
+      });
+  }
+}
+
+//飞入
+function fly(viewer: any = null) {
+  let position, rotation, viewDistance, duration;
+
+  // 获取当前坐标系标准
+  let ellipsoid = viewer.scene.globe.ellipsoid;
+
+  //
+  let parentData =
+    sceneInfo.value instanceof Array
+      ? sceneInfo.value.filter((item, index) => {
+        return item.sceneCode == "00001-00001";
+      })
+      : sceneInfo.value;
+  //过滤掉总部层级的
+  let data = sceneInfo.value instanceof Array ?
+    sceneInfo.value.filter((item, index) => {
+      return item.sceneCode.length > 3;
+    })
+    : sceneInfo.value;
+  // console.log("data",data);
+  // console.log("this.sceneInfo",this.sceneInfo);
+  if (data) {
+    if (!(data instanceof Array)) {
+      // debugger;
+      // 各岛礁
+      position = [data.lon, data.lat, data.altitude];
+      rotation = [data.rotationX, data.rotationY, data.rotationZ];
+      viewDistance = data.viewDistance;
+      duration = data.duration ? data.duration : 0;
+      // viewer.camera.flyTo(position, viewDistance, rotation, duration);
+      console.log("data", position, viewDistance, rotation, duration);
     } else {
-      proxy.drawing = true;
-      if (e.type === 'move') {
-        viewer.canvas.setAttribute('style', 'cursor: move');
-      }
-      if (e.type === 'new') {
-        viewer.canvas.setAttribute('style', 'cursor: crosshair');
-      }
+      // 总指挥中心
+      position = [parentData[0].lon, parentData[0].lat, parentData[0].altitude];
+      rotation = [parentData[0].rotationX, parentData[0].rotationY, parentData[0].rotationZ];
+      viewDistance = parentData[0].viewDistance;
+      duration = parentData[0].duration;
+      console.log("data2", position, viewDistance, rotation, duration);
+      // 根据坐标系标准，将地理坐标转换为笛卡尔坐标
+      // let CartesianPosition = ellipsoid.cartographicToCartesian({
+      //   x: position[0], y: position[1], z: position[2]
+      // });
+      // let CartesianPosition = ellipsoid.cartographicToCartesian(position[0],position[1],position[2]);
+      // console.log("CartesianPosition", CartesianPosition);
+
+      // 先飞入到能看见红旗
+      // viewer.camera.flyTo(CartesianPosition, viewDistance, rotation, duration);
+  
+      // viewer.camera.flyTo({
+      //   x: -990536.0465518984,
+      //   y: 5531995.514841362,
+      //   z: 3004737.189031571,
+      //   duration: 1.0,
+      // });
+      // viewer.camera.position = {
+      //   x: -990536.0465518984,
+      //   y: 5531995.514841362,
+      //   z: 3004737.189031571,
+      // }
+      // viewer.camera.position = CartesianPosition
+
+      
+      // for (let record of data) {
+      //   if (record.sceneCode.length == 11) {
+      //     continue;
+      //   }
+      //   // 设置红旗
+      //   this.setLoginPoint(record);
+      // }
     }
+  } else {
+    // 没权限人员控制
   }
-  function activeEvt(e, viewer) {
-    // console.log(e)
-    viewer.canvas.setAttribute('style', `cursor: ${e.isActive ? 'crosshair' : 'auto'}`);
-    if (!e.isActive) {
-      proxy.drawing = false;
-      proxy.restoreCursorMove = 'auto';
+}
+
+function drawEvt(e, viewer) {
+  const restoreCursor = getComputedStyle(viewer.canvas).cursor;
+  if (e.finished) {
+    if (e.type === 'move') {
+      viewer.canvas.setAttribute('style', `cursor: ${proxy.restoreCursorMove}`);
     }
-  }
-  function editorEvt(e, viewer) {
+    proxy.drawing = false;
+  } else {
+    proxy.drawing = true;
     if (e.type === 'move') {
       viewer.canvas.setAttribute('style', 'cursor: move');
-      proxy.drawing = true;
-    } else {
-      viewer.canvas.setAttribute('style', 'cursor: auto');
     }
-  }
-  // 绘制结束
-  function mouseEvt(e, viewer) {
-    const restoreCursor = getComputedStyle(viewer.canvas).cursor;
-    if (!proxy.drawing) {
-      if (e.type === 'onmouseover') {
-        proxy.restoreCursorMove = restoreCursor;
-        viewer.canvas.setAttribute('style', 'cursor: pointer');
-      } else {
-        viewer.canvas.setAttribute('style', `cursor: ${proxy.restoreCursorMove || 'auto'}`);
-      }
+    if (e.type === 'new') {
+      viewer.canvas.setAttribute('style', 'cursor: crosshair');
     }
   }
-  function clearEvt(e) {
-    console.log(e);
+}
+function activeEvt(e, viewer) {
+  // console.log(e)
+  viewer.canvas.setAttribute('style', `cursor: ${e.isActive ? 'crosshair' : 'auto'}`);
+  if (!e.isActive) {
+    proxy.drawing = false;
+    proxy.restoreCursorMove = 'auto';
   }
-  function unload() {
-    proxy.$refs.drawingsRef.unload();
+}
+function editorEvt(e, viewer) {
+  if (e.type === 'move') {
+    viewer.canvas.setAttribute('style', 'cursor: move');
+    proxy.drawing = true;
+  } else {
+    viewer.canvas.setAttribute('style', 'cursor: auto');
   }
-  function load() {
-    proxy.$refs.drawingsRef.load();
-  }
-  function reload() {
-    proxy.$refs.drawingsRef.reload();
+}
+// 绘制结束
+function mouseEvt(e, viewer) {
+  const restoreCursor = getComputedStyle(viewer.canvas).cursor;
+  if (!proxy.drawing) {
+    if (e.type === 'onmouseover') {
+      proxy.restoreCursorMove = restoreCursor;
+      viewer.canvas.setAttribute('style', 'cursor: pointer');
+    } else {
+      viewer.canvas.setAttribute('style', `cursor: ${proxy.restoreCursorMove || 'auto'}`);
+    }
   }
+}
+function clearEvt(e) {
+  console.log(e);
+}
+function unload() {
+  proxy.$refs.drawingsRef.unload();
+}
+function load() {
+  proxy.$refs.drawingsRef.load();
+}
+function reload() {
+  proxy.$refs.drawingsRef.reload();
+}
 
-  function cartesian3ToCartographic(cartesian3: any, viewer: any) {
-    let ellipsoid = viewer.scene.globe.ellipsoid;
-    let cartographic = ellipsoid.cartesianToCartographic(cartesian3);
-    if (cartographic) {
-      return [Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude), cartographic.height];
-    }
+function cartesian3ToCartographic(cartesian3: any, viewer: any) {
+  console.log("cartesian3", cartesian3);
+
+  let ellipsoid = viewer.scene.globe.ellipsoid;
+  let cartographic = ellipsoid.cartesianToCartographic(cartesian3);
+  if (cartographic) {
+    return [Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude), cartographic.height];
   }
-  // function pickEvt(e) {
-  //     console.log(e)
-  // }
+}
+// function pickEvt(e) {
+//     console.log(e)
+// }
 </script>
 
 <style scoped>
-  .demo-toolbar {
-    margin-left: 20px;
-    font-size: 20px;
-  }
+.demo-toolbar {
+  margin-left: 20px;
+  font-size: 20px;
+}
 </style>