| 1 |
- import{d as b,$ as y,am as I,h as x,V as c,an as q,a as t,I as l,ap as L,G as j,H as C,j as d,E as k,x as w}from"./vendor.e11273e1.js";/* empty css *//* empty css *//* empty css *//* empty css */import{I as A}from"./icon_teacher.cb128c00.js";import{r as f}from"./index.fafa2309.js";const S="_headImg_16g8q_1",E="_tabs_16g8q_4",R="_tabContent_16g8q_27",T="_itemContent_16g8q_33",V="_item_16g8q_33",N="_left_16g8q_46",D="_center_16g8q_52",H="_right_16g8q_55",M="_fraction_16g8q_59",U="_time_16g8q_64",$="_user_16g8q_75",O="_name_16g8q_78",B="_tag_16g8q_83";var e={headImg:S,tabs:E,tabContent:R,itemContent:T,item:V,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]"&&!w(r)}var Z=b({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(o=>(o.rankingList=[],o.loaded=!1,o))),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=c(),g=c(!1),v=c(100);q(async()=>{await p(),await u()});const _=c();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=>{L(()=>{var n;g.value=!0,v.value=((n=_.value)==null?void 0:n.offsetHeight)||100})},onError:i=>{console.log(i)}},null)]),g.value&&t(j,{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(C,{title:i.musicSheetName},{default:()=>[t("div",{class:e.tabContent,style:{height:`calc(100vh - ${v.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,o)=>{const h=(o+1).toString().padStart(2,"0");return t("div",{class:e.item},[t("div",{class:e.left},[o==0?t(l,{src:F},null):h]),t("div",{class:e.center},[t(l,{width:"34px",height:"34px",fit:"cover",round:!0,src:n.userAvatar||A},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(k,{image:G,description:"\u8BE5\u66F2\u76EE\u6682\u65E0\u6392\u540D\u5594\uFF5E"},null)])])]})))?s:{default:()=>[s]})])])}}});export{Z as default};
|
