Files
AIGC/demo/deploy_baota/frontend/static/ImageToVideo-95e4ffa2.js

2 lines
6.9 KiB
JavaScript
Raw Permalink Normal View History

import{aA as P,r as g,m as W,z as c,A as u,B as t,R as o,J as i,u as l,O as f,aD as $,Q as R,a4 as Y,P as n,W as k}from"./vue-vendor-164775a6.js";import{_ as Q,a as q}from"./index-69868281.js";import{_ as G}from"./avatar-default-20a1956c.js";import{E as H,u as J,D as m,o as Z,f as j,v as E,q as K,r as X,F as ss,G as y,H as ts}from"./element-plus-83a396df.js";import{i as es}from"./imageToVideo-8fb20473.js";import"./utils-edfcd65b.js";const as={class:"image-to-video-page"},os={class:"sidebar"},ls={class:"nav-menu"},is={class:"nav-item active"},ds={class:"main-content"},ns={class:"user-info-card"},rs={class:"edit-profile-btn"},cs={class:"published-works"},us={class:"works-grid"},vs=["onClick"],ms={class:"work-thumbnail"},ps=["src","alt"],_s=["src"],fs={key:2,class:"work-placeholder"},gs={class:"work-overlay"},ys={class:"overlay-text"},bs=["onClick"],Ts={class:"work-info"},Cs={class:"work-title"},Ds={class:"work-meta"},Is={key:0,class:"work-actions"},Vs={key:1,class:"work-director"},hs={class:"detail-content"},ks={class:"detail-left"},Es={class:"video-player"},xs=["src","alt"],As={class:"detail-right"},Ns={class:"metadata-section"},Us={class:"metadata-item"},zs={class:"value"},Ss={class:"metadata-item"},Fs={class:"value"},Ms={class:"metadata-item"},ws={class:"value"},Bs={class:"metadata-item"},Ls={class:"value"},Os={class:"description-section"},Ps={class:"description-text"},Ws={__name:"ImageToVideo",setup($s){const v=P(),p=g(!1),d=g(null),b=g([]),x=()=>{v.push("/profile")},A=()=>{v.push("/subscription")},N=()=>{v.push("/works")},U=()=>{v.push("/text-to-video/create")},z=()=>{v.push("/storyboard-video/create")},T=a=>{v.push("/image-to-video/create")},S=a=>{d.value=a,p.value=!0},C=()=>{p.value=!1,d.value=null},F=a=>a?`这是一个${a.category}作品,展现了"What Does it Mean To You"的主题。作品通过AI技术生成具有独特的视觉风格和创意表达。`:"",M=()=>{C(),v.push("/image-to-video/create")},w=a=>a.size?a.size:"未知大小",B=a=>{const s=a.target;s&&s.tagName==="VIDEO"&&(s.currentTime=0,s.play().catch(()=>{}))},L=a=>{const s=a.target;s&&s.tagName==="VIDEO"&&(s.pause(),s.currentTime=0)},O=async()=>{try{const a=await es.getTasks(0,20);a.data&&a.data.success&&a.data.data&&(b.value=a.data.data.filter(s=>s.status==="COMPLETED"&&(s.resultUrl||s.firstFrameUrl)).map(s=>({taskId:s.taskId,prompt:s.prompt,resultUrl:s.resultUrl,firstFrameUrl:s.firstFrameUrl,status:s.status,createdAt:s.createdAt,id:s.taskId,title:s.prompt||"图生视频",text:s.prompt||"图生视频",category:"图生视频",createTime:s.createdAt?new Date(s.createdAt).toLocaleString("zh-CN"):"",date:s.createdAt?new Date(s.createdAt).toLocaleDateString("zh-CN"):"未知日期"})))}catch(a){console.error("加载任务列表失败:",a),H.error("加载任务列表失败")}};return W(()=>{O()}),(a,s)=>{var D;return c(),u("div",as,[t("aside",os,[s[11]||(s[11]=t("div",{class:"logo"},[t("img",{src:q,alt:"Logo"})],-1)),t("nav",ls,[t("div",{class:"nav-item",onClick:x},[o(l(m),null,{default:i(()=>[o(l(J))]),_:1}),s[3]||(s[3]=t("span",null,"个人主页",-1))]),t("div",{class:"nav-item",onClick:A},[o(l(m),null,{default:i(()=>[o(l(Z))]),_:1}),s[4]||(s[4]=t("span",null,"会员订阅",-1))]),t("div",{class:"nav-item",onClick:N},[o(l(m),null,{default:i(()=>[o(l(j))]),_:1}),s[5]||(s[5]=t("span",null,"我的作品",-1))]),s[10]||(s[10]=t("div",{class:"nav-divider"},null,-1)),t("div",{class:"nav-item",onClick:U},[o(l(m),null,{default:i(()=>[o(l(E))]),_:1}),s[6]||(s[6]=t("span",null,"文生视频",-1))]),t("div",is,[o(l(m),null,{default:i(()=>[o(l(K))]),_:1}),s[7]||(s[7]=t("span",null,"图生视频",-1))]),t("div",{class:"nav-item storyboard-item",onClick:z},[o(l(m),null,{default:i(()=>[o(l(X))]),_:1}),s[9]||(s[9]=t("span",null,"分镜视频",-1)),o(l(ss),{size:"small",type:"primary",class:"sora-tag"},{default:i(()=>[...s[8]||(s[8]=[f("Sora2.0",-1)])]),_:1})])])]),t("main",ds,[t("div",ns,[s[13]||(s[13]=$('<div class="user-avatar" data-v-cd6e8fa2><img src="'+G+'" alt="用户头像" class="avatar-image" data-v-cd6e8fa2></div><div class="user-details" data-v-cd6e8fa2