修复元素bug

This commit is contained in:
X1627315083
2024-07-10 09:31:36 +08:00
parent e0bb4b3c59
commit 038275b454
4 changed files with 68 additions and 87 deletions

View File

@@ -473,22 +473,24 @@ export default defineComponent({
designElementsBtn:false designElementsBtn:false
} }
}, },
computeZindex(){ computeZindex(resolve,prints){
let arr = JSON.parse(JSON.stringify(this.printStyleList)) console.log(prints);
arr.sort((a, b) => { prints.sort((a, b) => {
var a_num = a["style"].zIndex; var a_num = a.priority;
var b_num = b["style"].zIndex; var b_num = b.priority;
return a_num - b_num; return a_num - b_num;
}); });
let num = 1 let num = 1
arr.forEach((v)=>{ prints.forEach((v)=>{
v.style.zIndex = num++ v.priority = num++
}) })
return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比 resolve(prints)
// return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比
}, },
computeSize(arr){ computeSize(){
// let num = this.sketch/ // let num = this.sketch/
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
let arr = JSON.parse(JSON.stringify(this.printStyleList))
let sketch = document.getElementsByClassName("designElements_sketch")[0] let sketch = document.getElementsByClassName("designElements_sketch")[0]
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
let prints = [] let prints = []
@@ -509,7 +511,7 @@ export default defineComponent({
} }
prints.push(obj) prints.push(obj)
} }
resolve(prints) this.computeZindex(resolve,prints)
}) })
}, },
async setPreview(){ async setPreview(){
@@ -525,7 +527,7 @@ export default defineComponent({
// priority:priority, // priority:priority,
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone, // timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
// } // }
await this.computeZindex().then((rv)=>{ await this.computeSize().then((rv)=>{
this.setOkData = rv this.setOkData = rv
}) })
let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData)) let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData))

View File

@@ -474,23 +474,25 @@ export default defineComponent({
designElementsBtn:false designElementsBtn:false
} }
}, },
computeZindex(){ computeZindex(resolve,prints){
let arr = JSON.parse(JSON.stringify(this.printStyleList)) console.log(prints);
arr.sort((a, b) => { prints.sort((a, b) => {
var a_num = a["style"].zIndex; var a_num = a.priority;
var b_num = b["style"].zIndex; var b_num = b.priority;
return a_num - b_num; return a_num - b_num;
}); });
let num = 1 let num = 1
arr.forEach((v)=>{ prints.forEach((v)=>{
v.style.zIndex = num++ v.priority = num++
}) })
return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比 resolve(prints)
// return this.computeSize(arr)//计算单件衣服初始大小到目前大小的缩放比
}, },
async computeSize(arr){ async computeSize(arr){
// let num = this.sketch/ // let num = this.sketch/
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
let sketch = document.getElementsByClassName("designElementsMobile_sketch")[0] let arr = JSON.parse(JSON.stringify(this.printStyleList))
let sketch = document.getElementsByClassName("designElements_sketch")[0]
let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
let prints = [] let prints = []
let scale let scale
@@ -510,7 +512,7 @@ export default defineComponent({
} }
prints.push(obj) prints.push(obj)
} }
resolve(prints) this.computeZindex(resolve,prints)
}) })
}, },
async setPreview(){ async setPreview(){
@@ -530,7 +532,7 @@ export default defineComponent({
// timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone, // timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
// } // }
let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData)) let data = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designPreviewData))
await this.computeZindex().then((rv)=>{ await this.computeSize().then((rv)=>{
this.setOkData = rv this.setOkData = rv
}) })
data.designSingleItemDTOList[index].trims.prints = this.setOkData data.designSingleItemDTOList[index].trims.prints = this.setOkData

View File

