Merge branch 'dev_vite' of http://18.167.251.121:10003/aidlab/aida_front into dev_vite
This commit is contained in:
@@ -89,8 +89,8 @@
|
|||||||
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${item.pattern?.transform?.rotateZ}deg)`}" class="designOpenrtion_imgItme" draggable="false">
|
<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${item.pattern?.transform?.rotateZ}deg)`}" class="designOpenrtion_imgItme" draggable="false">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <img :src="selectDetail.path" alt="" class="designOpenrtion_sketch" ref="sketchImg"> -->
|
<img :src="selectDetail.path" alt="" class="designOpenrtion_sketch" ref="sketchImg">
|
||||||
<img :src="stateOverallSingle == 'single'?(selectDetail.undividedLayer||selectDetail.path):(selectDetail.undividedLayerColor || selectDetail.path)" alt="" class="designOpenrtion_sketch" ref="sketchImg" @load="()=>isSketchLoad = true">
|
<!-- <img :src="stateOverallSingle == 'single'?(selectDetail.undividedLayer||selectDetail.path):(selectDetail.undividedLayerColor || selectDetail.path)" alt="" class="designOpenrtion_sketch" ref="sketchImg" @load="()=>isSketchLoad = true"> -->
|
||||||
<img :src="selectDetail.sketchMask" alt="" class="designOpenrtion_sketchMask" ref="sketchMask">
|
<img :src="selectDetail.sketchMask" alt="" class="designOpenrtion_sketchMask" ref="sketchMask">
|
||||||
<div class="designOpenrtion_btn" v-if="stateOverallSingle == 'single'" >
|
<div class="designOpenrtion_btn" v-if="stateOverallSingle == 'single'" >
|
||||||
<ul v-for="item,index in printStyleList[type][stateOverallSingle]" :key="item" :class="{active:item?.pattern.designOpenrtionBtn?item?.pattern.designOpenrtionBtn:false}" class="designOpenrtion_Mousingle" :style="item?.pattern.style" @mousedown.stop="itemMoveMousedown(index,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(index,getMousePosition($event,true))">
|
<ul v-for="item,index in printStyleList[type][stateOverallSingle]" :key="item" :class="{active:item?.pattern.designOpenrtionBtn?item?.pattern.designOpenrtionBtn:false}" class="designOpenrtion_Mousingle" :style="item?.pattern.style" @mousedown.stop="itemMoveMousedown(index,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(index,getMousePosition($event,true))">
|
||||||
@@ -174,7 +174,6 @@ export default defineComponent({
|
|||||||
type:props.type,
|
type:props.type,
|
||||||
imgDomIndex:-1,
|
imgDomIndex:-1,
|
||||||
direction:'',//判断点的那条边
|
direction:'',//判断点的那条边
|
||||||
printZIndex:2,//印花优先级
|
|
||||||
sketchWH:{
|
sketchWH:{
|
||||||
width:0,
|
width:0,
|
||||||
height:0,
|
height:0,
|
||||||
@@ -247,6 +246,11 @@ export default defineComponent({
|
|||||||
const addPrintELement = async (data:any)=>{
|
const addPrintELement = async (data:any)=>{
|
||||||
if(!editPrintElementData.isSketchLoad)return
|
if(!editPrintElementData.isSketchLoad)return
|
||||||
let {scale,location} = await setScaleLocation(data)
|
let {scale,location} = await setScaleLocation(data)
|
||||||
|
let allElementPrint = [
|
||||||
|
...(editPrintElementData.selectDetail.printObject.prints || []),
|
||||||
|
...(editPrintElementData.selectDetail.trims.prints || []),
|
||||||
|
]
|
||||||
|
let printIndex = Math.max(...allElementPrint.map(item => item.priority)) + 1
|
||||||
let item = {
|
let item = {
|
||||||
angle:0,
|
angle:0,
|
||||||
designType:data.designType,
|
designType:data.designType,
|
||||||
@@ -255,7 +259,7 @@ export default defineComponent({
|
|||||||
location:editPrintElementData.stateOverallSingle == 'single'?location:[0,0],
|
location:editPrintElementData.stateOverallSingle == 'single'?location:[0,0],
|
||||||
minIOPath:data.minIOPath || data.originalUrl,
|
minIOPath:data.minIOPath || data.originalUrl,
|
||||||
path:data.url,
|
path:data.url,
|
||||||
priority:editPrintElementData.printZIndex,
|
priority:printIndex,
|
||||||
scale,
|
scale,
|
||||||
globalCompositeOperation:'',
|
globalCompositeOperation:'',
|
||||||
}
|
}
|
||||||
@@ -286,7 +290,7 @@ export default defineComponent({
|
|||||||
angle : item.pattern.transform.rotateZ,
|
angle : item.pattern.transform.rotateZ,
|
||||||
// angle : !this.overallSingle ? 0:item.pattern.transform.rotateZ,
|
// angle : !this.overallSingle ? 0:item.pattern.transform.rotateZ,
|
||||||
location : location,
|
location : location,
|
||||||
priority:index,
|
priority:item.priority,
|
||||||
scale: scale,
|
scale: scale,
|
||||||
designType:item.designType,
|
designType:item.designType,
|
||||||
level2Type:item.level2Type,
|
level2Type:item.level2Type,
|
||||||
@@ -301,10 +305,14 @@ export default defineComponent({
|
|||||||
if(editPrintElementData.printStyleList[props.type].single.length>0){
|
if(editPrintElementData.printStyleList[props.type].single.length>0){
|
||||||
sort(editPrintElementData.printStyleList[props.type].single)
|
sort(editPrintElementData.printStyleList[props.type].single)
|
||||||
}
|
}
|
||||||
|
if(editPrintElementData.printStyleList[props.type].overall.length>0){
|
||||||
|
sort(editPrintElementData.printStyleList[props.type].overall)
|
||||||
|
}
|
||||||
editPrintElementData.printStyleList[props.type].overall.forEach((item:any)=>{
|
editPrintElementData.printStyleList[props.type].overall.forEach((item:any)=>{
|
||||||
data.push(setData(item,index))
|
data.push(setData(item,index))
|
||||||
index++
|
index++
|
||||||
})
|
})
|
||||||
|
console.log(editPrintElementData.printStyleList[props.type].single)
|
||||||
editPrintElementData.printStyleList[props.type].single.forEach((item:any)=>{
|
editPrintElementData.printStyleList[props.type].single.forEach((item:any)=>{
|
||||||
data.push(setData(item,index))
|
data.push(setData(item,index))
|
||||||
index++
|
index++
|
||||||
@@ -357,7 +365,6 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
designOpenrtionBtn:false
|
designOpenrtionBtn:false
|
||||||
}
|
}
|
||||||
editPrintElementData.printZIndex++
|
|
||||||
item.pattern = pattern
|
item.pattern = pattern
|
||||||
|
|
||||||
if(item.object){
|
if(item.object){
|
||||||
@@ -518,7 +525,6 @@ export default defineComponent({
|
|||||||
let scale = Number(editPrintElementDom.imgDom.children[0].style.transform?.split('scale(')[1]?.split(')')[0])
|
let scale = Number(editPrintElementDom.imgDom.children[0].style.transform?.split('scale(')[1]?.split(')')[0])
|
||||||
let rotateZ = Number(editPrintElementDom.imgDom.children[0].style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
let rotateZ = Number(editPrintElementDom.imgDom.children[0].style.transform?.split('rotateZ(')[1]?.split('deg')[0])
|
||||||
editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle][index].pattern.designOpenrtionBtn = true
|
editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle][index].pattern.designOpenrtionBtn = true
|
||||||
// editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle][index].pattern.style.zIndex = editPrintElementData.printZIndex++
|
|
||||||
editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle][index].pattern.transform = {
|
editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle][index].pattern.transform = {
|
||||||
scale:scale,
|
scale:scale,
|
||||||
rotateZ:rotateZ?rotateZ:0,
|
rotateZ:rotateZ?rotateZ:0,
|
||||||
@@ -652,7 +658,6 @@ export default defineComponent({
|
|||||||
top:editPrintElementDom.imgDom.offsetTop+'px',
|
top:editPrintElementDom.imgDom.offsetTop+'px',
|
||||||
height:editPrintElementDom.imgDom.offsetHeight+'px',
|
height:editPrintElementDom.imgDom.offsetHeight+'px',
|
||||||
width:editPrintElementDom.imgDom.offsetWidth+'px',
|
width:editPrintElementDom.imgDom.offsetWidth+'px',
|
||||||
// zIndex:editPrintElementData.printZIndex
|
|
||||||
}
|
}
|
||||||
document.removeEventListener('mousemove',sizeMouseMove)
|
document.removeEventListener('mousemove',sizeMouseMove)
|
||||||
document.removeEventListener('touchmove',sizeTouchmove)
|
document.removeEventListener('touchmove',sizeTouchmove)
|
||||||
@@ -836,6 +841,7 @@ export default defineComponent({
|
|||||||
collItemSize.elList.forEach((elItem:any)=>{
|
collItemSize.elList.forEach((elItem:any)=>{
|
||||||
let clothesIndex = arr.findIndex((item:any)=>item.uniqueId == elItem.uniqueId)
|
let clothesIndex = arr.findIndex((item:any)=>item.uniqueId == elItem.uniqueId)
|
||||||
arr[clothesIndex].pattern.style.zIndex = elItem.sort
|
arr[clothesIndex].pattern.style.zIndex = elItem.sort
|
||||||
|
arr[clothesIndex].priority = elItem.id.split('_')[0]
|
||||||
// let clothesId = editPrintElementData.designDetail.clothes[clothesIndex].id
|
// let clothesId = editPrintElementData.designDetail.clothes[clothesIndex].id
|
||||||
// editPrintElementData.designDetail.clothes[clothesIndex].priority = elItem.sort
|
// editPrintElementData.designDetail.clothes[clothesIndex].priority = elItem.sort
|
||||||
// let frontIndex = editPrintElementData.frontBack_.front.findIndex((item:any)=>item.id == clothesId)
|
// let frontIndex = editPrintElementData.frontBack_.front.findIndex((item:any)=>item.id == clothesId)
|
||||||
@@ -856,7 +862,7 @@ export default defineComponent({
|
|||||||
let arr:any = editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle]
|
let arr:any = editPrintElementData.printStyleList[props.type][editPrintElementData.stateOverallSingle]
|
||||||
|
|
||||||
arr.forEach((item,index) => {item.uniqueId = `${Date.now()}_${index}`});
|
arr.forEach((item,index) => {item.uniqueId = `${Date.now()}_${index}`});
|
||||||
|
console.log(arr)
|
||||||
const sortedArray = [...arr].sort((a, b) => a.priority - b.priority);
|
const sortedArray = [...arr].sort((a, b) => a.priority - b.priority);
|
||||||
const sortMap = {} as any;
|
const sortMap = {} as any;
|
||||||
sortedArray.forEach((item, index) => {
|
sortedArray.forEach((item, index) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user