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