2 lines
6.1 KiB
JavaScript
2 lines
6.1 KiB
JavaScript
|
import{aB as $,aA as j,r,m as G,U as q,al as f,z as v,A as b,B as e,R as t,J as l,u as n,K as J,S as K,I as x,P as _,Q,a4 as H,O as W}from"./vue-vendor-164775a6.js";import{i as X}from"./imageToVideo-edf3d65e.js";import{E as m,a as Y,u as d,h as Z,f as ee}from"./element-plus-83a396df.js";import{_ as se}from"./index-020bfa5d.js";import"./utils-edfcd65b.js";const te="/images/backgrounds/logo.png";const oe={class:"video-detail-page"},ae={class:"top-bar"},le={class:"top-actions"},ne={class:"sidebar"},ie={class:"nav-item"},de={class:"nav-item"},ce={class:"nav-item"},re={class:"main-content"},ue={class:"video-section"},_e={class:"video-player"},me=["src"],ve={class:"video-controls"},pe={class:"controls-left"},fe={class:"time-display"},ge={class:"controls-right"},he={class:"video-actions"},ke={class:"detail-section"},Te={class:"detail-content"},ye={class:"input-section"},be={class:"thumbnails"},we=["src","alt"],Ie={class:"description"},Se={class:"metadata"},Ce={class:"meta-item"},De={class:"value"},Ve={class:"meta-item"},Ee={class:"value"},Re={class:"meta-item"},xe={class:"value"},Ue={class:"meta-item"},Be={class:"value"},Me={class:"meta-item"},Le={class:"value"},ze={class:"action-button"},Pe={class:"scroll-indicators"},Ne={__name:"ImageToVideoDetail",setup(Oe){const U=$(),g=j(),i=r(null),p=r(!1),w=r(0),I=r(0),h=r(!0),S=r(!0),C=r(""),c=r({id:"",videoUrl:"",description:"",createTime:"",duration:5,resolution:"1080p",aspectRatio:"16:9",status:"PROCESSING",progress:0}),B=r(["/images/backgrounds/welcome.jpg","/images/backgrounds/welcome.jpg"]),D=()=>{i.value&&(p.value?i.value.pause():i.value.play(),p.value=!p.value)},M=()=>{i.value&&(w.value=i.value.currentTime)},L=()=>{i.value&&(I.value=i.value.duration)},V=u=>{const s=Math.floor(u/60),o=Math.floor(u%60);return`${s.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`},z=()=>{i.value&&(document.fullscreenElement?document.exitFullscreen():i.value.requestFullscreen())},P=()=>{m.success("开始下载视频")},N=async()=>{try{await Y.confirm("确定要删除这个视频吗？","删除确认",{type:"warning",confirmButtonText:"删除",cancelButtonText:"取消"}),m.success("视频已删除")}catch{}},O=()=>{m.info("做同款功能开发中")};let k=null;const T=()=>{clearTimeout(k),h.value=!0,k=setTimeout(()=>{h.value=!1},3e3)},A=async()=>{var s;const u=U.params.taskId;if(!u){m.error("任务ID不存在"),g.push("/image-to-video");return}try{S.value=!0;const o=await X.getTaskDetail(u);if(o.data&&o.data.success&&o.data.data){const a=o.data.data;c.value={id:a.taskId||u,videoUrl:a.resultUrl||"",description:a.prompt||"",createTime:a.createdAt||new Date().toISOString(),duration:a.duration||5,resolution:a.hdMode?"1080p":"720p",aspectRatio:a.aspectRatio||"16:9",status:a.status||"PROCESSING",progress:a.progress||0},a.status==="COMPLETED"&&a.resultUrl&&(c.value.videoUrl=a.resultUrl)}else m.error(((s=o.data)==null?void 0:s.message)||"获取任务详情失败"),g.push("/image-to-video")}catch(o){console.error("加载任务详情失败:",o),m.error("加载任务详情失败，请稍后重试"),g.push("/image-to-video")}finally{S.value=!1}};return G(()=>{A(),document.addEventListener("mousemove",T),T()}),q(()=>{clearTimeout(k),document.removeEventListener("mousemove",T)}),(u,s)=>{const o=f("el-icon"),a=f("el-button"),E=f("el-tooltip"),F=f("el-input");return v(),b("div",oe,[e("div",ae,[s[1]||(s[1]=e("div",{class:"logo"},[e("img",{src:te,alt:"Logo"})],-1)),e("div",le,[t(o,{class:"action-icon"},{default:l(()=>[t(n(d))]),_:1}),t(o,{class:"action-icon"},{default:l(()=>[t(n(Z))]),_:1})])]),e("aside",ne,[e("div",ie,[t(o,null,{default:l(()=>[t(n(ee))]),_:1}),s[2]||(s[2]=e("span",null,"文件",-1))]),e("div",de,[t(o,null,{default:l(()=>[t(n(d))]),_:1}),s[3]||(s[3]=e("span",null,"图片",-1))]),e("div",ce,[t(o,null,{default:l(()=>[t(n(d))]),_:1}),s[4]||(s[4]=e("span",null,"视频",-1))])]),e("main",re,[e("div",ue,[e("div",_e,[e("video",{ref_key:"videoRef",ref:i,src:c.value.videoUrl,onClick:D,onTimeupdate:M,onLoadedmetadata:L}," 您的浏览器不支持视频播放 ",40,me),J(e("div",ve,[e("div",pe,[t(a,{
|