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-06-11 15:08:17 +08:00
parent c266967f16
commit 8b107857ad
20 changed files with 547 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/component/home/design/index.vue
View File

@@ -103,6 +103,11 @@
likeDesignCollectionList,
'like'
)">
<img class="content_img"
v-if="design.resultType == 'PoseTransfer'"
:src="design.firstFrameUrl" alt=""
@mouseenter.stop="gifPlay($event,design)"
@mouseleave.stop="gifPause($event,design)" >
<img class="content_img" v-show="!design?.generateAwait" :src="design.designOutfitUrl||design.url"
:key="design.designOutfitUrl" designType="like" :index="index"/>
<a-spin v-show="design?.generateAwait" size="large"></a-spin>
@@ -115,7 +120,7 @@
<div class="icon iconfont icon-jushoucanggift icon_like">
</div>
</div>
<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(likeDesignCollectionList,index,'TransferPose','add','like')">
<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(likeDesignCollectionList,index,'PoseTransfer','add','like')">
<div class="text">Transfer Pose</div>
<div class="icon iconfont icon-jushoucanggift icon_like"></div>
</div>
@@ -168,6 +173,11 @@
designCollectionList,
'disLike'
)">
<img class="content_img"
v-if="design.resultType == 'PoseTransfer'"
:src="design.firstFrameUrl" alt=""
@mouseenter.stop="gifPlay($event,design)"
@mouseleave.stop="gifPause($event,design)" >
<img class="content_img" v-show="!design?.generateAwait" :src="design.designOutfitUrl || design.url" designType="disLike" :index="index"/>
<a-spin v-show="design?.generateAwait" size="large"></a-spin>
</div>
@@ -179,7 +189,7 @@
<div class="icon iconfont icon-jushoucang icon_like">
</div>
</div>
<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(designCollectionList,index,'TransferPose','add','disLike')">
<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(designCollectionList,index,'PoseTransfer','add','disLike')">
<div class="text">Transfer Pose</div>
<div class="icon iconfont icon-jushoucanggift icon_like"></div>
</div>
@@ -647,8 +657,8 @@ export default defineComponent({
index: posiitonData.value.generateElList.length,
userLikeSortId:value.designItemId||value.id
});
setDesignItemStyle()
}
setDesignItemStyle()
setSystemDesigner(100)
// moveItem('disLike');
})
@@ -704,6 +714,7 @@ export default defineComponent({
dataDom.editDesignType.isComparison = true
}
const addGenerateImg = (data:any)=>{
console.log(data)
if(!data.id)return
let obj = {
id:data.id,
@@ -716,6 +727,8 @@ export default defineComponent({
elementId:data.elementId,
elementType:data.elementType,
userGroupId:data.userGroupId || data.id,
firstFrameUrl:data.firstFrameUrl,
gifUrl:data.gifUrl,
}
let list = []
if(data.listType == 'disLike'){
@@ -760,13 +773,29 @@ export default defineComponent({
let data = {
toProductImageResultId:[(design.designItemId || design.id)],
projectId: store.state.Workspace.probjects.id,
}
} as any
let params = {} as any
if(type == 'ToProductImage' || type == 'Relight'){
if(str == 'like'){
url = Https.httpUrls.productImageLike
}else{
url = Https.httpUrls.productImageUnLike
}
}else if(type == 'PoseTransfer'){
url = Https.httpUrls.poselikeOrDisike
if(str == 'like'){
params = {
likeOrDislike:'like',
transformedId:design.id,
projectId:store.state.Workspace.probjects.id,
}
}else{
params = {
likeOrDislike:'dislike',
transformedId:design.id,
projectId:store.state.Workspace.probjects.id,
}
}
}else{
if(str == 'like'){
url = Https.httpUrls.productImageLike
@@ -775,7 +804,7 @@ export default defineComponent({
}
}
designData.likeLoading = true;
Https.axiosPost(url, data).then(
Https.axiosPost(url, data,{params:params.likeOrDislike?params:''}).then(
(rv) => {
if(str == 'like'){
let value:any = {
@@ -863,6 +892,12 @@ export default defineComponent({
list[data.index].generateAwait = true;
}
const gifPlay = (e:any,item:any)=>{
e.target.src = item.gif || item.gifUrl//使用gif图片
}
const gifPause = (e:any,item:any)=>{
e.target.src = item.firstFrame || item.firstFrameUrl//静态图片
}
return {
store,
...toRefs(editDesignType),
@@ -915,6 +950,8 @@ export default defineComponent({
setNoDesignLike,
upDataLikeListType,
setGenerateAwait,
gifPlay,
gifPause,
};
},
data() {
@@ -985,6 +1022,12 @@ export default defineComponent({
}
});
this.observerData.observer.observe(this.$refs.rightContentBlockBox);
if(this.designCollectionList?.length > 0){
nextTick(()=>{
this.setDesignItemStyle()
this.setShowHide('recycleDomHidden')
})
}
},
directives:{
mousewheel:{
@@ -1743,7 +1786,8 @@ export default defineComponent({
.designPage_left_content {
height: 100%;
width: 55rem;
width: 50rem;
// width: 55rem;
overflow: hidden;
// transition: all .3s;
padding-right: 1.2rem;
@@ -1804,7 +1848,7 @@ export default defineComponent({
color: #fff;
flex-direction: column;
&.active{
right: 43rem;
right: 53rem;
transform: translate(0, -50%);
}
}
@@ -1862,7 +1906,7 @@ export default defineComponent({
margin-left: 2rem;
}
.right_content_body {
width: 45rem;
width: 55rem;
// width: 55rem;
.right_content_img_block{
@@ -1986,11 +2030,9 @@ export default defineComponent({
}
}
.content_img {
// max-width: 100%;
width: 100%;
height: 100%;
// max-height: 100%;
object-fit: contain;
// object-fit: contain;
object-fit: cover;
}
.btn{