尝试更换组件EarthMapModal -》<EarthComp />

src/views/military/modules/earthMap/scene/model/sceneInfo/SenceInfo.vue

@@ -10,11 +10,13 @@
       </a-col>
       <a-col :span="11" :offset="1">
         <div>区域名称:</div>
-        <a-input class="inputWidthCss1" v-model:value="subObject.sceneName" placeholder="请输入区域编号名称" :disabled="disable"></a-input>
+        <a-input class="inputWidthCss1" v-model:value="subObject.sceneName" placeholder="请输入区域编号名称"
+          :disabled="disable"></a-input>
       </a-col>
       <a-col :span="11" :offset="1">
         <div>区域视距:</div>
-        <a-input-number  class="inputWidthCss1" v-model:value="subObject.viewDistance" :disabled="disable" :min="0.5" :step="0.0001"></a-input-number>
+        <a-input-number class="inputWidthCss1" v-model:value="subObject.viewDistance" :disabled="disable" :min="0.5"
+          :step="0.0001"></a-input-number>
       </a-col>
       <a-col :span="11" :offset="1">
         <div>区域类型:</div>
@@ -48,41 +50,59 @@
         <div class="centerText">旋转<img :src="locationPng" class="dwImg" @click="mapShow" /></div>
       </a-col> -->
       <a-col :span="11" :offset="1">
-        <div> <div>中心经度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.lon" :disabled="disable" /> </div>
+        <div>
-        <div> <div>中心纬度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.lat" :disabled="disable" /> </div>
+          <div>中心经度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.lon" :disabled="disable" />
-        <div> <div>中心高度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.altitude" :disabled="disable" /> </div>
+        </div>
+        <div>
+          <div>中心纬度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.lat" :disabled="disable" />
+        </div>
+        <div>
+          <div>中心高度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.altitude" :disabled="disable" />
+        </div>
       </a-col>
       <a-col :span="11" :offset="1">
-        <div> <div>相机经度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraLon" :disabled="disable" /> </div>
+        <div>
-        <div> <div>相机纬度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraLat" :disabled="disable" /> </div>
+          <div>相机经度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraLon"
-        <div> <div>相机高度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraAltitude" :disabled="disable" /> </div>
+            :disabled="disable" />
+        </div>
+        <div>
+          <div>相机纬度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraLat"
+            :disabled="disable" />
+        </div>
+        <div>
+          <div>相机高度:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.cameraAltitude"
+            :disabled="disable" />
+        </div>
       </a-col>
       <a-col :span="11" :offset="1">
         <div>区域图标:</div>
-        <a-upload
+        <a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
-          name="avatar"
+          :customRequest="preViewOk" :before-upload="preBeforeUpload" :accept="previewType.toString()"
-          list-type="picture-card"
+          :disabled="disable">
-          class="avatar-uploader"
+          <img v-if="preViewUrl" :src="subObject.icon" alt="avatar" class="preViewImg"
-          :show-upload-list="false"
+            style="width: 102px; height: 102px; object-fit: contain" />
-          :customRequest="preViewOk"
-          :before-upload="preBeforeUpload"
-          :accept="previewType.toString()"
-          :disabled="disable"
-        >
-          <img v-if="preViewUrl" :src="subObject.icon" alt="avatar" class="preViewImg" style="width: 102px; height: 102px; object-fit: contain" />
           <div v-else>
             <div class="ant-upload-text">上传图标</div>
           </div>
         </a-upload>
       </a-col>
       <a-col :span="11" :offset="1">
-        <div> <div>相机偏航角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationX" :disabled="disable" /> </div>
+        <div>
-        <div> <div>相机俯仰角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationY" :disabled="disable" /> </div>
+          <div>相机偏航角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationX"
-        <div> <div>相机翻转角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationZ" :disabled="disable" /> </div>
+            :disabled="disable" />
+        </div>
+        <div>
+          <div>相机俯仰角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationY"
+            :disabled="disable" />
+        </div>
+        <div>
+          <div>相机翻转角:</div><a-input-number class="inputWidthCss1" v-model:value="subObject.rotationZ"
+            :disabled="disable" />
+        </div>
       </a-col>
     </a-row>
 
-    <EarthMapModal
+    <!-- <EarthMapModal
       :visible="mapVisible"
       :enableTile="false"
       :enablePointer="true"
@@ -94,7 +114,24 @@
       @checkPosition="checkPosition"
       :hasMoveMethod="subObject && subObject.id ? true : false"
       @moveChinaPosition="moveChinaPosition"
-    ></EarthMapModal>
+    ></EarthMapModal> -->
+    <a-modal 
+      title="拾取中心坐标和相机数据" 
+      :visible="mapVisible" 
+      @ok="handleOk" 
+      @cancel="()=> mapVisible = false" 
+      width="60vw" 
+      :destroyOnClose="true"
+      wrapClassName="EarthMap">
+    <a-row>
+      <a-col :span="24">
+        <EarthComp />
+      </a-col>
+    </a-row>
+
+    </a-modal>
+
+
   </div>
 </template>
 <script setup>
@@ -104,6 +141,7 @@
 import { defHttp } from '@/utils/http/axios';
 import { message } from 'ant-design-vue';
 import { EditOutlined } from '@ant-design/icons-vue';
+import EarthComp from '@/views/earthMap/edit/EarthComp.vue';
 
 // 新增场景
 const addScene = (params) => {
@@ -309,5 +347,4 @@
 
 :deep(.ant-select) {
   width: 90%;
-  }
+}</style>
-</style>