修复

frontend/app/web-gold/src/views/system/task-management/digital-human-task/index.vue

@@ -96,6 +96,16 @@
             <!-- 操作列 -->
             <template v-else-if="column.key === 'actions'">
               <a-space>
+                <a-button
+                  v-if="isStatus(record.status, 'success')"
+                  type="link"
+                  size="small"
+                  class="action-btn action-btn--primary"
+                  @click="handlePreview(record)"
+                >
+                  <PlayCircleOutlined /> 预览
+                </a-button>
+
                 <a-button
                   v-if="isStatus(record.status, 'success')"
                   type="link"
@@ -122,19 +132,27 @@
         </a-table>
       </a-spin>
     </div>
+
+    <!-- 视频预览弹窗 -->
+    <VideoPreviewModal
+      v-model:open="previewVisible"
+      :video-url="previewUrl"
+      :title="previewTitle"
+    />
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
 import { message, Modal } from 'ant-design-vue'
-import { SearchOutlined, DownloadOutlined, DeleteOutlined } from '@ant-design/icons-vue'
-import { getDigitalHumanTaskPage, cancelTask, deleteTask } from '@/api/digitalHuman'
+import { SearchOutlined, DownloadOutlined, DeleteOutlined, PlayCircleOutlined } from '@ant-design/icons-vue'
+import { getDigitalHumanTaskPage, cancelTask, deleteTask, getSignedUrls } from '@/api/digitalHuman'
 import { formatDate } from '@/utils/file'
 import { useTaskList } from '@/views/system/task-management/composables/useTaskList'
 import { useTaskOperations } from '@/views/system/task-management/composables/useTaskOperations'
 import { useTaskPolling } from '@/views/system/task-management/composables/useTaskPolling'
 import TaskStatusTag from '@/views/system/task-management/components/TaskStatusTag.vue'
+import VideoPreviewModal from '@/components/VideoPreviewModal.vue'
 
 // 进度状态映射
 const PROGRESS_STATUS = {
@@ -157,9 +175,43 @@ const rowSelection = {
   onChange: (keys) => { selectedRowKeys.value = keys }
 }
 
+// 视频预览状态
+const previewVisible = ref(false)
+const previewUrl = ref('')
+const previewTitle = ref('')
+
 // 状态判断
 const isStatus = (status, target) => status === target || status === target.toUpperCase()
 
+// 预览视频
+const handlePreview = async (record) => {
+  if (!record.id) {
+    message.warning('任务信息不完整')
+    return
+  }
+
+  // 显示加载提示
+  const hideLoading = message.loading('正在获取视频地址...', 0)
+
+  try {
+    // 调用后端API获取带签名的视频URL
+    const res = await getSignedUrls(record.id)
+    hideLoading()
+
+    if (res.code === 0 && res.data && res.data.length > 0) {
+      previewUrl.value = res.data[0]
+      previewTitle.value = record.taskName || '视频预览'
+      previewVisible.value = true
+    } else {
+      message.error(res.msg || '获取视频地址失败')
+    }
+  } catch (error) {
+    hideLoading()
+    console.error('获取视频播放URL失败:', error)
+    message.error('获取视频地址失败，请重试')
+  }
+}
+
 // 下载视频
 const handleDownload = (record) => {
   if (!record.resultVideoUrl) {
@@ -268,6 +320,7 @@ onMounted(fetchList)
 }
 
 .action-btn {
+  &--primary { color: var(--color-primary-500); &:hover { color: var(--color-primary-600); } }
   &--success { color: var(--color-success-500); &:hover { color: var(--color-success-600); } }
   &--danger { color: var(--color-error-500); &:hover { color: var(--color-error-600); } }
 }