perf: 优化保存重载

src/components/mindmap/Mindmap.vue

@@ -136,7 +136,7 @@ onMounted(() => {
               {!id && (
                 <span class="bg-green leading-14px text-12px px-4px py-2px text-#fff rounded-4px">new</span>
               )}
-              {data?.is_delete && (
+              {data?.is_deleted && (
                 <ElTooltip content='删除标记' placement="top">
                   <img src={deleteIcon} class="w-20px h-20px inline-block" />
                 </ElTooltip>

src/pages/excel/MindmapModal.vue

@@ -110,7 +110,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, defineExpose, reactive, defineProps, watch, onMounted, onBeforeUnmount } from 'vue';
+import { ref, defineExpose, reactive, defineProps, watch, onMounted, onBeforeUnmount, defineEmits } from 'vue';
 import {
   Aim,
   CirclePlusFilled,
@@ -141,6 +141,7 @@ const visible = ref(!!props.defaultOpen);
 const mindmapRef = ref<MindMapInstance>();
 const configDrawerRef = ref();
 const formRef = ref<FormInstance>();
+const emit = defineEmits(['refresh']);
 // const editBomStore = useEditBomStore();
 const data = ref(
   props?.defaultData || {
@@ -270,7 +271,7 @@ const removeNode = () => {
       if (action === 'confirm') {
         deleteNodes.length && mindmap?.execCommand('REMOVE_NODE', deleteNodes);
         updateNodes.forEach((node) => {
-          handleConfigOk({ ...node?.nodeData.data, is_delete: true });
+          handleConfigOk({ ...node?.nodeData.data, is_deleted: true });
         });
       }
     },
@@ -358,6 +359,7 @@ const handleSave = () => {
       (res: any) => {
         console.log('保存结果：', res);
         ElMessage.success('保存成功！');
+        emit('refresh');
       }
     );
   } catch (error) {

src/pages/mindmap/index.vue

@@ -4,18 +4,34 @@
     :hide-close="true"
     :default-data="mindmapData"
     defaultOpen
+    @refresh="getData"
   />
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
-import MindmapModal from "../excel/MindmapModal.vue";
-import { useRoute } from "vue-router";
+import { onMounted, ref } from 'vue';
+import MindmapModal from '../excel/MindmapModal.vue';
+import { useRoute } from 'vue-router';
 
 const mindmapModalRef = ref<InstanceType<typeof MindmapModal>>();
 const route = useRoute();
 const mindmapData = ref<any>();
 
+const getData = () => {
+  if (!route.query?.id) return;
+  window.parent?.BpmTools?.program(
+    {
+      interfaceCode: 'Common.getBOMAiImageData',
+      bom_id: route.query.id,
+    },
+    (res: any) => {
+      if (res?.code) {
+        mindmapData.value = res?.data;
+      }
+    }
+  );
+};
+
 onMounted(() => {
   // 测试接口
   // fetch(`https://sl-yf-bommgr-admin-dev.shalu.com/api/module/Invoke`, {
@@ -35,18 +51,7 @@ onMounted(() => {
   //     mindmapData.value = res.result.data;
   //   });
 
-  if (!route.query?.id) return;
-  window.parent?.BpmTools?.program(
-    {
-      interfaceCode: "Common.getBOMAiImageData",
-      bom_id: route.query.id,
-    },
-    (res: any) => {
-      if (res?.code) {
-        mindmapData.value = res?.data;
-      }
-    }
-  );
+  getData();
 });
 </script>