作品广场
This commit is contained in:
@@ -456,7 +456,11 @@ export default defineComponent({
|
||||
// this.store.commit("clearAllCollection");
|
||||
}
|
||||
if (this.$route.params.id) {
|
||||
this.getHistoryChoose(this.$route.params.id, "normal");
|
||||
if(this.$route.params.type == 'History'){
|
||||
this.getHistoryChoose(this.$route.params.id, "normal");
|
||||
}else if(this.$route.params.type == 'Works'){
|
||||
this.getWorks(this.$route.params.id, "normal");
|
||||
}
|
||||
this.store.commit("setDesignCollectionList",[]);
|
||||
} else {
|
||||
// this.store.commit("clearAllData");
|
||||
@@ -895,7 +899,32 @@ export default defineComponent({
|
||||
this.isShowMark = false;
|
||||
});
|
||||
},
|
||||
|
||||
getWorks(userGroupId: any, type: any) {
|
||||
let data:any = {
|
||||
"accountId": 0,
|
||||
"collectionId": 0,
|
||||
"coverId": 0,
|
||||
"createDate": "",
|
||||
"id": 0,
|
||||
"isDeleted": 0,
|
||||
"portfolioDes": "",
|
||||
"portfolioName": "",
|
||||
"portfolioType": "",
|
||||
"status": 0,
|
||||
"updateDate": "",
|
||||
"userLikeGroupId":userGroupId
|
||||
}
|
||||
Https.axiosPost(Https.httpUrls.setPorfolioChoose, data).then(
|
||||
(rv: any) => {
|
||||
console.log(rv);
|
||||
|
||||
this.dealHistoryChooseData(rv, type);
|
||||
this.isShowMark = false;
|
||||
}
|
||||
).catch((res)=>{
|
||||
this.isShowMark = false;
|
||||
});
|
||||
},
|
||||
//处理选择组的数据
|
||||
dealHistoryChooseData(data: any, type: any) {
|
||||
let collectionData = {
|
||||
|
||||
@@ -1,30 +1,31 @@
|
||||
<template>
|
||||
<div class="works_page">
|
||||
<div class="modal_title_text">
|
||||
<!-- <div class="modal_title_text">
|
||||
<div>Works</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="modal_title_text">
|
||||
<div v-for="item in worksType" :key="item" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">{{ item.name }}</div>
|
||||
</div>
|
||||
<div class="page_content">
|
||||
<div class="page_content_item" v-for="item,index in worksList" :key="item">
|
||||
<div class="page_content_item_img" @click.stop="getImgScale(index)">
|
||||
<img v-lazy="item.imgUrl" alt="">
|
||||
<img v-lazy="item.designPythonOutfitUrl" alt="">
|
||||
<div class="delete_like_file_block" >
|
||||
<i v-if="!item.like" class="fi fi-rr-heart" @click.stop="likeFile(item,'like')"></i>
|
||||
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page_content_item_text">
|
||||
<div class="page_content_item_text_name">
|
||||
{{item.name}}
|
||||
<div class="page_content_item_text_name" :title="item.portfolioName">
|
||||
{{item.portfolioName}}
|
||||
</div>
|
||||
<div class="page_content_item_text_bottom">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.5rem" height="2.5rem" viewBox="0 0 16 16" fill="none" role="img" :style="{color:'#9e9ea7',fill: 'currentColor'}">
|
||||
<path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
<span>{{ item.likeNum }}</span>
|
||||
<span>321</span>
|
||||
<!-- <span>{{ item.likeNum }}</span> -->
|
||||
</div>
|
||||
<div>
|
||||
<i v-if="true" class="fi fi-sr-thumbs-up" style="color:rgba(158, 158, 167);"></i>
|
||||
@@ -36,7 +37,8 @@
|
||||
<path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path>
|
||||
<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path>
|
||||
</svg>
|
||||
<span>{{ item.lookNum }}</span>
|
||||
<span>321</span>
|
||||
<!-- <span>{{ item.lookNum }}</span> -->
|
||||
</div>
|
||||
<!-- <div>
|
||||
<i class="fi fi-rr-comment-alt-dots"></i>
|
||||
@@ -58,7 +60,7 @@
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { LoadingOutlined } from "@ant-design/icons-vue";
|
||||
import { defineComponent,h ,toRefs,ref,reactive,createVNode,nextTick,provide,computed} from 'vue'
|
||||
import { defineComponent,h ,toRefs,ref,reactive,onMounted,nextTick,provide,computed} from 'vue'
|
||||
// import HeaderComponent from "@/component/HomePage/Header.vue";
|
||||
// import RobotAssist from "@/component/HomePage/RobotAssist.vue";
|
||||
import { Modal,message,Upload,CascaderProps } from 'ant-design-vue';
|
||||
@@ -192,6 +194,10 @@ export default defineComponent({
|
||||
like: false,
|
||||
}
|
||||
],
|
||||
getListDate:{
|
||||
page:1,
|
||||
size:10,
|
||||
},
|
||||
isShowMark:false
|
||||
})
|
||||
let newScaleImage:any = ref()
|
||||
@@ -205,7 +211,19 @@ export default defineComponent({
|
||||
newScaleImage.value.scaleImageMask = true
|
||||
newScaleImage.value.init(filter.worksList,index)
|
||||
}
|
||||
let getPorfolio = ()=>{
|
||||
let data = filter.getListDate
|
||||
Https.axiosPost(Https.httpUrls.getPorfolio, data)
|
||||
.then((rv) => {
|
||||
console.log(rv);
|
||||
filter.worksList = rv.content
|
||||
})
|
||||
.catch((rv) => {});
|
||||
}
|
||||
let {t} = useI18n()
|
||||
onMounted (()=>{
|
||||
getPorfolio()
|
||||
})
|
||||
return {
|
||||
...toRefs(filter),
|
||||
newScaleImage,
|
||||
@@ -284,13 +302,14 @@ export default defineComponent({
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow-y: auto;
|
||||
height: 145rem;
|
||||
height: 125rem;
|
||||
align-content: flex-start;
|
||||
.page_content_item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
width: 30rem;
|
||||
}
|
||||
.page_content_item_text,.page_content_item_img{
|
||||
display: flex;
|
||||
@@ -299,6 +318,7 @@ export default defineComponent({
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
overflow: hidden;
|
||||
padding: 2rem 0;
|
||||
justify-content: center;
|
||||
border-radius: 2rem;
|
||||
position: relative;
|
||||
|
||||
@@ -323,7 +323,7 @@ export default defineComponent({
|
||||
},
|
||||
|
||||
retrieveHome(record:any){
|
||||
this.$router.push({name:'homePage',params: {id:record.id}})
|
||||
this.$router.push({name:'homePage',params: {id:record.id,type:'History'}})
|
||||
},
|
||||
|
||||
setPublish(record:any){
|
||||
|
||||
Reference in New Issue
Block a user