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

调整创建项目

Browse Source
This commit is contained in:
X1627315083
2025-05-22 14:26:47 +08:00
parent bcbcc252e1
commit 608a4dec89
13 changed files with 4545 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/component/HomePage/NewCollectionReview.vue
View File

@@ -1,11 +1,15 @@
<template>
<!-- 生成collention缩略图用的 -->
<div class="collection_review">
<div class="collection_review_mark"></div>
<!-- <div class="collection_review_mark"></div> -->
<!-- <div class="img_block_item" v-if="allBoardData?.moodTemplateId">
<MoodTemplate :fileList="allBoardData?.moodboardFiles" :moodTemplateId="allBoardData?.moodTemplateId"></MoodTemplate>
</div> -->
<div class="img_block_item" v-if="allBoardData?.disposeMoodboard?.length != 0 && allBoardData?.disposeMoodboard?.[0] != null">
<div class="title">
<div>Moodboard</div>
<i class="fi fi-rr-edit" @click="openCollection('moodBoard')"></i>
</div>
<div v-for="(mood) in allBoardData?.disposeMoodboard" :key="mood" v-show="mood?.imgUrl != ''" class="lager_img_item lager_img_disposeMoodboard" >
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="mood?.imgUrl" >
@@ -13,6 +17,10 @@
</div>
</div>
<div class="img_block_item" v-else>
<div class="title" v-if="allBoardData?.moodboardFiles?.length>0">
<div>Moodboard</div>
<i class="fi fi-rr-edit" @click="openCollection('moodBoard')"></i>
</div>
<div v-for="(mood) in allBoardData?.moodboardFiles" :key="mood" v-show="mood?.imgUrl != ''" class="lager_img_item lager_img_moodboard" >
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="mood?.imgUrl" >
@@ -20,7 +28,11 @@
</div>
</div>
<div class="img_block_item">
<div class="img_block_item" v-if="allBoardData?.printboardFiles?.length>0 || allBoardData?.generatePrintFiles?.length>0">
<div class="title">
<div>Printboard</div>
<i class="fi fi-rr-edit" @click="openCollection('printBoard')"></i>
</div>
<div class="small_img_item" v-for="(print) in allBoardData?.printboardFiles" :key="print">
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="print?.imgUrl">
@@ -33,7 +45,11 @@
</div>
</div>
<div class="img_block_item">
<div class="img_block_item" v-if="allBoardData?.colorBoards?.length>0">
<div class="title">
<div>Colorboard</div>
<i class="fi fi-rr-edit" @click="openCollection('colorBoard')"></i>
</div>
<div class="color_item" v-for="(color) in allBoardData?.colorBoards" :key="color">
<div class="color_content" v-if="!color?.gradient" :style="{background:`rgb(${color?.rgbValue?.r},${color?.rgbValue?.g},${color?.rgbValue?.b},${color?.rgbValue?.a})`}"></div>
<div class="color_content" v-else :style="{height:'11rem','background-image':color?.gradient?`linear-gradient(${color?.gradient.angle}deg,${setGradient(color?.gradient)}`:'none'}"></div>
@@ -52,6 +68,10 @@
</div>
</div> -->
<div class="img_block_item img_block_item_sketch">
<div class="title" v-if="allBoardData?.sketch">
<div>Sketchboard</div>
<i class="fi fi-rr-edit" @click="openCollection('sketchBoard')"></i>
</div>
<div class="lager_img_item" :class="'lager_img_item'+index" v-for="(item,index) in sketch" :key="item">
<div class="all_img_item_block" v-for="v in item" :key="sketch">
<img class="all_img_content" :src="v?.urlWithWhiteSide">
@@ -75,18 +95,23 @@ import MoodTemplate from '@/component/HomePage/MoodTemplate.vue'
import { useStore } from "vuex";
export default defineComponent({
components:{MoodTemplate},
setup() {
emits:['openCollection'],
setup(props, { emit }) {
const store:any = useStore();
let sketch:any = ref([[],[],[]])
let sketchList:any = computed(()=>{
return store.state.UploadFilesModule.showSketchboard})
let allBoardData:any = computed(()=>{
return store.state.UploadFilesModule.allBoardData})
const openCollection = (str:any)=>{
emit('openCollection',str)
}
return {
store,
allBoardData,
sketch,
sketchList,
openCollection,
}
},
data(){
@@ -113,8 +138,10 @@ export default defineComponent({
this.imgOpen = true
}
}else{
this.setSketch()
this.imgOpen = true
nextTick(()=>{
this.setSketch()
this.imgOpen = true
})
}
@@ -215,6 +242,18 @@ export default defineComponent({
// &.color_block_item{
// padding: 0 0.5rem 0 0.3rem;
// }
> .title{
display: flex;
font-size: 1.4rem;
font-weight: 900;
align-items: center;
justify-content: space-between;
> i{
font-size: 2rem;
display: flex;
cursor: pointer;
}
}
.lager_img_item{
display: inline-block;
width: 20.4rem;