diff --git a/src/component/Detail/DesignDetail.vue b/src/component/Detail/DesignDetail.vue index 685b1d21..a813b984 100644 --- a/src/component/Detail/DesignDetail.vue +++ b/src/component/Detail/DesignDetail.vue @@ -79,15 +79,15 @@
{{ $t('DesignDetail.CurrentApparel') }}
-
+
-
+
- + {{ current.id }}
{{ $t('DesignDetail.CurrentPrint') }}
@@ -99,7 +99,7 @@
-
+
{{ $t('DesignDetail.CurrentColor') }}
@@ -172,8 +172,6 @@ export default defineComponent({ // return store.state.DesignDetailModule.designItemDetail // }) let designItemDetail :any = computed(()=>{ - console.log(store.state.DesignDetailModule.designItemDetail,'-=-=--==--==-'); - return store.state.DesignDetailModule.designItemDetail }) let parentData:any = ref({ @@ -331,6 +329,11 @@ export default defineComponent({ methods:{ openCurrent(num: Number) { let DesignDetailAlter:any = this.$refs.DesignDetailAlter + if(num == 2 || num == 3){ + if(!this.current.id){ + return + } + } DesignDetailAlter.init(num) if(num ==2 ){ if(this.driver__.driver){ @@ -430,6 +433,9 @@ export default defineComponent({ } }); let ratio:any = await this?.setPostition(body?.layersObject?.[0]?.imageUrl) + if( Number.isNaN(ratio)){ + this.setImgSize() + } let frontIndex = 6 let backIndex = 3 designItemDetail.clothes.forEach((v:any,index:any)=>{ @@ -646,14 +652,14 @@ export default defineComponent({ let num:any let img:any = await loadImage(url).then((img:any)=>{ modal_body = document.getElementsByClassName('detail_modal_model')[0] + if(modal_body == undefined){ + this.setPostition(url) + } num = modal_body?.offsetWidth / img.width; }) // nextTick().then(()=>{ // }) - console.log(modal_body); - if(modal_body == undefined){ - this.setPostition(url) - } + function loadImage(url:any) { return new Promise((resolve, reject) => { const img = new Image(); @@ -1149,6 +1155,11 @@ export default defineComponent({ display: flex; flex-direction: column; overflow: hidden; + .hideCursor{ + *{ + cursor: not-allowed !important; + } + } .clothes_detail_item{ // margin-bottom: 5rem; flex: 1; @@ -1165,6 +1176,7 @@ export default defineComponent({ position: relative; display: inline-block; } + .clothes_item_header{ // height: 6.4rem; margin-bottom: 1rem; diff --git a/src/component/Detail/setDesignItem.vue b/src/component/Detail/setDesignItem.vue index bd5fd63e..218b9f5d 100644 --- a/src/component/Detail/setDesignItem.vue +++ b/src/component/Detail/setDesignItem.vue @@ -423,7 +423,6 @@ export default defineComponent({ } }) }) - console.log(designItemDetail,'============================'); this.$emit('setDesignCoverage'); this.store.commit("setDesignItemDetail", designItemDetail); this.setRevocation(designItemDetail,data) diff --git a/src/component/Detail/setDesignItemMobile.vue b/src/component/Detail/setDesignItemMobile.vue index 7664dbd2..75dd3e52 100644 --- a/src/component/Detail/setDesignItemMobile.vue +++ b/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); } }) })