Переглянути джерело

fix:修复设计器面板右侧区域框选位置偏移BUG

zhu.yawen 1 рік тому
батько
коміт
da66bd0b3f

+ 9 - 10
data-room-ui/packages/BigScreenDesign/MouseSelect/index.vue

@@ -51,10 +51,8 @@ export default {
     }),
     getSelectionBoxStyle () {
       // 计算虚线框的样式
-      let left = Math.min(this.startX, this.endX) + 'px'
-      let top = Math.min(this.startY, this.endY) + 'px'
-      const left1 = Math.min(this.startX, this.endX) + 50 * this.scale + 'px'
-      const top1 = Math.min(this.startY, this.endY) + 50 * this.scale + 'px'
+      const left = Math.min(this.startX, this.endX) + 'px'
+      const top = Math.min(this.startY, this.endY) + 'px'
       const width = Math.abs(this.endX - this.startX) + 'px'
       const height = Math.abs(this.endY - this.startY) + 'px'
       if (!this.isSelecting) {
@@ -100,11 +98,12 @@ export default {
           this.endX = event.offsetX + 50
           this.startY = event.offsetY + 50
           this.endY = event.offsetY + 50
+        } else if (event.target.className === '') {
+          this.startX = event.offsetX
+          this.endX = event.offsetX
+          this.startY = event.offsetY
+          this.endY = event.offsetY
         }
-        // this.startX = (event.x - this.offsetX + 50) / this.scale
-        // this.startY = (event.y - this.offsetY + 50) / this.scale
-        // this.endX = (event.x - this.offsetX + 50) / this.scale
-        // this.endY = (event.y - this.offsetY + 50) / this.scale
       }
     },
     handleMouseMove (event) {
@@ -119,8 +118,8 @@ export default {
         if (typeof event.target.className === 'string' && event.target.className.indexOf('mouse-select-wrap') !== -1) {
           this.endX = event.offsetX
           this.endY = event.offsetY
-        } else if (typeof event.target.className === 'string' && event.target.className.indexOf('design-drag-wrap') !== -1) {
-          this.startX = event.offsetX + 50
+        } else if (typeof event.target.className === 'string' && (event.target.className.indexOf('design-drag-wrap') !== -1)) {
+          this.endX = event.offsetX + 50
           this.endY = event.offsetY + 50
         }
       }