| 1 |
- import{d as h,$ as y,am as I,h as x,V as o,an as L,a as t,I as l,ap as j,G as C,H as k,j as d,E as w,x as A}from"./vendor.d01bfccb.js";/* empty css *//* empty css *//* empty css *//* empty css */import{I as S}from"./icon_teacher.cb128c00.js";import{r as f}from"./index.b4d7c67b.js";const E="_headImg_126d9_1",R="_tabs_126d9_4",T="_tabContent_126d9_27",V="_itemContent_126d9_33",q="_item_126d9_33",N="_left_126d9_45",D="_center_126d9_51",H="_right_126d9_54",M="_fraction_126d9_58",U="_time_126d9_63",$="_user_126d9_74",O="_name_126d9_77",B="_tag_126d9_82";var e={headImg:E,tabs:R,tabContent:T,itemContent:V,item:q,left:N,center:D,right:H,fraction:M,time:U,user:$,name:O,tag:B},F="./assets/icon-trophy.61957a4c.png",G="./assets/icon-emtry.76ea3a6a.png";function P(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!A(r)}var Z=h({name:"leaderboard",setup(){const r=y();I();const a=x({tabIndex:0,musicList:[]}),p=async()=>{try{const{data:{activityMusicVoList:s,shareUrl:i,subjectUrl:n}}=await f.post(`/api-student/open/activity/info/${r.query.id}`);Array.isArray(s)&&(a.musicList=s.map(c=>(c.rankingList=[],c.loaded=!1,c))),m.value=n}catch{}},u=async()=>{if(!a.musicList[a.tabIndex].loaded)try{const{data:s}=await f.get("/api-student/open/activityEvaluationRecord/queryRankingList",{params:{activityPlanId:r.query.id,activityEvaluationId:a.musicList[a.tabIndex].evaluationId,limit:10}});Array.isArray(s.rankingList)&&(a.musicList[a.tabIndex].rankingList=s.rankingList,a.musicList[a.tabIndex].loaded=!0)}catch{}},m=o(),v=o(!1),g=o(100);L(async()=>{await p(),await u()});const _=o();return()=>{let s;return t("div",{class:e.leaderboard},[t("div",{class:e.container},[t("div",{class:e.headImg,ref:_},[t(l,{width:"100%",fit:"cover",src:m.value,onLoad:i=>{j(()=>{var n;v.value=!0,g.value=((n=_.value)==null?void 0:n.offsetHeight)||100})},onError:i=>{console.log(i)}},null)]),v.value&&t(C,{active:a.tabIndex,"onUpdate:active":i=>a.tabIndex=i,class:e.tabs,animated:!0,swipeable:!0,titleInactiveColor:"rgba(153,152,155,1)",titleActiveColor:"#fff",onChange:i=>u()},P(s=a.musicList.map(i=>t(k,{title:i.musicSheetName},{default:()=>[t("div",{class:e.tabContent,style:{height:`calc(100vh - ${g.value}px)`}},[t("div",{class:e.itemContent},[t("div",{class:e.item},[t("div",{class:e.left},[d("\u6392\u540D")]),t("div",{class:e.center},[d("\u6635\u79F0")]),t("div",{class:e.right},[d("\u8BC4\u5206")])]),i.rankingList.map((n,c)=>{const b=(c+1).toString().padStart(2,"0");return t("div",{class:e.item},[t("div",{class:e.left},[c==0?t(l,{src:F},null):b]),t("div",{class:e.center},[t(l,{width:"34px",height:"34px",fit:"cover",round:!0,src:n.userAvatar||S},null),t("div",{class:e.user},[t("div",{class:e.name},[n.username]),t("div",{class:e.tag},[t("span",null,[n.userSubject])])])]),t("div",{class:e.right},[t("div",{class:e.fraction},[n.score,d("\u5206")]),t("div",{class:e.time},[n.joinDate])])])}),!i.rankingList.length&&t(w,{image:G,description:"\u8BE5\u66F2\u76EE\u6682\u65E0\u6392\u540D\u5594\uFF5E"},null)])])]})))?s:{default:()=>[s]})])])}}});export{Z as default};
|
