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

47
src/views/HomeView/Works.vue
View File

@@ -1,20 +1,16 @@
<template>
<div class="works_page" :class="{active:isScroll,'otherUsersActive':otherUsers,'positionLogin':position=='login'}">
<!-- <div class="modal_title_text">
<div>Works</div>
</div> -->
<div class="modal_title_text modal_search" v-if="!otherUsers && position!='login'">
<div class="works_page" :class="{active:isScroll,'otherUsersActive':otherUsers,'positionLogin':true}">
<!-- <div class="works_page" :class="{active:isScroll,'otherUsersActive':otherUsers,'positionLogin':position=='login'}"> -->
<!-- <div class="modal_title_text modal_search" v-if="!otherUsers && position!='login'">
<div v-show="isScroll" v-for="item in worksType" :key="item" class="gallery_btn white" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
{{ item.name }}
</div>
<div v-show="!isScroll" class="modal_title_text_assistant gallery_btn white" :class="{active:'all' == worksSelect}" @click="setWorksSelect({value:'all'})">All</div>
<div v-show="!isScroll" class="modal_title_text_assistant gallery_btn white" :class="{active:'NewYear_2025' == worksSelect}" @click="setWorksSelect({value:'NewYear_2025'})">NewYear_2025</div>
<!-- <div class="modal_search_menu">
<generalMenu :dataList="menuList" @setprintModel="setprintModel" :item="selectMenu"></generalMenu>
</div> -->
</div>
</div> -->
<div class="page_content" >
<Falls ref="fall" @loadend="isShowMark = false" @setPortfolioLike="setPortfolioLike" :isScroll="isScroll" @getImgScale="getImgScale"></Falls>
<Falls ref="fall" @loadend="isShowMark = false" @setPortfolioLike="setPortfolioLike" :isScroll="isScroll" @getImgScale="getImgScale"></Falls>
<div class="page_loading_box" v-show="!isNoData">
<span class="page_loading" v-show="!isShowMark"></span>
<span v-show="isShowMark">
@@ -32,8 +28,7 @@
</template>
<script lang="ts">
import { LoadingOutlined } from "@ant-design/icons-vue";
import { defineComponent,h ,toRefs,ref,reactive,onMounted,nextTick,provide,computed} from 'vue'
// import HeaderComponent from "@/component/HomePage/Header.vue";
import { defineComponent,h ,toRefs,ref,reactive,onMounted,nextTick,watch,computed} from 'vue'
// import RobotAssist from "@/component/HomePage/RobotAssist.vue";
import { Https } from "@/tool/https";
import newScaleImage from "@/component/WorksPage/newScaleImage.vue";
@@ -68,7 +63,8 @@ export default defineComponent({
},
},
setup(prop) {
const router = useRouter()
const router = useRouter() as any
const route = useRoute() as any
let filter:any = reactive({
worksSelect: 'all',
isNull:true,
@@ -135,18 +131,18 @@ export default defineComponent({
let newScaleImageMobile:any = ref()
let fall:any = ref()
let setWorksSelect = (val:any) => {
filter.worksSelect = val.value
filter.worksSelect = val
filter.getListDate.getLikePortfolio = 0
filter.getListDate.getMyPortfolio = 0
filter.getListDate.tagId = ''
if(val.value == 'all'){
}else if(val.value == 'favoriteWorks'){
if(val == 'all'){
}else if(val == 'favoriteWorks'){
filter.getListDate.getLikePortfolio = 1
}else if(val.value == 'myWorks'){
}else if(val == 'myWorks'){
filter.getListDate.getMyPortfolio = 1
}else if(val.value == 'RCAworkshop_2024'){
}else if(val == 'RCAworkshop_2024'){
filter.getListDate.tagId = 1
}else if(val.value == 'NewYear_2025'){
}else if(val == 'NewYear_2025'){
filter.getListDate.tagId = 3
}
filter.getListDate.page = 0
@@ -226,7 +222,7 @@ export default defineComponent({
let setPorfolioDom = ()=>{
filter.isShowMark = false
filter.isNoData = false
getPorfolio()
// getPorfolio()
let worksPage:any = document.querySelector('.works_page')
let imgParent:any = document.querySelector('.works_page .page_loading')
new IntersectionObserver(
@@ -240,6 +236,17 @@ export default defineComponent({
// { root:worksPage }
).observe(imgParent);
}
watch(() => route.query,
(query, oldQuery) => {
if(oldQuery && query?.works == oldQuery?.works)return
let str = query.works
if(!str)str = 'all'
nextTick(()=>{
setWorksSelect(str)
})
},
{ immediate: true } // 立即触发一次以处理初始参数
);
onMounted (()=>{
nextTick(()=>{
setPorfolioDom()