2023-10-20

src/component/Detail/DesignPrintOperation.vue

@@ -195,23 +195,27 @@ export default defineComponent({
 					var info = el.getBoundingClientRect();
 					let eX = info.x + info.width / 2;
 					let eY = info.y + info.height / 2;
-					document.addEventListener('mousemove', (e) => {
-					if (mouse) {
-						let X = eX 
-						let Y = eY
-						let x = e.clientX - X
-						let y = Y - e.clientY
-						angle = Math.atan2(x,y)*(180 / Math.PI)
-						elParent.firstElementChild.style.transform = "rotateZ("+ angle + "deg)"
-						el.style.transform = "rotateZ("+ angle + "deg)"
+					let mousemove = (e) => {
+						if (mouse) {
+							let X = eX 
+							let Y = eY
+							let x = e.clientX - X
+							let y = Y - e.clientY
+							angle = Math.atan2(x,y)*(180 / Math.PI)
+							elParent.firstElementChild.style.transform = "rotateZ("+ angle + "deg)"
+							el.style.transform = "rotateZ("+ angle + "deg)"
+						}
 					}
-					});
+					document.addEventListener('mousemove', mousemove);
 					// 添加鼠标松开事件监听器
-					document.addEventListener('mouseup', () => {
-						value.instance.printStyleList[0].transform.rotateZ = angle
+					let mouseup = () => {
+						value.instance.printStyleList[value?.value[0]].transform.rotateZ = angle
 						// console.log(value.instance.printStyleList);
 						mouse = false;
-					});
+						document.removeEventListener('mouseup',mouseup)
+						document.removeEventListener('mousemove',mousemove)
+					}
+					document.addEventListener('mouseup', mouseup);
 				});
 			}
 
@@ -426,8 +430,8 @@ export default defineComponent({
 				this.printAmount  = 1
 				return
 			}
-			if(this.printAmount > 10){
-				this.printAmount  = 10
+			if(this.printAmount > 20){
+				this.printAmount  = 20
 				return
 			}
 			let printTiemNum
@@ -472,8 +476,8 @@ export default defineComponent({
 			let scale = width / this.print.width.replace(/px/g,'')
 			// let x = sketch.width-Number(this.print.width.replace(/px/g,''))
 			// let y = sketch.height-Number(this.print.height.replace(/px/g,''))
-			let x = sketch?.width-20
-			let y = sketch?.height-20
+			let x = sketch?.width-this.print.width.replace(/px/g,'')*scale
+			let y = sketch?.height-this.print.height.replace(/px/g,'')*scale
 			this.printStyleList[index]={
 				centers:{
 					left:0,
@@ -490,7 +494,8 @@ export default defineComponent({
 				},
 				transform:{
 					// scale:scale<.2?.2:scale,//0.2-3
-					rotateZ:rotateZ1-rotateZ2,
+					// rotateZ:rotateZ1-rotateZ2,
+					rotateZ:this.printStyleList[index].transform.rotateZ!=0?this.printStyleList[index].transform.rotateZ:0
 				},
 				designOpenrtionBtn:false
 			}
@@ -503,14 +508,22 @@ export default defineComponent({
 			let scale
 			scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
 			let zIndex = 1
+			let left = item.location[0]/sketchNum+'px'
+			let top = item.location[1]/sketchNum+'px'
+			if(sketch.offsetWidth < item.location[0]/sketchNum){
+				left = sketch.offsetWidth +'px'
+			}
+			if(sketch.offsetHeight < item.location[1]/sketchNum){
+				top = sketch.offsetHeight +'px'
+			}
 			this.printStyleList[index]={
 				centers:{
 					left:0,
 					top:0,
 				},
 				style:{
-					left:item.location[0]/sketchNum+'px',
-					top:item.location[1]/sketchNum+'px',
+					left:left,
+					top:top,
 					right:"auto",
 					bottom:"auto",
 					width:this.print.width.replace(/px/g,'')/sketchNum*item.scale+'px',