| 1 |
- import{d as C,$ as L,am as j,h as A,V as d,an as D,ao as U,a as t,I as m,ap as B,G as E,H as F,j as o,E as w,x as k,C as S}from"./vendor.d01bfccb.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{I as h}from"./icon_teacher.cb128c00.js";import{r as I,s as T}from"./index.b4d7c67b.js";const R="_headImg_14y45_1",V="_tabs_14y45_4",q="_tabContent_14y45_27",N="_itemContent_14y45_34",$="_item_14y45_34",H="_left_14y45_46",M="_center_14y45_52",O="_right_14y45_55",G="_fraction_14y45_59",P="_time_14y45_64",z="_user_14y45_75",J="_name_14y45_78",K="_tag_14y45_83",Q="_activeUser_14y45_94",W="_avator_14y45_111",X="_btn_14y45_116",Y="_num_14y45_122";var e={headImg:R,tabs:V,tabContent:q,itemContent:N,item:$,left:H,center:M,right:O,fraction:G,time:P,user:z,name:J,tag:K,activeUser:Q,avator:W,btn:X,num:Y},Z="./assets/icon-trophy.61957a4c.png",tt="./assets/icon-emtry.76ea3a6a.png";function et(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!k(c)}var lt=C({name:"leaderboard",setup(){const c=L();j();const i=A({tabIndex:0,musicList:[]}),x=async()=>{try{const{data:{activityMusicVoList:s,shareUrl:a,subjectUrl:n}}=await I.post(`/api-student/open/activity/info/${c.query.id}`);Array.isArray(s)&&(i.musicList=s.map(r=>(r.rankingList=[],r.loaded=!1,r))),f.value=n}catch{}},_=async()=>{if(!i.musicList[i.tabIndex].loaded)try{const{data:s}=await I.get("/api-student/open/activityEvaluationRecord/queryRankingList",{params:{activityPlanId:c.query.id,activityEvaluationId:i.musicList[i.tabIndex].evaluationId,limit:10}});Array.isArray(s.rankingList)&&(i.musicList[i.tabIndex].rankingList=s.rankingList,i.musicList[i.tabIndex].loaded=!0)}catch{}},f=d(),g=d(!1),p=d(100);D(async()=>{await x(),await _()});const u=U(()=>{var l,b;if(!i.musicList[i.tabIndex])return{};const s=T.user.data;if(!s.userId)return{};const a=i.musicList[i.tabIndex],n=(l=a==null?void 0:a.rankingList)==null?void 0:l.find(v=>v.userId==s.userId);let r=(b=a==null?void 0:a.rankingList)==null?void 0:b.findIndex(v=>v.userId==s.userId);return r=r>-1?r+1:0,{join:a.join,score:a.score,isTop:!!n,heardUrl:s.heardUrl,username:s.username,userId:s.userId,step:r}}),y=d();return()=>{let s;return t("div",{class:e.leaderboard},[t("div",{class:e.container},[t("div",{class:e.headImg,ref:y},[t(m,{width:"100%",fit:"cover",src:f.value,onLoad:a=>{B(()=>{var n;g.value=!0,p.value=((n=y.value)==null?void 0:n.offsetHeight)||100})},onError:a=>{console.log(a)}},null)]),g.value&&t(E,{active:i.tabIndex,"onUpdate:active":a=>i.tabIndex=a,class:e.tabs,animated:!0,swipeable:!0,titleInactiveColor:"rgba(153,152,155,1)",titleActiveColor:"#fff",onChange:a=>_()},et(s=i.musicList.map(a=>t(F,{title:a.musicSheetName},{default:()=>[t("div",{class:e.tabContent,style:{height:`calc(100vh - ${p.value}px)`}},[t("div",{class:e.itemContent},[t("div",{class:e.item},[t("div",{class:e.left},[o("\u6392\u540D")]),t("div",{class:e.center},[o("\u6635\u79F0")]),t("div",{class:e.right},[o("\u8BC4\u5206")])]),a.rankingList.map((n,r)=>{const l=(r+1).toString().padStart(2,"0");return t("div",{class:e.item},[t("div",{class:e.left},[r==0?t(m,{src:Z},null):l]),t("div",{class:e.center},[t(m,{width:"34px",height:"34px",fit:"cover",round:!0,src:n.userAvatar||h},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,o("\u5206")]),t("div",{class:e.time},[n.joinDate])])])}),!a.rankingList.length&&t(w,{image:tt,description:"\u8BE5\u66F2\u76EE\u6682\u65E0\u6392\u540D\u5594\uFF5E"},null)])])]})))?s:{default:()=>[s]}),u.value.userId&&t("div",{class:[e.activeUser,"van-safe-area-bottom"]},[t(S,{center:!0,title:u.value.username},{icon:()=>t(m,{class:e.avator,fit:"cover",round:!0,src:u.value.heardUrl||h},null),label:()=>u.value.join?u.value.isTop?t("div",null,[o("\u60A8\u7684\u8BC4\u6D4B\u5DF2\u4E0A\u699C! \u5F53\u524D\u6392\u540D"),t("span",{style:{color:"#FA6400"}},[" ",u.value.step])]):t("div",null,[o("\u60A8\u7684\u8BC4\u6D4B\u6682\u672A\u4E0A\u699C\uFF0C\u5FEB\u53BB\u6311\u6218\u5427\uFF01")]):t("div",null,[o("\u60A8\u5C1A\u672A\u62A5\u540D\u53C2\u8D5B")]),value:()=>{if(u.value.join)return t("span",{class:e.num},[u.value.score,o("\u5206")])}})])])])}}});export{lt as default};
|
