fix: 数字人对话上传背景显示完整名称

src/views/dialogue-detail/components/background/background-images.vue

@@ -71,7 +71,7 @@ async function handleSearchImageList(searchNameValue: string) {
 async function uploadImage(event: any) {
   const e = window.event || event
   const file = e.target.files[0]
-  const fileName = file.name.substring(0, file.name.lastIndexOf('.'))
+  const fileName = file.name
   const maxImageSize = 1024 * 1024 * 3
 
   if (!['png', 'jpg', 'jpeg'].includes(file.type.split('/')[1])) {
@@ -181,11 +181,16 @@ function handleUpdateBackgroundImageType(backgroundImageType: string) {
               @click="handleClickImage(image)"
             >
               <img class="h-full w-full object-contain" :src="image.imageUrl" @load="onImageLoaded(index)" />
-              <div
-                class="absolute bottom-0 line-clamp-1 h-5 w-full break-all bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
-              >
-                {{ image.imageName }}
-              </div>
+              <NPopover trigger="hover" placement="bottom">
+                <template #trigger>
+                  <div
+                    class="absolute bottom-0 line-clamp-1 h-5 w-full break-all bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
+                  >
+                    {{ image.imageName }}
+                  </div>
+                </template>
+                <span class="text-xs">{{ image.imageName }}</span>
+              </NPopover>
               <div
                 class="absolute right-1 top-1 hidden h-7 w-7 cursor-pointer items-center justify-center rounded-md bg-black/40 p-1 group-hover:flex"
                 @click.stop="handleDelete(image.id!)"
@@ -214,11 +219,17 @@ function handleUpdateBackgroundImageType(backgroundImageType: string) {
               @click="handleClickImage(image)"
             >
               <img class="h-full w-full object-contain" :src="image.imageUrl" @load="onImageLoaded(index)" />
-              <div
-                class="absolute bottom-0 line-clamp-1 h-5 w-full break-all bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
-              >
-                {{ image.imageName }}
-              </div>
+              <NPopover trigger="hover" placement="bottom">
+                <template #trigger>
+                  <div
+                    class="absolute bottom-0 line-clamp-1 h-5 w-full break-all bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
+                  >
+                    {{ image.imageName }}
+                  </div>
+                </template>
+                <span class="text-xs">{{ image.imageName }}</span>
+              </NPopover>
+
               <CustomIcon
                 v-if="currentBackgroundUrl === image.imageUrl"
                 icon="si-glyph:checked"