@@ -383,7 +383,6 @@ export default defineComponent({
this.printStyleList[this.stateOverallSingle].forEach((v)=>{ this.printStyleList[this.stateOverallSingle].forEach((v)=>{
v.designOpenrtionBtn = false v.designOpenrtionBtn = false
}) })
this.currentPrintStyleList.id = item.id
if(!this.overallSingle){ if(!this.overallSingle){
if(item.checked){ if(item.checked){
this.imgDomIndex = 0 this.imgDomIndex = 0
@@ -403,7 +402,6 @@ export default defineComponent({
this.refetchTemplate(0,true) this.refetchTemplate(0,true)
this.exhibitionOpenrtionList[this.stateOverallSingle][0] = { this.exhibitionOpenrtionList[this.stateOverallSingle][0] = {
angle:0, angle:0,
id:item.id,
designType:item.designType, designType:item.designType,
level2Type:item.level2Type, level2Type:item.level2Type,
minIOPath:item.minIOPath, minIOPath:item.minIOPath,
@@ -419,7 +417,6 @@ export default defineComponent({
let currentIndex = this.printStyleList[this.stateOverallSingle].length-1 let currentIndex = this.printStyleList[this.stateOverallSingle].length-1
this.exhibitionOpenrtionList[this.stateOverallSingle].push({ this.exhibitionOpenrtionList[this.stateOverallSingle].push({
angle:0, angle:0,
id:item.id,
designType:item.designType, designType:item.designType,
level2Type:item.level2Type, level2Type:item.level2Type,
minIOPath:item.minIOPath, minIOPath:item.minIOPath,
@@ -607,7 +604,6 @@ export default defineComponent({
top = sketch.offsetHeight/2-5 top = sketch.offsetHeight/2-5
} }
this.printStyleList[this.stateOverallSingle][index]={ this.printStyleList[this.stateOverallSingle][index]={
id:this.printStyleList[this.stateOverallSingle][index].id,
centers:{ centers:{
left:0, left:0,
top:0, top:0,
@@ -648,7 +644,6 @@ export default defineComponent({
} }
this.systemDesignerPercentage = item.scale?item.scale*100:30 this.systemDesignerPercentage = item.scale?item.scale*100:30
this.printStyleList[str][index]={ this.printStyleList[str][index]={
id:item.id,
centers:{ centers:{
left:0, left:0,
top:0, top:0,
@@ -699,10 +694,7 @@ export default defineComponent({
} }
let scale let scale
let location let location
console.log(this.exhibitionOpenrtionList[this.stateOverallSingle],arr);
for (let index = 0; index < arr.length; index++) { for (let index = 0; index < arr.length; index++) {
for (let i = 0; i < this.exhibitionOpenrtionList[this.stateOverallSingle].length; i++) {
if(this.exhibitionOpenrtionList[this.stateOverallSingle][i].id == arr[index].id){
if(!this.overallSingle){ if(!this.overallSingle){
scale = this.systemDesignerPercentage/100 scale = this.systemDesignerPercentage/100
// location = [arr[index].style.left.replace(/px/g,'')*sketchNum+this.print.width.replace(/px/g,'')/2-7,arr[index].style.top.replace(/px/g,'')*sketchNum+this.print.height.replace(/px/g,'')/2-7] // location = [arr[index].style.left.replace(/px/g,'')*sketchNum+this.print.width.replace(/px/g,'')/2-7,arr[index].style.top.replace(/px/g,'')*sketchNum+this.print.height.replace(/px/g,'')/2-7]
@@ -726,10 +718,6 @@ export default defineComponent({
} }
prints.push(obj) prints.push(obj)
} }
}
}
this.computeZindex(resolve,prints) this.computeZindex(resolve,prints)
}) })
}, },

View File

@@ -384,7 +384,6 @@ export default defineComponent({
this.printStyleList[this.stateOverallSingle].forEach((v)=>{ this.printStyleList[this.stateOverallSingle].forEach((v)=>{
v.designOpenrtionBtn = false v.designOpenrtionBtn = false
}) })
this.currentPrintStyleList.id = item.id
if(!this.overallSingle){ if(!this.overallSingle){
if(item.checked){ if(item.checked){
this.imgDomIndex = 0 this.imgDomIndex = 0
@@ -400,12 +399,10 @@ export default defineComponent({
}) })
item.checked = true item.checked = true
} }
this.currentPrintStyleList.id = item.id
this.printStyleList[this.stateOverallSingle][0] = JSON.parse(JSON.stringify(this.currentPrintStyleList)) this.printStyleList[this.stateOverallSingle][0] = JSON.parse(JSON.stringify(this.currentPrintStyleList))
this.refetchTemplate(0,true) this.refetchTemplate(0,true)
this.exhibitionOpenrtionList[this.stateOverallSingle][0] = { this.exhibitionOpenrtionList[this.stateOverallSingle][0] = {
angle:0, angle:0,
id:item.id,
designType:item.designType, designType:item.designType,
level2Type:item.level2Type, level2Type:item.level2Type,
minIOPath:item.minIOPath, minIOPath:item.minIOPath,
@@ -421,7 +418,6 @@ export default defineComponent({
let currentIndex = this.printStyleList[this.stateOverallSingle].length-1 let currentIndex = this.printStyleList[this.stateOverallSingle].length-1
this.exhibitionOpenrtionList[this.stateOverallSingle].push({ this.exhibitionOpenrtionList[this.stateOverallSingle].push({
angle:0, angle:0,
id:item.id,
designType:item.designType, designType:item.designType,
level2Type:item.level2Type, level2Type:item.level2Type,
minIOPath:item.minIOPath, minIOPath:item.minIOPath,
@@ -613,7 +609,6 @@ export default defineComponent({
top = sketch.offsetHeight/2-5 top = sketch.offsetHeight/2-5
} }
this.printStyleList[this.stateOverallSingle][index]={ this.printStyleList[this.stateOverallSingle][index]={
id:this.printStyleList[this.stateOverallSingle][index].id,
centers:{ centers:{
left:0, left:0,
top:0, top:0,
@@ -654,7 +649,6 @@ export default defineComponent({
} }
this.systemDesignerPercentage = item.scale?item.scale*100:30 this.systemDesignerPercentage = item.scale?item.scale*100:30
this.printStyleList[str][index]={ this.printStyleList[str][index]={
id:item.id,
centers:{ centers:{
left:0, left:0,
top:0, top:0,
@@ -705,8 +699,6 @@ export default defineComponent({
let scale let scale
let location let location
for (let index = 0; index < arr.length; index++) { for (let index = 0; index < arr.length; index++) {
for (let i = 0; i < this.exhibitionOpenrtionList[this.stateOverallSingle].length; i++) {
if(this.exhibitionOpenrtionList[this.stateOverallSingle][i].id == arr[index].id){
if(!this.overallSingle){ if(!this.overallSingle){
scale = this.systemDesignerPercentage/100 scale = this.systemDesignerPercentage/100
// location = [arr[index].style.left.replace(/px/g,'')*sketchNum+this.print.width.replace(/px/g,'')/2-7,arr[index].style.top.replace(/px/g,'')*sketchNum+this.print.height.replace(/px/g,'')/2-7] // location = [arr[index].style.left.replace(/px/g,'')*sketchNum+this.print.width.replace(/px/g,'')/2-7,arr[index].style.top.replace(/px/g,'')*sketchNum+this.print.height.replace(/px/g,'')/2-7]
@@ -730,8 +722,6 @@ export default defineComponent({
} }
prints.push(obj) prints.push(obj)
} }
}
}
this.computeZindex(resolve,prints) this.computeZindex(resolve,prints)
}) })
}, },
@@ -793,7 +783,6 @@ export default defineComponent({
designItemDetail.currentFullBodyView = this.designItemDetailTS.rv.currentFullBodyView designItemDetail.currentFullBodyView = this.designItemDetailTS.rv.currentFullBodyView
designItemDetail.clothes[index].printObject.ifSingle = this.overallSingle designItemDetail.clothes[index].printObject.ifSingle = this.overallSingle
designItemDetail.clothes[index].layersObject = this.designItemDetailTS.rv.clothes[index].layersObject designItemDetail.clothes[index].layersObject = this.designItemDetailTS.rv.clothes[index].layersObject
designItemDetail.clothes[index].undividedLayer = this.designItemDetailTS.rv.clothes[index].undividedLayer
designItemDetail.clothes[index].trims = this.designItemDetailTS.rv.clothes[index].trims designItemDetail.clothes[index].trims = this.designItemDetailTS.rv.clothes[index].trims
designItemDetail.clothes[index].printObject.prints = this.setOkData designItemDetail.clothes[index].printObject.prints = this.setOkData
// designItemDetail.clothes[index].printObject.prints = this.computeZindex() // designItemDetail.clothes[index].printObject.prints = this.computeZindex()