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}," 您的浏览器不支持视频播放 ",40,ve),K(e("div",pe,[e("div",fe,[t(l,{circle:"",size:"small",onClick:D},{default:a(()=>[t(o,null,{default:a(()=>[p.value?(v(),x(n(i),{key:1})):(v(),x(n(i),{key:0}))]),_:1})]),_:1}),e("span",ge,_(E(C.value))+" / "+_(E(I.value)),1)]),e("div",he,[t(l,{circle:"",size:"small",onClick:L},{default:a(()=>[t(o,null,{default:a(()=>[t(n(i))]),_:1})]),_:1})])],512),[[Q,h.value]]),e("div",be,[t(T,{content:"分享",placement:"bottom"},{default:a(()=>[t(l,{circle:"",size:"small",onClick:P},{default:a(()=>[t(o,null,{default:a(()=>[t(n(i))]),_:1})]),_:1})]),_:1}),t(T,{content:"下载",placement:"bottom"},{default:a(()=>[t(l,{circle:"",size:"small",onClick:N},{default:a(()=>[t(o,null,{default:a(()=>[t(n(i))]),_:1})]),_:1})]),_:1}),t(T,{content:"删除",placement:"bottom"},{default:a(()=>[t(l,{circle:"",size:"small",onClick:O},{default:a(()=>[t(o,null,{default:a(()=>[t(n(i))]),_:1})]),_:1})]),_:1})])])]),e("div",ke,[s[12]||(s[12]=e("div",{class:"detail-header"},[e("h3",null,"图片详情"),e("p",{class:"subtitle"},"参考生图")],-1)),e("div",Te,[e("div",ye,[t($,{modelValue:V.value,"onUpdate:modelValue":s[0]||(s[0]=y=>V.value=y),placeholder:"输入详情",type:"textarea",rows:3},null,8,["modelValue"])]),e("div",we,[(v(!0),w(H,null,W(B.value,(y,R)=>(v(),w("div",{class:"thumbnail",key:R},[e("img",{src:y,alt:`缩略图${R+1}`},null,8,Ce)]))),128))]),e("div",Ie,[s[5]||(s[5]=e("h4",null,"描述",-1)),e("p",null,_(c.value.description),1)]),e("div",Se,[e("div",Ve,[s[6]||(s[6]=e("span",{class:"label"},"创建时间",-1)),e("span",De,_(c.value.createTime),1)]),e("div",Ee,[s[7]||(s[7]=e("span",{class:"label"},"视频 ID",-1)),e("span",Re,_(c.value.id),1)]),e("div",xe,[s[8]||(s[8]=e("span",{class:"label"},"时长",-1)),e("span",Ue,_(c.value.duration)+"s",1)]),e("div",Be,[s[9]||(s[9]=e("span",{class:"label"},"清晰度",-1)),e("span",Me,_(c.value.resolution),1)]),e("div",ze,[s[10]||(s[10]=e("span",{class:"label"},"宽高比",-1)),e("span",Le,_(c.value.aspectRatio),1)])]),e("div",Pe,[t(l,{type:"primary",size:"large",onClick:A},{default:a(()=>[...s[11]||(s[11]=[X(" 做同款 ",-1)])]),_:1})])]),e("div",Ne,[t(o,{class:"scroll-arrow up"},{default:a(()=>[t(n(i))]),_:1}),t(o,{class:"scroll-arrow down"},{default:a(()=>[t(n(i))]),_:1})])])])])}}},Je=oe(Oe,[["__scopeId","data-v-a5374eb2"]]);export{Je as default};
|