This commit is contained in:
X1627315083
2023-12-22 10:57:12 +08:00
parent 22856aa281
commit a51b7f2915
5 changed files with 68 additions and 26 deletions

View File

@@ -100,8 +100,16 @@ export default defineComponent({
// this.sketchList = []
// this.sketch = [[],[],[]]
// this.sketchList = this.allBoardData.sketchboardFiles
if(oldVal){
if(JSON.stringify(newVal)!=JSON.stringify(oldVal)){
console.log(oldVal,newVal);
if(oldVal && oldVal?.length != 0){
let oldArr:any = []
let newArr:any = []
oldVal.forEach((item:any,index:any) => {
oldArr.push(item.id?item.id:item.sketchBoardId)
newArr.push(newVal[index].id?newVal[index].id:newVal[index].sketchBoardIdd)
});
if(JSON.stringify(newArr)!=JSON.stringify(oldArr)){
this.setSketch()
this.imgOpen = true
}
@@ -121,6 +129,8 @@ export default defineComponent({
},
methods: {
setSketch(){
console.log(123123);
if(!this.imgOpen){
return
}
@@ -145,22 +155,26 @@ export default defineComponent({
})
// console.log(arr);
this.sketch[arr[0].num]?.push(this.sketchList[i])
let dom = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item'+arr[0].num)[0]
let img = dom.querySelector('.element:last-child')
console.log(img);
// console.log([sketch1.height,sketch2.height,sketch3.height]);
await new Promise((resolve:any)=>{
image.onload = ()=>{
sketch1 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
sketch2 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
sketch3 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
nextTick().then(()=>{
sketch1 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
sketch2 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
sketch3 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
})
setTimeout(()=>{
resolve()
},200)
setTimeout(()=>{
},500)
})
}
})
}