调整地图设计器数据结构

src/components/AMap/src/AMapDesigner/index.vue

@@ -69,7 +69,7 @@
 </template>
 <script lang="ts" setup>
   import AMapLoader from '@amap/amap-jsapi-loader';
-  import { reactive, watchEffect, getCurrentInstance, onBeforeMount, onUnmounted, ref, PropType, watch, toRefs, nextTick } from 'vue';
+  import { reactive, watchEffect, getCurrentInstance, onBeforeMount, onUnmounted, ref, PropType, watch, toRefs, nextTick, onMounted } from 'vue';
   import { operatePanelColumns, MapData, MapPointType } from '../amap.data';
   import hospital from '/@/assets/images/hospital.svg';
   import medicalKit from '/@/assets/images/medical-kit.svg';
@@ -189,12 +189,10 @@
   const AForm = Form;
   const AFormItem = Form.Item;
   const ASelect = Select;
-  const ATooltip = Tooltip;
   const formElRef = ref();
   const [registerTable, { setTableData }] = useTable({
     title: '任务列表',
     rowKey: 'id',
-    dataSource: mapState.mapData?.mapTask,
     columns: operatePanelColumns,
     resizeHeightOffset: 100,
     showTableSetting: true,
@@ -428,6 +426,19 @@
         panel: instance.refs.mapPanel
       });
 
+      // 加载完毕
+      complete();
+    }).catch(error => {
+      mapState.loading = false;
+      throw error;
+    });
+
+  });
+
+  onMounted(() => {
+    // 加载地图设计器默认配置
+    mapState.mapData = defaultMapData();
+    setTableData(mapState.mapData.mapTask);
     // 加载地图数据,并且绘制路线
     if (!isEmpty(mapState.mapData.mapLogisticPoint)) {
       const lngLatData = mapState.mapData.mapLogisticPoint.map(item => new AMap.LngLat(item.lng, item.lat));
@@ -442,14 +453,6 @@
         }
       });
     }
-
-      // 加载完毕
-      complete();
-    }).catch(error => {
-      mapState.loading = false;
-      throw error;
-    });
-
   });
 
   onUnmounted(() => {
@@ -572,7 +575,10 @@
       }
     }
     handleMapReset();
+    nextTick(() => {
       mapState.mapData = cloneDeep(merge(defaultMapData(), options));
+      setTableData(mapState.mapData.mapTask);
+    });
   }
 
   /** 获取部件表单数据 */

src/views/common/mapLogistic/index.vue

@@ -39,7 +39,7 @@
   import { columns, searchFormSchema } from './mapLogistic.data';
   import { useMessage } from '/@/hooks/web/useMessage';
   import AmapTaskModal from './MapLogisticModal.vue';
-  import { listMapLogistic, delMapLogistic } from '/@/api/platform/common/controller/mapLogistic'
+  import { listMapLogistic, delMapLogistic } from '/@/api/platform/common/controller/mapLogistic';
 
   const { createConfirm, createMessage } = useMessage();
   const [registerModal, { openModal }] = useModal();