aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复bug

Browse Source
This commit is contained in:
X1627315083
2025-01-17 17:16:01 +08:00
parent a3ca957c87
commit b5124abbfa
19 changed files with 896 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/HomeView/HomeView.vue
View File

@@ -188,9 +188,9 @@
)
">
</div>
<!-- <i class="fi fi-rr-trash icon_delete" @click.stop="
setDeleteDesign(index)">
</i> -->
<i class="fi fi-rr-trash icon_delete" @click.stop="
setDeleteDesign(design,index)">
</i>
</div>
</div>
@@ -232,9 +232,9 @@
</div> -->
<!-- design collection的进度蒙层 end-->
<affiche ref="affiche"></affiche>
<!-- <tesst></tesst> -->
</div>
<!-- <DesignDetailcopy></DesignDetailcopy> -->
</template>
<script lang="ts">
@@ -242,13 +242,13 @@ import { defineComponent, h, ref, computed, reactive, toRefs, inject,provide,nex
// import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
// import HeaderComponent from "@/component/HomePage/Header.vue";
import CollectionModal from "@/component/HomePage/collectionModal.vue";
import tesst from "@/component/Canvas/test.vue";
import NewCollectionReview from "@/component/HomePage/NewCollectionReview.vue";
import ExportNewCoolection from "@/component/HomePage/ExportNewCoolection.vue";
import productImg from "@/component/HomePage/productImg.vue";
import generalCanvas from "@/component/modules/generalCanvas.vue";
import affiche from "@/component/HomePage/affiche.vue";
import DesignDetail from "@/component/Detail/DesignDetail.vue";
import DesignDetailcopy from "@/component/DetailCopy/designDetail.vue";
import html2canvas from "html2canvas";
import { message,Modal } from "ant-design-vue";
import { useStore } from "vuex";
@@ -267,20 +267,21 @@ export default defineComponent({
name: "homePage",
components: {
// HeaderComponent,
tesst,
CollectionModal,
NewCollectionReview,
DesignDetail,
ExportNewCoolection,
affiche,
productImg,
generalCanvas
generalCanvas,
DesignDetailcopy
},
props:{
getLangIsShowMark:{
type:Boolean,
}
},
emits:['setTask'],
activated() {
},
deactivated() {
@@ -366,8 +367,10 @@ export default defineComponent({
let portfolio:any = ref({})
provide('portfolio',portfolio)
let showDesignMark = ref(false)
let sessionStorageCollValue = JSON.parse(sessionStorage.getItem('collValue') as any)
const collItemSize = reactive({
collValue:JSON.parse(sessionStorage.getItem('collValue') as any) || 3,
collValue:( sessionStorageCollValue>= 20? 10:sessionStorageCollValue) || 3,
minCollValue:4,
maxCollValue:20,
likeStyle:{
@@ -409,7 +412,6 @@ export default defineComponent({
let parentWidth = likeItemDom.value.parentElement.offsetWidth
collItemSize.minCollValue = collItemSize.maxCollValue - Math.round(likeItemDom.value.parentElement.offsetWidth/120)
collItemSize.collValue = collItemSize.collValue<collItemSize.minCollValue?collItemSize.minCollValue:collItemSize.collValue
let value = collItemSize.maxCollValue - collItemSize.collValue
collItemSize.itemStyle.width = (parentWidth - (value * 10)) / value
collItemSize.itemStyle.height = collItemSize.itemStyle.width * 1.54
@@ -447,8 +449,21 @@ export default defineComponent({
}
const setDeleteDesign = (index:any)=>{
const setDeleteDesign = (value:any,index:any)=>{
console.log(value);
store.commit("setDeleteDesignCollectionList",index);
let collItem = posiitonData.value.generateElList.filter((item:any)=>item.userLikeSortId == value.designItemId)[0]
posiitonData.value.generateElList = posiitonData.value.generateElList.filter((item:any)=>item.userLikeSortId != value.designItemId)
posiitonData.value.generateElList.forEach((item:any)=>{
if(item.sort > collItem.sort){
item.sort-=1
}
})
console.log(posiitonData.value.likeElList);
moveItem('')
}
const cancelDeleteDesign = (index:any)=>{
store.commit("cancelDeleteDesignCollectionList",index);
@@ -608,6 +623,7 @@ export default defineComponent({
let width,height
width = (collItemDom.value.offsetWidth - 30) / 3 * collItemSize.scale[0]
height = (collItemDom.value.offsetWidth - 30) / 3 * collItemSize.scale[1]
// let num = str == 'like'?value:3
for(let i = 0;i < elLikeList.length;i++){
elLikeList[i].el.style.left = (elLikeList.length - 1 - elLikeList[i].sort) % value * (collItemSize.itemStyle.width +10) + 'px';
@@ -698,12 +714,15 @@ export default defineComponent({
beforeUnmount(){
clearTimeout(this.getDesignTime);
// alert(1)
sessionStorage.setItem('domHidden',JSON.stringify(this.domHidden))
sessionStorage.setItem('recycleDomHidden',JSON.stringify(this.recycleDomHidden))
sessionStorage.setItem('collValue',JSON.stringify(this.collValue))
this.sortDesignCollection()
window.removeEventListener('resize', this.setDesignItemPosition)
},
async mounted() {
// if(JSON.parse( getCookie('isFirst') as any)){
// }
let test:any = getCookie('isTest')
@@ -804,10 +823,7 @@ export default defineComponent({
// type: 'dislike',
// };
// designDetail.showDesignDetailModal(data);
window.addEventListener('resize', ()=> {
this.setSystemDesigner(0)
this.setDesignItemStyle()
})
window.addEventListener('resize', this.setDesignItemPosition)
this.setSystemDesigner(0)
this.setDesignItemStyle()
},
@@ -844,6 +860,10 @@ export default defineComponent({
// addTeam (team:any) {
// this.likeDesignCollectionList.push(team)
// },
setDesignItemPosition(){
this.setSystemDesigner(0)
this.setDesignItemStyle()
},
affiche(text:any){
nextTick(()=>{
let affiche:any = this.$refs.affiche