转视频页面增加帮助icon,高级工具在任何地方都有弹窗提示词
This commit is contained in:
@@ -242,7 +242,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="prompt-input-container" v-show="!showMotion">
|
<div class="prompt-input-container" v-show="!showMotion">
|
||||||
<div class="title">{{ $t('ProductImg.Prompt') }}</div>
|
<div class="title">
|
||||||
|
<span>{{ $t('ProductImg.Prompt') }}</span>
|
||||||
|
<SvgIcon
|
||||||
|
class="cursor-icon"
|
||||||
|
@click="handleNavigateHelp"
|
||||||
|
name="CHelpFlip"
|
||||||
|
size="18"
|
||||||
|
color="#000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<promptInput :content="prompt" ref="promptInputRef" />
|
<promptInput :content="prompt" ref="promptInputRef" />
|
||||||
</div>
|
</div>
|
||||||
<div class="transferPose" v-show="showMotion">
|
<div class="transferPose" v-show="showMotion">
|
||||||
@@ -380,7 +389,7 @@
|
|||||||
<a-spin size="large" />
|
<a-spin size="large" />
|
||||||
</div>
|
</div>
|
||||||
<template>
|
<template>
|
||||||
<Prompt v-if="scaleImageList[scaleImageIndex]?.resultType === 'ToProductImage'" v-model:showModal="showPromptAssist" isDesignPage />
|
<Prompt v-if="scaleImageList[scaleImageIndex]?.resultType === 'ToProductImage'" v-model:showModal="showPromptAssist" />
|
||||||
<PromptEditProduct v-if="scaleImageList[scaleImageIndex]?.resultType === 'Relight'" v-model:showModal="showPromptAssist" />
|
<PromptEditProduct v-if="scaleImageList[scaleImageIndex]?.resultType === 'Relight'" v-model:showModal="showPromptAssist" />
|
||||||
</template>
|
</template>
|
||||||
<Product
|
<Product
|
||||||
@@ -450,7 +459,7 @@ export default defineComponent({
|
|||||||
let userDetail: any = computed(() => {
|
let userDetail: any = computed(() => {
|
||||||
return store.state.UserHabit.userDetail
|
return store.state.UserHabit.userDetail
|
||||||
})
|
})
|
||||||
let { t } = useI18n()
|
let { t, locale } = useI18n()
|
||||||
const textareaRef = useTemplateRef<HTMLTextAreaElement>('textareaRef')
|
const textareaRef = useTemplateRef<HTMLTextAreaElement>('textareaRef')
|
||||||
const videoType = ref(2)
|
const videoType = ref(2)
|
||||||
const showMotion = computed(() => videoType.value === 1)
|
const showMotion = computed(() => videoType.value === 1)
|
||||||
@@ -599,13 +608,13 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
const showPromptAssist = ref(false)
|
const showPromptAssist = ref(false)
|
||||||
const handleClickAssistBtn = () => {
|
const handleClickAssistBtn = () => {
|
||||||
const { httpType } = store.state.Workspace.probjects
|
// const { httpType } = store.state.Workspace.probjects
|
||||||
const isSingleDesign = httpType === 'SINGLE_DESIGN'
|
// const isSingleDesign = httpType === 'SINGLE_DESIGN'
|
||||||
if (!isSingleDesign) {
|
// if (!isSingleDesign) {
|
||||||
const promptText = t('ProductImg.Series')
|
// const promptText = t('ProductImg.Series')
|
||||||
productimg.productimgSearchName = promptText
|
// productimg.productimgSearchName = promptText
|
||||||
return
|
// return
|
||||||
}
|
// }
|
||||||
showPromptAssist.value = true
|
showPromptAssist.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1310,7 +1319,13 @@ export default defineComponent({
|
|||||||
return videoType.value === 3 ? false : true
|
return videoType.value === 3 ? false : true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
const handleNavigateHelp = () => {
|
||||||
|
const url =
|
||||||
|
locale === 'CHINESE_SIMPLIFIED'
|
||||||
|
? 'https://aida-user-manual-chinese.super.site/2b08f755cedd80a985cffdf2af80c538'
|
||||||
|
: 'https://aida-user-manual.super.site/advanced-tool/animated-product-image/to-product-video-prompt-assist '
|
||||||
|
window.open(url,'_blank')
|
||||||
|
}
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
clearInterval(prductimgTime)
|
clearInterval(prductimgTime)
|
||||||
clearInterval(remPrductimgTime)
|
clearInterval(remPrductimgTime)
|
||||||
@@ -1374,7 +1389,8 @@ export default defineComponent({
|
|||||||
handlePlayNewVideo,
|
handlePlayNewVideo,
|
||||||
isNewVideoPlaying,
|
isNewVideoPlaying,
|
||||||
showDropdown,
|
showDropdown,
|
||||||
inputPlaceholder
|
inputPlaceholder,
|
||||||
|
handleNavigateHelp
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -1786,12 +1802,16 @@ export default defineComponent({
|
|||||||
:deep(.promptInput) {
|
:deep(.promptInput) {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
font-weight: 500;
|
display: flex;
|
||||||
color: #000;
|
align-items: center;
|
||||||
font-size: 1.7rem;
|
column-gap: 1rem;
|
||||||
margin-bottom: 1.4rem;
|
.cursor-icon {
|
||||||
}
|
display: flex;
|
||||||
|
width: auto;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.prompt-container {
|
.prompt-container {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
|
|||||||
@@ -31,7 +31,6 @@
|
|||||||
<div class="collectionBox">
|
<div class="collectionBox">
|
||||||
<toProductRelight ref="toProduct"
|
<toProductRelight ref="toProduct"
|
||||||
:productimgMenu="{value:'ToProductImage',label:$t('ProductImg.ProductImage')}"
|
:productimgMenu="{value:'ToProductImage',label:$t('ProductImg.ProductImage')}"
|
||||||
:isDesignPage="true"
|
|
||||||
@setLike="designLike"
|
@setLike="designLike"
|
||||||
class="toProduct"
|
class="toProduct"
|
||||||
:source="source"
|
:source="source"
|
||||||
@@ -41,7 +40,6 @@
|
|||||||
></toProductRelight>
|
></toProductRelight>
|
||||||
<toProductRelight ref="relight"
|
<toProductRelight ref="relight"
|
||||||
:productimgMenu="{value:'Relight',label:$t('ProductImg.Relight')}"
|
:productimgMenu="{value:'Relight',label:$t('ProductImg.Relight')}"
|
||||||
:isDesignPage="true"
|
|
||||||
@setLike="designLike"
|
@setLike="designLike"
|
||||||
class="relight"
|
class="relight"
|
||||||
:source="source"
|
:source="source"
|
||||||
@@ -49,7 +47,7 @@
|
|||||||
:isState="openType =='relight'"
|
:isState="openType =='relight'"
|
||||||
v-if="openType == 'relight'"
|
v-if="openType == 'relight'"
|
||||||
></toProductRelight>
|
></toProductRelight>
|
||||||
<poseTransfer v-if="openType == 'poseTransfer'" @unLike="unLike" :source="source" :isDesignPage="true" @setLike="designLike" ref="poseTransfer"></poseTransfer>
|
<poseTransfer v-if="openType == 'poseTransfer'" @unLike="unLike" :source="source" @setLike="designLike" ref="poseTransfer"></poseTransfer>
|
||||||
<div v-if="openType == 'editCanvas'" class="canvasBox" :class="{editCanvas:openType == 'editCanvas'}">
|
<div v-if="openType == 'editCanvas'" class="canvasBox" :class="{editCanvas:openType == 'editCanvas'}">
|
||||||
<div class="canvas" ref="canvasBox">
|
<div class="canvas" ref="canvasBox">
|
||||||
<editCanvas
|
<editCanvas
|
||||||
|
|||||||
@@ -55,13 +55,16 @@ export default defineComponent({
|
|||||||
const data = reactive({
|
const data = reactive({
|
||||||
openType:'',
|
openType:'',
|
||||||
componentKey:null,
|
componentKey:null,
|
||||||
isShowMark:false,
|
isShowMark:true,
|
||||||
routeQuery:{} as any,
|
routeQuery:{} as any,
|
||||||
selectObject:computed(()=>store.state.Workspace.probjects) as any,//选择的项目
|
selectObject:computed(()=>store.state.Workspace.probjects) as any,//选择的项目
|
||||||
chatData:null as any,
|
chatData:null as any,
|
||||||
dataLoad:true as any,
|
dataLoad:true as any,
|
||||||
cachedRoutes:computed(()=>store.state.Workspace.cachedRoutes),//
|
cachedRoutes:computed(()=>store.state.Workspace.cachedRoutes),//
|
||||||
})
|
})
|
||||||
|
onMounted(()=>{
|
||||||
|
data.isShowMark = false
|
||||||
|
})
|
||||||
let settingGetHistory:any = inject('settingGetHistory')
|
let settingGetHistory:any = inject('settingGetHistory')
|
||||||
const setIsShowMark = (boolean:boolean)=>{
|
const setIsShowMark = (boolean:boolean)=>{
|
||||||
data.isShowMark = boolean
|
data.isShowMark = boolean
|
||||||
|
|||||||
Reference in New Issue
Block a user