[fix]1.延时关闭发布dialog以便于详情可以获取真实数据;2.去掉上传封面的时候的视频操作按钮,以便于不误导用户这里可以操作;3.去掉视频截图的宽高限制展示不变形的图片;4.模型修改的时候回显文件上传状态

Author: linjm8780860

src/components/community/modules/ModelCard.vue

@@ -99,7 +99,7 @@
       return videoUrl
     }
     const separator = videoUrl.includes('?') ? '&' : '?'
-    return `${videoUrl}${separator}x-oss-process=video/snapshot,t_0000,f_jpg,w_300,h_600`
+    return `${videoUrl}${separator}x-oss-process=video/snapshot,t_0000,f_jpg`
   }
 
   const currentMediaSrc = computed(() => {
@@ -178,6 +178,7 @@
           <video
             v-if="isVideo && isHovering && currentMediaSrc"
             :src="currentMediaSrc"
+            controls
             class="absolute inset-0 w-full h-full object-cover transition-all duration-300"
             :class="{
               'opacity-0': !props.imageLoaded,

src/components/model-select/modules/ModelCard.vue

@@ -53,7 +53,7 @@
     }
     // 添加OSS视频截图处理参数
     const separator = videoUrl.includes('?') ? '&' : '?'
-    return `${videoUrl}${separator}x-oss-process=video/snapshot,t_000,f_jpg,w_300,h_600`
+    return `${videoUrl}${separator}x-oss-process=video/snapshot,t_000,f_jpg`
   }
 
   // 当前显示的媒体源

src/components/modules/vUpload/index.vue

@@ -49,7 +49,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed } from 'vue'
+  import { ref, computed, watchEffect } from 'vue'
   import { NButton } from 'naive-ui'
   import { DEFAULT_ALLOWED_EXTENSIONS } from './constants'
   import { UploadProps } from './types'
@@ -68,6 +68,19 @@
     }
   )
 
+  // 当传入fileName时，设置为已上传完成状态
+  watchEffect(() => {
+    if (props.fileName) {
+      disableUpload.value = true
+      uploadSuccessful.value = true
+      emit('progress', 100)
+      emit('uploadInfo', {
+        fileName: props.fileName,
+        status: 'complete'
+      })
+    }
+  })
+
   function highlight(e: DragEvent) {
     preventDefaults(e)
     isHighlighted.value = true

src/components/modules/vUpload/vUploadImage.vue

@@ -81,10 +81,17 @@
     }
   }
 
+  const videoRef = ref<HTMLVideoElement | null>(null)
+  const handleVideoLoad = () => {
+    if (videoRef.value) {
+      videoRef.value.controls = false
+    }
+  }
+
   onMounted(() => {
     let previewPrc = props.previewPrc as string
     if (previewPrc.includes('.mp4')) {
-      previewPrc = `${previewPrc}?x-oss-process=video/snapshot,t_0000,f_jpg,w_300,h_600`
+      previewPrc = `${previewPrc}?x-oss-process=video/snapshot,t_0000,f_jpg`
     }
     mediaSrc.value = previewPrc
   })
@@ -115,7 +122,8 @@
         :src="mediaSrc"
         class="block object-cover w-full h-full rounded-lg absolute left-0 top-0 z-10"
         muted
-        controls
+        ref="videoRef"
+        @load="handleVideoLoad"
       />
 
       <!-- 图片预览 -->

src/views/btnPublish/dialogModel.vue

@@ -355,7 +355,9 @@
       await create_models(tempData)
     }
     useToaster.success(t('publish.model.success'))
-    onDialogClose()
+    setTimeout(() => {
+      onDialogClose()
+    }, 1500)
   }
   const onDialogClose = () => {
     modelStoreObject.setDialogStatus(false, 0)

src/views/btnPublish/dialogWorkflow.vue

@@ -378,7 +378,9 @@
     }
 
     useToaster.success(t('publish.workflow.success'))
-    onDialogClose()
+    setTimeout(() => {
+      onDialogClose()
+    }, 1500)
   }
   const onDialogClose = () => {
     modelStoreObject.setDialogStatusWorkflow(false, 0)

version.txt

@@ -1 +1 @@
-1.2.22
+1.2.23