zhangyuanlian 6 gadi atpakaļ
vecāks
revīzija
d43d48572d
2 mainītis faili ar 18 papildinājumiem un 3 dzēšanām
  1. 0 1
      src/components/FlowChart.vue
  2. 18 2
      src/components/Graph.vue

+ 0 - 1
src/components/FlowChart.vue

@@ -35,7 +35,6 @@ export default {
   },
   methods: {
     changeState: function (state) {
-      console.log(state)
       this.isDragging = state
     }
   }

+ 18 - 2
src/components/Graph.vue

@@ -9,6 +9,15 @@
 
 <script>
 export default {
+  data () {
+    return {
+      nodes: [
+        {id: 1, name: '普通活动', x: 100, y: 100},
+        {id: 2, name: '普通活动', x: 200, y: 200},
+        {id: 3, name: '普通活动', x: 300, y: 300}
+      ]
+    }
+  },
   props: {
     isDragging: {
       type: Boolean,
@@ -16,8 +25,15 @@ export default {
     }
   },
   methods: {
-    addNode: function () {
-      console.log('drop')
+    addNode: function (e) {
+      var jsonStr = e.dataTransfer.getData('item')
+      var jsonObj = JSON.parse(jsonStr)
+      this.nodes.push({
+        id: 4,
+        name: jsonObj.name,
+        x: e.x,
+        y: e.y
+      })
     }
   }
 }