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

detail preview可以设置空颜色

Browse Source
This commit is contained in:
X1627315083
2025-05-08 14:09:12 +08:00
parent a4e040d0ff
commit 610e715ca7
30 changed files with 1323 additions and 6496 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
src/views/HomeView/library.vue
View File

@@ -8,7 +8,7 @@
<div class="page_content_body">
<!-- <HeaderComponent></HeaderComponent> -->
<div class="library_page_body">
<div class="library_body_left">
<!-- <div class="library_body_left">
<div>
<div class="library_menu_list" v-for="(menu,index) in menuList" :key="menu.title">
<div :class="['menu_item', selectCode==menu.code ? 'select_menu_item' :'']" @click="selectMenuItem(menu,index)">
@@ -24,7 +24,7 @@
</div>
</div>
</div>
</div>
</div> -->
<div class="library_body_right">
@@ -485,7 +485,6 @@
<script lang="ts">
import { LoadingOutlined } from "@ant-design/icons-vue";
import { defineComponent,h ,ref,createVNode,nextTick,watch,provide,computed,reactive,toRefs} from 'vue'
// import HeaderComponent from "@/component/HomePage/Header.vue";
import ModelPlacement from '@/component/LibraryPage/ModelPlacement.vue';
// import ModelPlacement from '@/component/LibraryPage/ModelPlacementUpdata.vue';
import setLabel from '@/component/LibraryPage/setLabel.vue';
@@ -511,7 +510,6 @@ import generalMenu from "@/component/HomePage/generalMenu.vue";
import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
export default defineComponent({
components: {
// HeaderComponent,
ModelPlacement,
setLabel,
ModelPlacementMobile,
@@ -893,14 +891,6 @@ export default defineComponent({
};
},
watch:{
searchPictureName(newVal,oldVal){
// clearTimeout(this.getLibraryListInputTime)
// this.getLibraryListInputTime = setTimeout(() => {
// if(newVal != oldVal){
// this.currentPage = 1
// }
// }, 500);
},
scene:{
handler(newVal,oldVal){
if(this.selectCode == 'Printboard' && newVal.value == 'Slogan'){
@@ -911,6 +901,19 @@ export default defineComponent({
this.isSloganHint = ''
}
}
},
'$route.query':{
handler(query, oldQuery) {
if(oldQuery && query?.library == oldQuery?.library)return
let str = query.library
if(!str)str = 'Moodboard'
nextTick(()=>{
console.log()
this.selectMenuItem({code:str})
// setWorksSelect(str)
})
},
immediate: true,
}
},
async mounted(){
@@ -920,6 +923,7 @@ export default defineComponent({
this.uploadUrl = getUploadUrl()
this.token = getCookie("token") || "";
},
methods:{
@@ -958,71 +962,67 @@ export default defineComponent({
});
}
},
selectMenuItem(menu:any,index:any){
if(menu.children?.length){ //证明是有子菜单
menu.showChildren = !menu.showChildren
}else{
if(menu.code != this.upload.level1Type){
this.selectCode = menu.code
this.currentPage = 1
this.total = 0
if(menu.code == 'MyBrand'){
this.getBrandDNAList()
return
}
this.searchPictureName = ''
this.imgList = [],
this.selectImgList = []
this.isTextarea = false
this.value.labelValue = []
if(this.designTypeList[this.selectCode].length >= 1){
this.designType = this.designTypeList[this.selectCode][0].value
}else{
this.designType = ''
}
if(this.selectCode != 'DesignElements'){
this.getClass()
}
if(this.selectCode == 'Sketchboard' || this.selectCode == 'Models')this.getSex()
if(this.selectCode == 'Sketchboard'){
this.positionType = computed(() => {
return this.store.state.UserHabit.Position;
});
this.printModelList = JSON.parse(JSON.stringify(this.store.state.UserHabit.SketchStyle))
let imgList = ['/image/sketch/sketch-thick.jpg','/image/sketch/sketch-medium.jpg','/image/sketch/sketch-fine.jpg']
this.printModelList.forEach((item:any,index:number)=>{
item.img = imgList[index]
})
}
if(this.selectCode == 'Printboard'){
this.printModelList = [
{
num:1,
optype:false,
value:'Painting Style',
label:this.t('Generate.Model1')
},{
num:2,
optype:false,
value:'Illustration Style',
label:this.t('Generate.Model2')
},{
num:3,
optype:false,
value:'Real Style',
label:this.t('Generate.Model3')
},
]
}
if(this.printModelList[0])this.printModel = this.printModelList[0]
this.captionGeneration = ''
this.selectGenerateList = []
this.inputShow = false
this.uploadGenerateOpen('Upload')
selectMenuItem(menu:any){
if(menu.code != this.upload.level1Type){
this.selectCode = menu.code
this.currentPage = 1
this.total = 0
if(menu.code == 'MyBrand'){
this.getBrandDNAList()
return
}
this.upload.level1Type = menu.code
}
this.searchPictureName = ''
this.imgList = [],
this.selectImgList = []
this.isTextarea = false
this.value.labelValue = []
if(this.designTypeList[this.selectCode].length >= 1){
this.designType = this.designTypeList[this.selectCode][0].value
}else{
this.designType = ''
}
if(this.selectCode != 'DesignElements'){
this.getClass()
}
if(this.selectCode == 'Sketchboard' || this.selectCode == 'Models')this.getSex()
if(this.selectCode == 'Sketchboard'){
this.positionType = computed(() => {
return this.store.state.UserHabit.Position;
});
this.printModelList = JSON.parse(JSON.stringify(this.store.state.UserHabit.SketchStyle))
let imgList = ['/image/sketch/sketch-thick.jpg','/image/sketch/sketch-medium.jpg','/image/sketch/sketch-fine.jpg']
this.printModelList.forEach((item:any,index:number)=>{
item.img = imgList[index]
})
}
if(this.selectCode == 'Printboard'){
this.printModelList = [
{
num:1,
optype:false,
value:'Painting Style',
label:this.t('Generate.Model1')
},{
num:2,
optype:false,
value:'Illustration Style',
label:this.t('Generate.Model2')
},{
num:3,
optype:false,
value:'Real Style',
label:this.t('Generate.Model3')
},
]
}
if(this.printModelList[0])this.printModel = this.printModelList[0]
this.captionGeneration = ''
this.selectGenerateList = []
this.inputShow = false
this.uploadGenerateOpen('Upload')
}
this.upload.level1Type = menu.code
},
async sexChange(){
@@ -1860,7 +1860,6 @@ export default defineComponent({
width: 100%;
overflow: hidden;
height: 100%;
padding: 0 6rem;
// min-width: 1440px;
position: relative;
.mark_loading{
@@ -1956,7 +1955,8 @@ export default defineComponent({
}
}
.library_body_right{
width: calc(100% - 23.5rem);
width: 100%;
// width: calc(100% - 23.5rem);
height: 100%;
.header_operate_item{
margin-right: 5rem;