save

modeler/src/views/decision/communication/nodes-card.vue

@@ -27,10 +27,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, type PropType, ref } from 'vue';
+import { defineComponent, type PropType, ref, watch } from 'vue';
 import { safePreventDefault, safeStopPropagation } from '@/utils/event';
-import {findPlatformWithComponents} from './api'
-import { type PlatformWithComponents, type Scenario } from './types';
+import { findPlatformWithComponents } from './api';
+import { type Scenario } from './types';
+import { type PlatformWithComponents } from '../types';
 
 export default defineComponent({
   emits: ['drag-item-start', 'drag-item-end'],
@@ -40,21 +41,14 @@ export default defineComponent({
       required: true,
     }
   },
-  setup(_props, { emit }) {
+  setup(props, { emit }) {
 
     const activeKey = ref<number>(1);
     const templateData = ref<PlatformWithComponents[]>([]);
     const isDraggingOver = ref<boolean>(false);
     const draggedNodeData = ref<PlatformWithComponents | null>(null);
-    const currentScenario = ref<Scenario|null>(_props.scenario)
-
-    const loadTress = () => {
-      templateData.value = []
-      findPlatformWithComponents(_props.scenario?.id).then(r => {
-        templateData.value = r.data ?? []
-      });
-    };
-
+    const currentScenario = ref<Scenario|null>(props.scenario)
+ 
     const handleDragStart = (e: DragEvent, nm: PlatformWithComponents) => {
       let dragNode: PlatformWithComponents = { ...nm };
       draggedNodeData.value = dragNode as PlatformWithComponents;
@@ -92,16 +86,17 @@ export default defineComponent({
     };
 
 
-    const load = ()=> {
-      findPlatformWithComponents(1).then(re=> {
-        console.error(re);
+    const load = (id: number)=> {
+      findPlatformWithComponents(id).then(re=> {
+        templateData.value = re.data ?? []
       })
     }
 
-    onMounted(() => {
-      loadTress();
-      load();
-    });
+    watch(()=> props.scenario,(n: Scenario|null|undefined )=> {
+      if(n){
+        load(n.id);
+      }
+    }, {deep: true, immediate: true} )
 
     return {
       activeKey,