13 lines
28 KiB
JavaScript
13 lines
28 KiB
JavaScript
|
import{aA as Qe,r as m,c as Xe,m as Je,Y as Ze,al as y,z as f,A as h,B as s,R as r,J as c,u as a,P as n,O as g,a5 as eo,Q as ue,M as T,a4 as oo,D as q,I as ve,K as to,S as lo,T as so,W as K}from"./vue-vendor-164775a6.js";import{_ as ao,f as ro,u as no,a as io,L as co,g as uo}from"./index-69868281.js";import{_ as pe}from"./avatar-default-20a1956c.js";import{E as w,a as Q,u as vo,o as po,f as _o,v as X,q as mo,r as fo,t as _e,j as ho,x as go,y as yo,z as wo,e as ko,A as bo,B as To}from"./element-plus-83a396df.js";import{g as So,d as me,a as xo,r as Co,b as Do}from"./userWorks-aba806c8.js";import"./utils-edfcd65b.js";const Uo={class:"works-page"},Vo={class:"sidebar"},zo={class:"nav-menu"},Eo={class:"nav-item active"},Io={class:"divider"},Bo={class:"tools-menu"},Oo={class:"main-content"},Lo={class:"top-header"},Ro={class:"header-right"},Fo={class:"points"},Ao={class:"points-icon"},Mo={class:"points-number"},Wo={class:"user-avatar"},No=["alt"],Po={class:"toolbar"},qo={class:"filters-bar"},Ho={class:"filters-left"},$o={class:"filters-right"},jo={class:"select-row"},Go=["onClick"];const Yo=["src","data-cover","poster"],Ko=["src","alt"],Qo={key:3,class:"work-placeholder"},Xo={class:"placeholder-text"},Jo={key:4,class:"checker"},Zo=["onClick"],et={class:"meta"},ot=["title"],tt={class:"sub"},lt={key:0,class:"detail-content"},st={class:"detail-left"},at={class:"video-container"},rt={key:0,class:"video-error-overlay"},nt={class:"error-content"},it={class:"error-actions"},ct=["src","poster"],dt=["src","alt"],ut={class:"detail-right"},vt={class:"detail-header"},pt={class:"user-info"},_t={class:"avatar"},mt=["alt"],ft={class:"username"},ht={class:"tabs"},gt={key:0,class:"description-section"},yt={class:"section-title"},wt={class:"description-text"},kt={key:1,class:"reference-content"},bt={class:"input-details-section"},Tt={class:"section-title"},St={class:"input-images"},xt={class:"input-image-item"},Ct=["src","alt"],Dt={class:"input-image-item"},Ut=["src","alt"],Vt={class:"description-section"},zt={class:"section-title"},Et={class:"description-text"},It={key:2,class:"description-section"},Bt={class:"section-title"},Ot={class:"description-text"},Lt={class:"metadata-section"},Rt={class:"metadata-item"},Ft={class:"label"},At={class:"value"},Mt={class:"metadata-item"},Wt={class:"label"},Nt={class:"value"},Pt={class:"metadata-item"},qt={class:"label"},Ht={class:"value"},$t={key:0,class:"metadata-item"},jt={class:"label"},Gt={class:"value"},Yt={key:1,class:"metadata-item"},Kt={class:"label"},Qt={class:"value"},Xt={class:"metadata-item"},Jt={class:"label"},Zt={class:"value"},el={key:2,class:"metadata-item"},ol={class:"label"},tl={class:"value"},ll={class:"action-section"},sl={key:0,class:"loading-indicator"},al={key:1,class:"finished"},rl=["title"],nl={__name:"MyWorks",setup(il){const{t}=ro(),D=Qe(),fe=no(),J=m({username:"",nickname:"",bio:"",avatar:"",id:"",points:0,frozenPoints:0}),E=m("all");m([]);const V=m(""),z=m("all"),I=m(""),H=m("date");m("desc");const B=m(""),O=m(!1),S=m(new Set),A=m(!1),v=m(null),U=m("detail"),L=m(!1),$=m(null),R=m(1),Z=m(20),F=m(!1),M=m(!0),x=m([]),ee=m(!1),W=m(new Set),oe=e=>e?e.startsWith("http://")||e.startsWith("https://")||e.startsWith("/")?e:"/"+e:null,te=e=>{var d,b;const o=oe(e.resultUrl),l=oe(e.thumbnailUrl),i=l||o||"/images/backgrounds/welcome.jpg";return console.log(`转换作品 ${e.id}:`,{原始resultUrl:e.resultUrl,原始thumbnailUrl:e.thumbnailUrl,处理后resultUrl:o,处理后thumbnailUrl:l,最终cover:i}),{id:((d=e.id)==null?void 0:d.toString())||e.taskId||"",title:e.title||e.prompt||"未命名作品",cover:i,resultUrl:o||"",type:e.workType==="TEXT_TO_VIDEO"||e.workType==="IMAGE_TO_VIDEO"||e.workType==="STORYBOARD_VIDEO"?"video":"image",category:e.workType==="TEXT_TO_VIDEO"?"文生视频":e.workType==="IMAGE_TO_VIDEO"?"图生视频":e.workType==="STORYBOARD_VIDEO"?"分镜视频":e.workType==="STORYBOARD_IMAGE"?"分镜图":"未知",sizeText:e.fileSize||"未知大小",createTime:e.createdAt?new Date(e.createdAt).toLocaleString("zh-CN"):"",date:e.createdAt?new Date(e.createdAt).toLocaleDateString("z
|
||
|
|
<svg class="el-icon" style="width: 1em; height: 1em; font-size: 32px; margin-bottom: 8px;">
|
||
|
|
<use href="#icon-video-play"></use>
|
||
|
|
</svg>
|
||
|
|
<div class="placeholder-text" style="font-size: 13px; color: #999;">视频加载失败</div>
|
||
|
|
<div class="placeholder-text" style="font-size: 11px; color: #666; margin-top: 4px;">文件可能不存在</div>
|
||
|
|
`,l.style.cssText="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; flex-direction: column; align-items: center; justify-content: center;",e.appendChild(l)}},We=e=>{const o=e.target,l=o.src;if(console.error("❌ 图片加载失败:",l),console.error("错误详情:",e),W.value.add(l),fetch(l,{method:"GET"}).then(i=>{i.ok?console.log("✓ 图片文件存在但浏览器无法加载，可能是 CORS 或格式问题"):console.error(`✗ HTTP ${i.status}: ${i.statusText} - 文件不存在或无权限`)}).catch(i=>{console.error("✗ 网络错误或文件不存在:",i.message)}),o){o.style.display="none";const i=o.parentElement.querySelector(".work-placeholder");if(i)i.style.display="flex";else{const d=document.createElement("div");d.className="work-placeholder",d.innerHTML=`
|
||
|
|
<svg class="el-icon" style="width: 1em; height: 1em; font-size: 24px;">
|
||
|
|
<use href="#icon-video-play"></use>
|
||
|
|
</svg>
|
||
|
|
<div class="placeholder-text">加载失败</div>
|
||
|
|
`,o.parentElement.appendChild(d)}}},ie=async()=>{var e;try{const o=await uo();if(console.log("获取用户信息响应:",o),o&&o.data&&o.data.success&&o.data.data){const l=o.data.data;console.log("用户数据:",l),J.value={username:l.username||"",nickname:l.nickname||l.username||"",bio:l.bio||"",avatar:l.avatar||"",id:l.id?String(l.id):"",points:l.points||0,frozenPoints:l.frozenPoints||0},console.log("设置后的用户信息:",J.value)}else console.error("获取用户信息失败:",((e=o==null?void 0:o.data)==null?void 0:e.message)||"未知错误"),w.error(t("profile.loadUserInfoFailed"))}catch(o){console.error("加载用户信息失败:",o),w.error(t("profile.loadUserInfoFailed")+": "+(o.message||"未知错误"))}};return Je(()=>{ie(),N()}),Ze(()=>{R.value=1,x.value=[],ie(),N()}),(e,o)=>{var de;const l=y("el-icon"),i=y("el-tag"),d=y("el-radio-button"),b=y("el-radio-group"),p=y("el-option"),k=y("el-select"),_=y("el-button"),C=y("el-input"),ce=y("el-checkbox"),Ne=y("el-tooltip"),P=y("el-dropdown-item"),Pe=y("el-dropdown-menu"),qe=y("el-dropdown"),He=y("el-space"),$e=y("el-card"),je=y("el-col"),Ge=y("el-row"),Ye=y("el-dialog"),Ke=y("el-empty");return f(),h("div",Uo,[s("aside",Vo,[o[12]||(o[12]=s("div",{class:"logo"},[s("img",{src:io,alt:"Logo"})],-1)),s("nav",zo,[s("div",{class:"nav-item",onClick:Ie},[r(l,null,{default:c(()=>[r(a(vo))]),_:1}),s("span",null,n(a(t)("profile.title")),1)]),s("div",{class:"nav-item",onClick:Be},[r(l,null,{default:c(()=>[r(a(po))]),_:1}),s("span",null,n(a(t)("profile.subscription")),1)]),s("div",Eo,[r(l,null,{default:c(()=>[r(a(_o))]),_:1}),s("span",null,n(a(t)("works.title")),1)])]),s("div",Io,[s("span",null,n(a(t)("profile.tools")),1)]),s("nav",Bo,[s("div",{class:"nav-item",onClick:Oe},[r(l,null,{default:c(()=>[r(a(X))]),_:1}),s("span",null,n(a(t)("works.textToVideo")),1)]),s("div",{class:"nav-item",onClick:Le},[r(l,null,{default:c(()=>[r(a(mo))]),_:1}),s("span",null,n(a(t)("works.imageToVideo")),1)]),s("div",{class:"nav-item",onClick:Re},[r(l,null,{default:c(()=>[r(a(fo))]),_:1}),s("span",null,n(a(t)("works.storyboardVideo")),1),r(i,{size:"small",type:"primary",class:"sora-tag"},{default:c(()=>[...o[11]||(o[11]=[g("Sora2.0",-1)])]),_:1})])])]),s("main",Oo,[s("header",Lo,[s("div",Ro,[s("div",Fo,[s("div",Ao,[r(l,null,{default:c(()=>[r(a(_e))]),_:1})]),s("span",Mo,n(a(fe).availablePoints),1)]),r(co),s("div",Wo,[s("img",{src:pe,alt:a(t)("dashboard.userAvatar")},null,8,No)])])]),s("div",{class:"content-area",onScroll:we},[s("div",Po,[r(b,{modelValue:E.value,"onUpdate:modelValue":o[0]||(o[0]=u=>E.value=u),size:"small",class:"seg-control"},{default:c(()=>[r(d,{label:"all"},{default:c(()=>[g(n(a(t)("works.all")),1)]),_:1}),r(d,{label:"video"},{default:c(()=>[g(n(a(t)("works.video")),1)]),_:1}),r(d,{label:"image"},{default:c(()=>[g(n(a(t)("works.image")),1)]),_:1})]),_:1},8,["modelValue"])]),s("div",qo,[s("div",Ho,[r(k,{modelValue:V.value,"onUpdate:modelValue":o[1]||(o[1]=u=>V.value=u),placeholder:a(t)("works.dateFilter"),size:"small",style:{width:"100px"}},{default:c(()=>[r(p,{label:a(t)("works.today"),value:"today"},null,8,["label"]),r(p,{label:a(t)("works.thisWeek"),value:"week"},null,8,["label"]),r(p,{label:a(t)("works.thisMonth"),value:"month"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(k,{modelValue:z.value,"onUpdate:modelValue":o[2]||(o[2]=u=>z.value=u),placeholder:a(t)("works.taskType"),size:"small",style:{width:"100px"},onChange:ge},{default:c(()=>[r(p,{label:a(t)("works.all"),value:"all"},null,8,["label"]),r(p,{label:a(t)("works.textToVideo"),value:"text2video"},null,8,["label"]),r(p,{label:a(t)("works.imageToVideo"),value:"image2video"},null,8,["label"]),r(p,{label:a(t)("works.storyboardVideo"),value:"storyboard"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(k,{modelValue:I.value,"onUpdate:modelValue":o[3]||(o[3]=u=>I.value=u),placeholder:a(t)("works.resolution"),clearable:"",size:"small",style:{width:"100px"}},{default:c(()=>[r(p,{label:a(t)("works.sd"),value:"sd"},null,8,["label"]),r(p,{label:a(t)("works.hd"),value:"hd"},null,8,["label"]),r(p,{label:
|