转视频页面增加帮助icon,高级工具在任何地方都有弹窗提示词

This commit is contained in:
X1627315083
2025-12-09 11:25:25 +08:00
parent baf161e695
commit aad6919ec3
3 changed files with 43 additions and 22 deletions

View File

@@ -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;

View File

@@ -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

View File

@@ -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