Commit fafe2220 authored by nick zheng's avatar nick zheng

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

parent 25c7d43f
...@@ -18,7 +18,7 @@ export interface DigitalHumanDialogueForm { ...@@ -18,7 +18,7 @@ export interface DigitalHumanDialogueForm {
interface Emits { interface Emits {
(e: 'update:isShowModal', value: boolean): void (e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: DigitalHumanDialogueForm): void (e: 'confirm', value: DigitalHumanDialogueForm): void
} }
const props = defineProps<Props>() const props = defineProps<Props>()
...@@ -57,7 +57,7 @@ function handleUpdatePageLayout(pageLayout: 'vertical' | 'horizontal') { ...@@ -57,7 +57,7 @@ function handleUpdatePageLayout(pageLayout: 'vertical' | 'horizontal') {
function handleAddDigitalHumanDialogue() { function handleAddDigitalHumanDialogue() {
digitalHumanDialogueFormRef.value?.validate((errors) => { digitalHumanDialogueFormRef.value?.validate((errors) => {
if (!errors) { if (!errors) {
emit('comfirm', digitalHumanDialogueFormData) emit('confirm', digitalHumanDialogueFormData)
} }
}) })
} }
......
...@@ -13,7 +13,7 @@ interface Props { ...@@ -13,7 +13,7 @@ interface Props {
interface Emits { interface Emits {
(e: 'update:isShowModal', value: boolean): void (e: 'update:isShowModal', value: boolean): void
(e: 'comfirm'): void (e: 'confirm'): void
} }
const props = defineProps<Props>() const props = defineProps<Props>()
...@@ -21,7 +21,7 @@ const props = defineProps<Props>() ...@@ -21,7 +21,7 @@ const props = defineProps<Props>()
const emit = defineEmits<Emits>() const emit = defineEmits<Emits>()
const shareLink = computed(() => { 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({ const showModal = computed({
...@@ -40,7 +40,7 @@ function handleCopyLink() { ...@@ -40,7 +40,7 @@ function handleCopyLink() {
</script> </script>
<template> <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> <template #content>
<p class="text-[#4b4b4b]">可複製鏈接,在網頁端預覽</p> <p class="text-[#4b4b4b]">可複製鏈接,在網頁端預覽</p>
<NInputGroup class="mt-4"> <NInputGroup class="mt-4">
......
...@@ -12,7 +12,7 @@ interface Props { ...@@ -12,7 +12,7 @@ interface Props {
interface Emits { interface Emits {
(e: 'update:isShowModal', value: boolean): void (e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: string): void (e: 'confirm', value: string): void
} }
const props = defineProps<Props>() const props = defineProps<Props>()
...@@ -48,7 +48,7 @@ watch( ...@@ -48,7 +48,7 @@ watch(
function handleAddDigitalHumanDialogue() { function handleAddDigitalHumanDialogue() {
digitalHumanDialogueFormRef.value?.validate((errors) => { digitalHumanDialogueFormRef.value?.validate((errors) => {
if (!errors) { if (!errors) {
emit('comfirm', digitalHumanDialogueFormData.title) emit('confirm', digitalHumanDialogueFormData.title)
} }
}) })
} }
......
...@@ -301,7 +301,7 @@ function handleGetDialogueListUpdatePageSize(pageSize: number) { ...@@ -301,7 +301,7 @@ function handleGetDialogueListUpdatePageSize(pageSize: number) {
:config-title="copyDiaglogueConfig?.baseInfo.title || ''" :config-title="copyDiaglogueConfig?.baseInfo.title || ''"
:btn-loading="editDigitalHumanDialogueBtnLoading" :btn-loading="editDigitalHumanDialogueBtnLoading"
modal-title="編輯新交互名稱" modal-title="編輯新交互名稱"
@comfirm="handleAddDigitalHumanDialogue" @confirm="handleAddDigitalHumanDialogue"
/> />
<PublishDigitalHumanDialogueModal <PublishDigitalHumanDialogueModal
......
...@@ -12,7 +12,7 @@ interface Props { ...@@ -12,7 +12,7 @@ interface Props {
interface Emits { interface Emits {
(e: 'update:isShowModal', value: boolean): void (e: 'update:isShowModal', value: boolean): void
(e: 'comfirm', value: string): void (e: 'confirm', value: string): void
} }
const props = defineProps<Props>() const props = defineProps<Props>()
...@@ -48,7 +48,7 @@ watch( ...@@ -48,7 +48,7 @@ watch(
function handleAddDigitalHumanDialogue() { function handleAddDigitalHumanDialogue() {
digitalHumanDraftFormRef.value?.validate((errors) => { digitalHumanDraftFormRef.value?.validate((errors) => {
if (!errors) { if (!errors) {
emit('comfirm', digitalHumanDraftFormData.draftName) emit('confirm', digitalHumanDraftFormData.draftName)
} }
}) })
} }
......
...@@ -267,6 +267,6 @@ function handleGetDraftListUpdatePageSize(pageSize: number) { ...@@ -267,6 +267,6 @@ function handleGetDraftListUpdatePageSize(pageSize: number) {
modal-title="編輯新草稿名稱" modal-title="編輯新草稿名稱"
:draft-name="copyDraftConfig?.draftName || ''" :draft-name="copyDraftConfig?.draftName || ''"
:btn-loading="createCopyDraftBtnLoading" :btn-loading="createCopyDraftBtnLoading"
@comfirm="handleCreateCopyDraft" @confirm="handleCreateCopyDraft"
/> />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { useUserStore } from '@/store/modules/user'
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { useRouter } from 'vue-router'
import { useUserStore } from '@/store/modules/user'
import CreateDigitalHumanDialogueModal, { import CreateDigitalHumanDialogueModal, {
DigitalHumanDialogueForm, DigitalHumanDialogueForm,
} from '@/views/dialogue-detail/components/create-digital-human-dialogue-modal.vue' } from '@/views/dialogue-detail/components/create-digital-human-dialogue-modal.vue'
import { useDigitalHumanDialogueStore } from '@/store/modules/digital-human-dialogue' import { useDigitalHumanDialogueStore } from '@/store/modules/digital-human-dialogue'
import { DigitalHumanDialogueConfig } from '@/store/types/digital-human-dialogue' import { DigitalHumanDialogueConfig } from '@/store/types/digital-human-dialogue'
import { fetchSaveDigitalHumanDialogueConfig } from '@/apis/digital-human-dialogue' import { fetchSaveDigitalHumanDialogueConfig } from '@/apis/digital-human-dialogue'
import { useRouter } from 'vue-router'
const router = useRouter()
const userStore = useUserStore() const userStore = useUserStore()
const digitalHumanDialogueStore = useDigitalHumanDialogueStore()
const ishowCreateDigitalHumanDialogueModal = ref(false)
const userInfo = computed(() => userStore.userInfo) const userInfo = computed(() => userStore.userInfo)
...@@ -17,14 +22,8 @@ function handleGoToCreation() { ...@@ -17,14 +22,8 @@ function handleGoToCreation() {
console.log('立即创作') console.log('立即创作')
} }
const digitalHumanDialogueStore = useDigitalHumanDialogueStore() function handleShowCreateDigitalHumanDialogueModal() {
ishowCreateDigitalHumanDialogueModal.value = true
const router = useRouter()
const isShow = ref(false)
function handleShowModal() {
isShow.value = true
} }
async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: DigitalHumanDialogueForm) { async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: DigitalHumanDialogueForm) {
...@@ -37,7 +36,7 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita ...@@ -37,7 +36,7 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
if (res.code === 0) { if (res.code === 0) {
router.push({ name: 'DialogueDetail', params: { configId: res.data.baseInfo.configId } }) router.push({ name: 'DialogueDetail', params: { configId: res.data.baseInfo.configId } })
isShow.value = false ishowCreateDigitalHumanDialogueModal.value = false
} }
} }
</script> </script>
...@@ -45,18 +44,18 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita ...@@ -45,18 +44,18 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
<template> <template>
<div class="mb-[16px] flex rounded-[16px]"> <div class="mb-[16px] flex rounded-[16px]">
<div <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="ml-[31px] mt-[18px]">
<div class="h-[80px] w-[238px]"> <div class="h-[80px] w-[238px]">
<div class="text-[20px] font-semibold leading-[27px]">照片數字人</div> <div class="text-[20px] font-semibold leading-[27px]">數字人對話</div>
<div class="mt-[10px] text-[14px] font-normal">讓照片中的人開口説話,照片成爲視頻</div> <div class="mt-[10px] text-[14px] font-normal">使用數字人幫助您快速提供客服對話服務</div>
</div> </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]" 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> </div>
<div class="ml-[15px] mr-[15px] mt-[67px]"> <div class="ml-[15px] mr-[15px] mt-[67px]">
...@@ -115,9 +114,9 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita ...@@ -115,9 +114,9 @@ async function handleCreateDigitalHumanDialogue(digitalHumanDialogueForm: Digita
</div> </div>
<CreateDigitalHumanDialogueModal <CreateDigitalHumanDialogueModal
v-model:is-show-modal="isShow" v-model:is-show-modal="ishowCreateDigitalHumanDialogueModal"
modal-title="测试" modal-title="新建對話"
:btn-loading="false" :btn-loading="false"
@comfirm="handleCreateDigitalHumanDialogue" @confirm="handleCreateDigitalHumanDialogue"
/> />
</template> </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