修复页面bug

This commit is contained in:
X1627315083
2025-08-26 10:14:34 +08:00
parent cfe449f094
commit b6b554424b
49 changed files with 501 additions and 134 deletions

View File

@@ -90,12 +90,15 @@
<div v-show="isGenerate && !remGenerate" class="generage_btn started_btn">
<i class="fi fi-br-loading"></i>
</div>
<div v-show="remGenerate" @click="removeGenerate" class="generage_btn started_btn">
<div v-show="remGenerate" @click="setRemoveGenerate" class="generage_btn started_btn">
{{$t('Generate.Close')}}
</div>
</div>
</div>
<div class="likeBox">
<!-- {{ locale }}
<img src="@/assets/images/homePage/toolsGuide/productCN.png" alt="">
<img src="@/assets/images/homePage/toolsGuide/productEN.png" alt=""> -->
<div class="element">
<div class="title"><i class="fi fi-rs-comments"></i><span>{{$t('poseTransfer.LikeVideo')}}</span></div>
<div class="content">
@@ -148,7 +151,7 @@ export default defineComponent({
},
emit:['unLike'],
setup(props,{emit}) {
const {t} = useI18n()
const {t,locale} = useI18n()
const store = useStore();
const data:any = reactive({
button:{
@@ -302,7 +305,7 @@ export default defineComponent({
})
}
const setGenerate = (dataList:any)=>{
let list:any = dataList
let list:any = [dataList]
data.waitList = list
let state = true
data.generateTime = setInterval(()=>{
@@ -347,7 +350,7 @@ export default defineComponent({
});
},10000)
}
const removeGenerate = ()=>{
const setRemoveGenerate = ()=>{
//取消操作
data.isGenerate = false
data.remGenerate = false
@@ -355,7 +358,7 @@ export default defineComponent({
if(data.waitList){
// let str = data.waitList.map((obj:any) => obj.taskId).join(',');
let value = {
uniqueId:data.waitList,
uniqueId:data.waitList[0],
userId:store.state.UserHabit.userDetail.userId,
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
type: 'PoseTransferation'
@@ -476,13 +479,18 @@ export default defineComponent({
if(props.isDesignPage){
emit('unLike',item)
}
console.log(props.isDesignPage)
}
Https.axiosPost(Https.httpUrls.poselikeOrDisike, {},{params:value}).then(
(rv) => {
if(str == 'like'){
item.newLike = true
let value = {
likedList:[item],
likedList:[{
...item,
sort:rv.sort,
parentId:rv.parentId,
}],
str:'add',
index:-1,
}
@@ -490,7 +498,9 @@ export default defineComponent({
data.noLikeList.splice(index,1)
}else{
let value = {
likedList:[item],
likedList:[{
...item,
}],
str:'splice',
index:index,
}
@@ -539,13 +549,11 @@ export default defineComponent({
watch(()=>data.noLikeList.length,(newVal,oldVal)=>{
nextTick(()=>{
let list = store.state.HomeStoreModule.poseTransfer.list
let taskIdList = list.filter((item:any)=>!item.videoUrl)
console.log(taskIdList)
let taskIdList = list.filter((item:any)=>!item.videoUrl)[0]
if(taskIdList.length > 0){
data.isGenerate = true
data.remGenerate = true
console.log(taskIdList)
setGenerate([taskIdList[0].taskId])
setGenerate(taskIdList[0].taskId)
}
})
},{immediate: true })
@@ -569,13 +577,14 @@ export default defineComponent({
getUploadUrl,
beforeUpload,
fileUploadChange,
removeGenerate,
setRemoveGenerate,
likeSetBtn,
noLikeSetBtn,
selectPose,
openSpeed,
setSpeed,
setUploadDelete,
locale,
}
},
directives:{

View File

@@ -70,7 +70,7 @@
@afterChange="setSimilarity"
:tooltipVisible="false"
:step="5"
:max="70"
:max="100"
>
</a-slider>
<input style="margin-left: 2rem;" type="number" readonly v-model="similarity">
@@ -78,9 +78,10 @@
<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
<span>{{$t('ProductImg.SelectionFunction')}}</span>
</div>
<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_Direction generalModel_state_item">
<!-- 暂时去掉 -->
<!-- <div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_Direction generalModel_state_item">
<a-select size="large" style="width: 100%;" v-model:value="speedData.value" :options="speedList" :field-names="{ label: 'relightLabel', value: 'value' }"></a-select>
</div>
</div> -->
<div v-show="productimgMenu.value == 'Relight' && speedData.value != 'flux'" class="productImg_content_item_title productImg_content_item_title_similarity">
<span>{{$t('ProductImg.RelightDirection')}}</span>
</div>
@@ -145,6 +146,7 @@
<div class="productImg_right">
<div class="productImg_right_item_box generalScroll">
<div class="content_header_left">
<i class="fi fi-rs-comments"></i><span class="content_header_des">
@@ -152,6 +154,14 @@
</span>
</div>
<div class="content">
<img
class="guide"
v-if="locale == 'ENGLISH' && likeList[productimgMenu.value] == 0 && generateList[productimgMenu.value] == 0"
:src="'/src/assets/images/homePage/toolsGuide/' + (productimgMenu.value == 'ToProductImage'?'productEN':'relightEN') + '.png'" alt="">
<img
class="guide"
v-else-if="likeList[productimgMenu.value] == 0 && generateList[productimgMenu.value] == 0"
:src="'/src/assets/images/homePage/toolsGuide/' + (productimgMenu.value == 'ToProductImage'?'productCN':'relightCN') + '.png'" alt="">
<generalDrag ref="generalDragLeft" :type="productimgMenu.value" :isCopy="!isDesignPage" @setBtn="selectSetBtn" :isDelete="false" :isLike="true" :list="likeList[productimgMenu.value]"></generalDrag>
</div>
<!-- </div> -->
@@ -243,7 +253,7 @@ export default defineComponent({
let userDetail:any= computed(()=>{
return store.state.UserHabit.userDetail
})
const {t} = useI18n()
const {t,locale} = useI18n()
const upload:any = ref({
projectId:computed(()=>store.state.Workspace.probjects.id)
})
@@ -563,7 +573,7 @@ export default defineComponent({
message.info(t('ProductImg.jsContent2'))
return
}
let imageStrength = productImgData.similarity == 100? 95 :productImgData.similarity
let imageStrength = 70 / 100 * productImgData.similarity
let data:any ={
prompt:productImgData.searchName[props.productimgMenu.value],
toProductImageVOList:selectArr,
@@ -644,7 +654,10 @@ export default defineComponent({
if(element.status == 'Success'){
element.imgUrl = element.url
let index = productImgData.generateList[props.productimgMenu.value].findIndex((obj:any) => obj.taskId === element.taskId);
productImgData.generateList[props.productimgMenu.value][index] = element
productImgData.generateList[props.productimgMenu.value][index] = {
...element,
modelName:speed.speedData.value,
}
// productImgData.generateList[props.productimgMenu.value].unshift(element)
data = data.filter((item:any) => item !== element.taskId);
}else if(element.status == 'Fail'){
@@ -899,6 +912,7 @@ export default defineComponent({
ifMaximumLength,
openSpeed,
setSpeed,
locale,
};
},
directives:{
@@ -1285,6 +1299,15 @@ export default defineComponent({
position: relative;
flex: 1;
overflow: hidden;
.guide{
position: absolute;
width: 50rem;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
max-height: 100%;
object-fit: contain;
}
}
> .btnLeft,> .btnRight{
position: absolute;