分割

src/component/Detail/setDesignItem.vue

@@ -3,7 +3,7 @@
 		<div class="designOpenrtion_centent" id="designOpenrtionCentent">
 			<div class="detail_modal_body_title">
 				<div class="detail_modal_body_nav">
-				<div v-for="item,index in designItemDetail?.clothes" v-show="item.id" :class="{active:item.clothesOpen}" @click="clothesOpen(index)">
+				<div v-for="item,index in designItemDetail?.clothes" v-show="item.id" :class="{active:item.clothesOpenItem}" @click="clothesOpen(index)">
 					<img :src="item?.path" alt="">
 				</div>
 			</div>
@@ -42,7 +42,7 @@
 		<div class="designOpenrtion_imgMask_open" @click.stop="deleteBorder"></div>
 	</div>
 	<div class="design_compile_content">
-		<editFrontBack :patchData="frontBack" :imgDomIndex="imgDomIndex"></editFrontBack>
+		<editFrontBack :patchData="frontBack" :imgDomIndex="imgDomIndex" ref="editFrontBack"></editFrontBack>
 	</div>
 	
 </template>
@@ -92,9 +92,10 @@ export default defineComponent({
 		]);
 		let direction = ref('')
 		let imgDom = ref()
-		let imgDomIndex = ref(2)
+		let imgDomIndex = ref(-1)
 		let frontBack = ref({})
 		let frontBackOld = ref({})
+		let editFrontBack = ref(null)
         return {
 			designItemDetail,
 			current,
@@ -106,6 +107,7 @@ export default defineComponent({
 			frontBack,
 			setRevocation,
 			frontBackOld,
+			editFrontBack,
         };
     },
     data() {
@@ -156,7 +158,7 @@ export default defineComponent({
 			let designItemDetail = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designItemDetail))
 			let front = []
 			let back = []
-			let body
+			let body = {}
 			designItemDetail.others.forEach((item) => {
 				if(item.type == 'Body'){
 					body = item
@@ -185,11 +187,12 @@ export default defineComponent({
 						front[index] = v.layersObject[i]
 						front[index].style.zIndex = v.priority
 						front[index].id = v.id
+						front[index].undividedLayer = v.undividedLayer
 					}else{
 						back[index] = v.layersObject[i]
 						back[index].style.zIndex = v.priority
 						back[index].id = v.id
-
+						back[index].undividedLayer = v.undividedLayer
 						// back[index].style.zIndex = backIndex==0?v.layersObject[i]:backIndex++
 					}
 					if(this.printZIndex < v.priority){
@@ -198,10 +201,13 @@ export default defineComponent({
 				}
 				this.printZIndex++
 			})
-			body.style = {
-				width:body.layersObject[0].imageSize?.[0]*ratio+'px',
-				height:body.layersObject[0].imageSize?.[1]*ratio+'px',
+			if(body){
+				body.style = {
+					width:body.layersObject[0].imageSize?.[0]*ratio+'px',
+					height:body.layersObject[0].imageSize?.[1]*ratio+'px',
+				}
 			}
+			
 			this.frontBack = {
 				front:front,
 				back:back,
@@ -235,6 +241,10 @@ export default defineComponent({
 			return num
 		},
 		clear(){
+			this.imgDomIndex = -1
+			console.log(this.editFrontBack);
+			this.clothesOpenActive(-1)
+			this.editFrontBack.setClone()
 			window.removeEventListener('resize', this.setImgSizeTime);
 		},
 		setpitch(item,index){
@@ -391,9 +401,11 @@ export default defineComponent({
 		},
 		clothesOpenActive(index){
 			this.designItemDetail.clothes.forEach((item)=>{
-				item.clothesOpen = false
+				item.clothesOpenItem = false
 			})
-			this.designItemDetail.clothes[index].clothesOpen = true
+			if(index != -1){
+				this.designItemDetail.clothes[index].clothesOpenItem = true
+			}
 		},
 		sort(arr){
 			arr.sort((a, b) => {
@@ -412,15 +424,14 @@ export default defineComponent({
 			// 	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++
 				item.similarity = false//新增衣服传的是衣服id会存在两件衣服id相同所以设置为false让每次赋值都是不一样的
 			})
+			let front = arr
+			let imageCategory1
 			data.designSingleItemDTOList.forEach((item)=>{
-				let front = arr
-				let imageCategory1
 				if(arr.length > 1){
 					imageCategory1 = arr[1].imageCategory
 				}
@@ -435,6 +446,7 @@ export default defineComponent({
 						let top = y == 0 ? item.offset[1]:y+item.offset[1]
 						let left = x == 0 ? item.offset[0]:x+item.offset[0]
 						item.offset = [left,top]
+						item.maskUrl = arr[index].maskUrl
 						item.priority = arr[index].priority
 						arr[index].similarity = true
 						// item.offset = [(arr[index]?.style?.left.replace(/px/g,'')*ratio).toFixed(0),(i?.style?.top.replace(/px/g,'')*ratio).toFixed(0)]
@@ -445,7 +457,6 @@ export default defineComponent({
 					item.scale = front?.imageSize?Number(((front?.style?.width.replace(/px/g,'')*ratio)/front?.imageSize[0]).toFixed(2)):1
 				}
 			})
-			// return
 			Https.axiosPost(Https.httpUrls.designSingle, data).then(
                 (rv) => {
                     // this.$parent.loadingShow = false