Files
AIGC/demo/deploy_baota/frontend/static/MyWorks-729e0951.js

2 lines
16 KiB
JavaScript
Raw Permalink Normal View History

2025-11-13 17:01:39 +08:00
import{aA as De,r,c as Se,m as Ue,al as u,z as d,A as c,B as t,R as l,J as a,u as p,O as v,a5 as Ee,P as m,Q as Z,M as f,a4 as Ie,D as F,I as H,W as I}from"./vue-vendor-164775a6.js";import{E as g,a as R,u as q,q as Me,d as Be,v as P,r as Le,t as Oe,e as $e,b as Ae,c as Ne,x as We,y as Fe}from"./element-plus-4a19e5e8.js";import{g as Re}from"./userWorks-78cd305b.js";import{_ as qe}from"./index-2fb4354b.js";import"./utils-edfcd65b.js";const Pe={class:"works-page"},Ge={class:"sidebar"},Ke={class:"nav-menu"},Xe={class:"nav-item active"},je={class:"tools-menu"},Je={class:"main-content"},Qe={class:"top-header"},Ye={class:"header-right"},Ze={class:"notification-bell"},He={class:"user-avatar"},et={class:"settings-icon"},tt={class:"content-area"},lt={class:"toolbar"},st={class:"filters-bar"},at={class:"filters-left"},ot={class:"filters-right"},nt={class:"select-row"},it=["onClick"],dt=["src"],ut=["src","alt"],rt={key:2,class:"work-placeholder"},ct={key:3,class:"checker"},vt=["onClick"],pt={class:"meta"},_t=["title"],mt={class:"sub"},ft={key:0,class:"detail-content"},gt={class:"detail-left"},yt={class:"video-container"},bt=["src","poster"],kt=["src","alt"],xt={key:2,class:"video-overlay"},ht={class:"overlay-text"},wt={class:"detail-right"},Ct={class:"detail-header"},Tt={class:"user-info"},Vt={class:"avatar"},zt={class:"tabs"},Dt={key:0,class:"description-section"},St={class:"description-text"},Ut={key:1,class:"reference-content"},Et={class:"input-details-section"},It={class:"input-images"},Mt={class:"input-image-item"},Bt=["src","alt"],Lt={class:"input-image-item"},Ot=["src","alt"],$t={key:2,class:"description-section"},At={class:"description-text"},Nt={class:"metadata-section"},Wt={class:"metadata-item"},Ft={class:"value"},Rt={class:"metadata-item"},qt={class:"value"},Pt={class:"metadata-item"},Gt={class:"value"},Kt={key:0,class:"metadata-item"},Xt={key:1,class:"metadata-item"},jt={class:"metadata-item"},Jt={class:"value"},Qt={key:2,class:"metadata-item"},Yt={key:0,class:"finished"},Zt={__name:"MyWorks",setup(Ht){const b=De(),w=r("all");r([]);const M=r(""),h=r("all"),B=r(""),L=r("date");r("desc");const C=r(""),T=r(!1),y=r(new Set),D=r(!1),n=r(null),k=r("detail"),O=r(1),G=r(4),$=r(!1),A=r(!0),S=r([]),ee=s=>{var e;return{id:((e=s.id)==null?void 0:e.toString())||s.taskId||"",title:s.title||s.prompt||"未命名作品",cover:s.thumbnailUrl||s.resultUrl||"/images/backgrounds/welcome.jpg",resultUrl:s.resultUrl||"",type:s.workType==="TEXT_TO_VIDEO"||s.workType==="IMAGE_TO_VIDEO"?"video":"image",category:s.workType==="TEXT_TO_VIDEO"?"文生视频":s.workType==="IMAGE_TO_VIDEO"?"图生视频":"未知",sizeText:s.fileSize||"未知大小",createTime:s.createdAt?new Date(s.createdAt).toLocaleString("zh-CN"):"",date:s.createdAt?new Date(s.createdAt).toLocaleDateString("zh-CN"):"",description:s.description||s.prompt||"",prompt:s.prompt||"",duration:s.duration||"",aspectRatio:s.aspectRatio||"",quality:s.quality||"",status:s.status||"COMPLETED",overlayText:s.prompt||""}},K=async()=>{$.value=!0;try{const s=await Re({page:O.value-1,size:G.value});if(s.data.success){const e=s.data.data||[],i=e.map(ee);O.value===1&&(S.value=[]),S.value=S.value.concat(i),A.value=e.length===G.value}else throw new Error(s.data.message||"获取作品列表失败")}catch(s){console.error("加载作品列表失败:",s),g.error("加载作品列表失败")}finally{$.value=!1}},N=Se(()=>{let s=[...S.value];if(w.value==="video"?s=s.filter(e=>e.type==="video"):w.value==="image"&&(s=s.filter(e=>e.type==="image")),h.value!=="all"){const i={text2video:"文生视频",image2video:"图生视频",storyboard:"分镜视频",reference:"参考图"}[h.value];i&&(s=s.filter(V=>V.category===i))}if(C.value){const e=C.value.toLowerCase();s=s.filter(i=>i.title.toLowerCase().includes(e)||i.id.includes(e))}return s}),te=()=>{O.value=1,A.value=!0,K()},le=()=>{console.log("筛选条件变化:",{category:h.value,activeTab:w.value})},se=s=>{n.value=s,D.value=!0},X=s=>s.type==="video"?"影片捕捉了暴风雪中的午夜时分,坐落在积雪覆盖的悬崖顶上的孤立灯塔相机逐渐放大<EFBFBD><EFBFBD>