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