chore: 数字人对话样式调整及支持修改对话名称

src/views/dialogue-detail/components/digital/digital-card.vue

 <script setup lang="ts">
 import { computed } from 'vue'
-import { ImageItem } from '@/store/types/creation'
 import { useDigitalHumanDialogueStore } from '@/store/modules/digital-human-dialogue'
+import { DigitalImageItem } from '../../dialogue-type'
 
 interface Props {
-  imageItem: ImageItem
+  imageItem: DigitalImageItem
 }
 
 interface Emits {

src/views/dialogue-detail/components/horizontal-screen-preview-content.vue

@@ -52,7 +52,7 @@ async function handleGetInfoByFigureId(figureId: string) {
       class="absolute left-0 top-0 h-full w-full object-cover"
     />
 
-    <div class="absolute bottom-0 left-[5%] w-[320px]">
+    <div class="absolute bottom-0 right-[5%] w-[320px]">
       <img v-show="figureImageUrl" :src="figureImageUrl" alt="數字人" class="h-full w-full" />
     </div>
   </div>

src/views/dialogue-detail/components/vertical-screen-preview-content.vue

@@ -56,7 +56,7 @@ async function handleGetInfoByFigureId(figureId: string) {
       v-show="figureImageUrl"
       :src="figureImageUrl"
       alt="數字人"
-      class="absolute left-0 top-0 h-full w-full object-cover"
+      class="absolute bottom-0 left-[25px] h-[574px] w-[324px] object-cover"
     />
   </div>
 </template>

src/views/dialogue-detail/layout/header-bar.vue

@@ -100,6 +100,8 @@ async function handleSaveDigitalHumanDialogueTitle() {
     return
   }
 
+  digitalHumanDialogueConfig.value.baseInfo.title = digitalHumanDialogueTitle.value
+
   const res = await fetchSaveDigitalHumanDialogueConfig(digitalHumanDialogueConfig.value)
 
   if (res.code === 0) {

src/views/dialogue-detail/layout/index.vue

@@ -5,7 +5,7 @@ import SideBar from './side-bar.vue'
 </script>
 
 <template>
-  <div class="h-screen bg-[#f3f4fb]">
+  <div class="h-screen min-w-[1280px] bg-[#f3f4fb]">
     <n-layout content-class="layout-wrapper-content" class="h-full !bg-transparent">
       <n-layout-header class="!bg-transparent">
         <HeaderBar />