Commit fafe2220 authored by nick zheng's avatar nick zheng

chore: 首页数字人新建对话入口及confirm拼写更正

parent 25c7d43f
......@@ -18,7 +18,7 @@ export interface DigitalHumanDialogueForm {
interface Emits {
(e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: DigitalHumanDialogueForm): void
(e: 'confirm', value: DigitalHumanDialogueForm): void
}
const props = defineProps<Props>()
......@@ -57,7 +57,7 @@ function handleUpdatePageLayout(pageLayout: 'vertical' | 'horizontal') {
function handleAddDigitalHumanDialogue() {
digitalHumanDialogueFormRef.value?.validate((errors) => {
if (!errors) {
emit('comfirm', digitalHumanDialogueFormData)
emit('confirm', digitalHumanDialogueFormData)
}
})
}
......
......@@ -13,7 +13,7 @@ interface Props {
interface Emits {
(e: 'update:isShowModal', value: boolean): void
(e: 'comfirm'): void
(e: 'confirm'): void
}
const props = defineProps<Props>()
......@@ -21,7 +21,7 @@ const props = defineProps<Props>()
const emit = defineEmits<Emits>()
const shareLink = computed(() => {
return `${AI_INDEX_URLS[window.ENV || 'DEV']}test/${props.configId}`
return `${AI_INDEX_URLS[window.ENV || 'DEV']}digital-work-preview/${props.configId}`
})
const showModal = computed({
......@@ -40,7 +40,7 @@ function handleCopyLink() {
</script>
<template>
<CustomModal v-model:is-show="showModal" :title="modalTitle" :width="448" :height="180" @confirm="emit('comfirm')">
<CustomModal v-model:is-show="showModal" :title="modalTitle" :width="448" :height="180" @confirm="emit('confirm')">
<template #content>
<p class="text-[#4b4b4b]">可複製鏈接,在網頁端預覽</p>
<NInputGroup class="mt-4">
......
......@@ -12,7 +12,7 @@ interface Props {
interface Emits {
(e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: string): void
(e: 'confirm', value: string): void
}
const props = defineProps<Props>()
......@@ -48,7 +48,7 @@ watch(
function handleAddDigitalHumanDialogue() {
digitalHumanDialogueFormRef.value?.validate((errors) => {
if (!errors) {
emit('comfirm', digitalHumanDialogueFormData.title)
emit('confirm', digitalHumanDialogueFormData.title)
}
})
}
......
......@@ -301,7 +301,7 @@ function handleGetDialogueListUpdatePageSize(pageSize: number) {
:config-title="copyDiaglogueConfig?.baseInfo.title || ''"
:btn-loading="editDigitalHumanDialogueBtnLoading"
modal-title="編輯新交互名稱"
@comfirm="handleAddDigitalHumanDialogue"
@confirm="handleAddDigitalHumanDialogue"
/>
<PublishDigitalHumanDialogueModal
......
......@@ -12,7 +12,7 @@ interface Props {
interface Emits {
(e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: string): void
(e: 'confirm', value: string): void
}
const props = defineProps<Props>()
......@@ -48,7 +48,7 @@ watch(
function handleAddDigitalHumanDialogue() {
digitalHumanDraftFormRef.value?.validate((errors) => {
if (!errors) {
emit('comfirm', digitalHumanDraftFormData.draftName)
emit('confirm', digitalHumanDraftFormData.draftName)
}
})
}
......
......@@ -267,6 +267,6 @@ function handleGetDraftListUpdatePageSize(pageSize: number) {
modal-title="編輯新草稿名稱"
:draft-name="copyDraftConfig?.draftName || ''"
:btn-loading="createCopyDraftBtnLoading"
@comfirm="handleCreateCopyDraft"
@confirm="handleCreateCopyDraft"
/>
</template>
<script setup lang="ts">
import { useUserStore } from '@/store/modules/user'
import { computed, ref } from 'vue'
import { useRouter } from 'vue-router'
import { useUserStore } from '@/store/modules/user'
import CreateDigitalHumanDialogueModal, {
DigitalHumanDialogueForm,
} from '@/views/dialogue-detail/components/create-digital-human-dialogue-modal.vue'
import { useDigitalHumanDialogueStore } from '@/store/modules/digital-human-dialogue'
import { DigitalHumanDialogueConfig } from '@/store/types/digital-human-dialogue'
import { fetchSaveDigitalHumanDialogueConfig } from '@/apis/digital-human-dialogue'
import { useRouter } from 'vue-router'
const router = useRouter()
const userStore = useUserStore()
const digitalHumanDialogueStore = useDigitalHumanDialogueStore()
const ishowCreateDigitalHumanDialogueModal = ref(false)
const userInfo = computed(() => userStore.userInfo)
......@@ -17,14 +22,8 @@ function handleGoToCreation() {
console.log('立即创作')
}
const digitalHumanDialogueStore = useDigitalHumanDialogueStore()
const router = useRouter()
const isShow = ref(false)
function handleShowModal() {
isShow.value = true
function handleShowCreateDigitalHumanDialogueModal() {
ishowCreateDigitalHumanDialogueModal.value = true
}
async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: DigitalHumanDialogueForm) {
......@@ -37,7 +36,7 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
if (res.code === 0) {
router.push({ name: 'DialogueDetail', params: { configId: res.data.baseInfo.configId } })
isShow.value = false
ishowCreateDigitalHumanDialogueModal.value = false
}
}
</script>
......@@ -45,18 +44,18 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
<template>
<div class="mb-[16px] flex rounded-[16px]">
<div
class="border-1 flex h-[168px] w-[401.5px] rounded-[20px] bg-gradient-to-r from-[#4b87ff] to-[#82b9ff] text-[#ffffff]"
class="border-1 flex h-[173px] w-[401.5px] rounded-[20px] bg-gradient-to-r from-[#4b87ff] to-[#82b9ff] text-[#ffffff]"
>
<div class="ml-[31px] mt-[18px]">
<div class="h-[80px] w-[238px]">
<div class="text-[20px] font-semibold leading-[27px]">照片數字人</div>
<div class="mt-[10px] text-[14px] font-normal">讓照片中的人開口説話,照片成爲視頻</div>
<div class="text-[20px] font-semibold leading-[27px]">數字人對話</div>
<div class="mt-[10px] text-[14px] font-normal">使用數字人幫助您快速提供客服對話服務</div>
</div>
<div
class="text-align-center mt-[20px] h-[35px] w-[90px] cursor-pointer rounded-[6px] bg-[#fff3] text-[14px] leading-[35px] text-[#fff] hover:bg-[#fff]/[.4]"
@click="handleShowModal"
@click="handleShowCreateDigitalHumanDialogueModal"
>
<span>立即創作</span>
<span>新建對話</span>
</div>
</div>
<div class="ml-[15px] mr-[15px] mt-[67px]">
......@@ -115,9 +114,9 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
</div>
<CreateDigitalHumanDialogueModal
v-model:is-show-modal="isShow"
modal-title="测试"
v-model:is-show-modal="ishowCreateDigitalHumanDialogueModal"
modal-title="新建對話"
:btn-loading="false"
@comfirm="handleCreateDigitalHumanDialogue"
@confirm="handleCreateDigitalHumanDialogue"
/>
</template>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment