27027

project/dv/apps/AppGridDV.vue

@@ -22,9 +22,6 @@
         ref="middleTree"
         id="tree"
         class="tree"
-        @mousedown="onMousedown"
-        @mousemove="onMouseMove"
-        @mouseup="onMouseUp"
         :style="{left: x, top: y, transform: `scale(${scale}) translate(-50%, -50%) `, 'transform-origin': `${0} ${0}`}">
         <VueOkrTree
           ref="VueOkrTree"
@@ -172,11 +169,17 @@
 
     destroyed () {
       document.querySelector('body').removeEventListener('mousewheel', this.onMousewheel)
+      document.querySelector('body').removeEventListener('mouseup', this.onMouseUp)
+      document.querySelector('body').removeEventListener('mousedown', this.onMousedown)
+      document.querySelector('body').removeEventListener('mousemove', this.onMouseMove)
     },
 
     methods: {
       bindEvent () {
         document.querySelector('body').addEventListener('mousewheel', this.onMousewheel, true)
+        document.querySelector('body').addEventListener('mouseup', this.onMouseUp, true)
+        document.querySelector('body').addEventListener('mousedown', this.onMousedown, true)
+        document.querySelector('body').addEventListener('mousemove', this.onMouseMove, true)
       },
 
       onMousewheel (event) {
@@ -195,11 +198,14 @@
       },
 
       onMousedown (e) {
-        const left = document.querySelector('#tree').offsetLeft
-        const top = document.querySelector('#tree').offsetTop
-        this.isMove = true
-        this.offsetX = e.clientX - left
-        this.offsetY = e.clientY - top
+        const elClass = e.target.className
+        if ((elClass && (elClass.indexOf('chart') > -1 || elClass.indexOf('user') > -1))) {
+          const left = document.querySelector('#tree').offsetLeft
+          const top = document.querySelector('#tree').offsetTop
+          this.isMove = true
+          this.offsetX = e.clientX - left
+          this.offsetY = e.clientY - top
+        }
       },
 
       onMouseMove (e) {