diff --git a/data-room-ui/packages/BigScreenDesign/MouseSelect/index.vue b/data-room-ui/packages/BigScreenDesign/MouseSelect/index.vue index 39004caf..07bbf59a 100644 --- a/data-room-ui/packages/BigScreenDesign/MouseSelect/index.vue +++ b/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 } }