fix

src/component/Detail/setDesignItemMobile.vue

@@ -161,13 +161,20 @@ export default defineComponent({
 					v.layersObject[i].designOpenrtionBtn = false
 					if(v.layersObject[i].imageCategory.indexOf("back") == -1){
 						front[index] = v.layersObject[i]
-						front[index].style.zIndex = frontIndex-=1
+						front[index].style.zIndex = v.priority
+						front[index].id = v.id
 					}else{
 						back[index] = v.layersObject[i]
-						back[index].style.zIndex = backIndex-=1
+						back[index].style.zIndex = v.priority
+						back[index].id = v.id
+
 						// back[index].style.zIndex = backIndex==0?v.layersObject[i]:backIndex++
 					}
+					if(this.printZIndex < v.priority){
+						this.printZIndex = v.priority
+					}
 				}
+				this.printZIndex++
 			})
 			let bodyImgWH = document.getElementsByClassName("design_compile_content")[0].getElementsByClassName("perview_img")[0]
 
@@ -208,12 +215,13 @@ export default defineComponent({
 			this.clothesOpenActive(index)
 		},
 		// 设置移动
-		itemMoveMousedown(index,event){
+		itemMoveMousedown(index,e){
 			this.imgDomIndex = index
 			this.frontBack.front.forEach((v)=>{
 				v.designOpenrtionBtn = false
 			})
 			this.clothesOpenActive(index)
+			let event = e||window.event
 			this.imgDom = document.getElementsByClassName('design_compile_content')[0].getElementsByClassName("detail_modal_item_front")[this.imgDomIndex]
 			this.frontBack.front[index].designOpenrtionBtn = true
 			this.frontBack.front[index].style.zIndex = this.printZIndex++
@@ -357,6 +365,14 @@ export default defineComponent({
 			})
 			this.designItemDetail.clothes[index].clothesOpen = true
 		},
+		sort(arr){
+			arr.sort((a, b) => {
+				var a_num = a.style.zIndex;
+				var b_num = b.style.zIndex;
+				return a_num - b_num;
+			});
+			return arr
+		},
 		async setPreview(data){
 			let ratio = this.frontBack.body.layersObject[0].imageSize[0]/this.frontBack.body.style.width.replace(/px/g,'')
 			let designItemDetail = this.store.state.DesignDetailModule.designItemDetail
@@ -365,22 +381,19 @@ export default defineComponent({
 			// 	var b_num = b.style.zIndex;
 			// 	return a_num - b_num;
 			// });
-			let arr = JSON.parse(JSON.stringify(this.frontBack.front))
-			arr.sort((a, b) => {
-				var a_num = a.style.zIndex;
-				var b_num = b.style.zIndex;
-				return a_num - b_num;
-			});
+			
+			let arr = this.sort(JSON.parse(JSON.stringify(this.frontBack.front)))
+			
 			let num = 10
 			arr.forEach((item)=>{
 				item.priority = num++
 			})
 			data.designSingleItemDTOList.forEach((item)=>{
-				let front = this.frontBack.front
-				let imageCategory1 = front[1].imageCategory
-				front.forEach((i)=>{
+				let front = arr
+				let imageCategory1 = arr[1].imageCategory
+				arr.forEach((i)=>{
 					let imageCategory = i.imageCategory.split('_')[0]
-					if(item.type == this.capitalizeFirstLetter(imageCategory)){
+					if(item.id == i.id){
 						let y = ((i?.style?.top.replace(/px/g,'')*ratio).toFixed(0) - i?.position[0])
 						let x = ((i?.style?.left.replace(/px/g,'')*ratio).toFixed(0) - i?.position[1])
 						let scale = i?.imageSize?Number(((i?.style?.width.replace(/px/g,'')*ratio)/(i?.imageSize[0]/i.scale)).toFixed(2)):1
@@ -405,8 +418,10 @@ export default defineComponent({
 					designItemDetail.currentFullBodyView = rv.currentFullBodyView
 					rv.clothes.forEach((item)=>{
 						designItemDetail.clothes.forEach((i)=>{
-							if(item.type === i.type){
+							if(item.id === i.id){
 								i.layersObject = item.layersObject
+								i.priority = item.layersObject[0].priority
+							console.log(item,i);
 							}
 						})
 					})