index.62fa6ce5.js 5.2 KB

1
  1. import{d as j,u as x,k as U,h as A,l as d,m as B,p as S,a as e,I as c,q as k,t as D,v as E,w as F,j as o,E as R,x as V,C as f}from"./vendor.3506a68e.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{I as T,a as q,b as M}from"./icon_level3.f95757d3.js";import{I as m}from"./icon_teacher.cb128c00.js";import{s as N,r as y}from"./index.9e4b607f.js";const $="_headImg_3gew4_1",O="_tabs_3gew4_4",H="_tabContent_3gew4_27",P="_hasUser_3gew4_35",z="_itemContent_3gew4_38",G="_item_3gew4_38",J="_left_3gew4_51",K="_center_3gew4_57",Q="_right_3gew4_61",W="_fraction_3gew4_65",X="_time_3gew4_71",Y="_user_3gew4_82",Z="_userContent_3gew4_85",ee="_name_3gew4_90",te="_tag_3gew4_95",se="_times_3gew4_103",ae="_activeUser_3gew4_107",re="_avator_3gew4_127",ie="_btn_3gew4_132",ne="_num_3gew4_138";var t={headImg:$,tabs:O,tabContent:H,hasUser:P,itemContent:z,item:G,left:J,center:K,right:Q,fraction:W,time:X,user:Y,userContent:Z,name:ee,tag:te,times:se,activeUser:ae,avator:re,btn:ie,num:ne},ue="./assets/icon-emtry.76ea3a6a.png";function oe(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!V(l)}var he=j({name:"leaderboard",setup(){const l=x();U();const r=A({tabIndex:0,musicList:[],isSignup:!1,isChallenge:!1,score:0}),L=async()=>{try{const{data:s}=await y.post(`/api-student/open/activity/info/${l.query.id}`);Array.isArray(s.activityMusicVoList)&&(r.musicList=s.activityMusicVoList.map(a=>(a.rankingList=[],a)),r.isChallenge=!!s.activityMusicVoList.filter(a=>a.join).length),h.value=s.subjectUrl,r.isSignup=!!s.join}catch{}},p=async()=>{try{const{data:s}=await y.get("/api-student/open/activityEvaluationRecord/queryRankingList",{params:{activityPlanId:l.query.id,activityEvaluationId:r.musicList[r.tabIndex].evaluationId,limit:10}});Array.isArray(s.rankingList)&&(r.musicList[r.tabIndex].rankingList=s.rankingList),s.userActivityRankingVo&&(r.score=s.userActivityRankingVo.score)}catch{}},h=d(),b=d(!1),I=d(100);B(async()=>{await L(),await p()});const i=S(()=>{var v,w;if(!r.musicList[r.tabIndex])return{};const s=N.user.data;if(!s.userId)return{};const a=r.musicList[r.tabIndex],n=(v=a==null?void 0:a.rankingList)==null?void 0:v.find(_=>_.userId==s.userId);let u=(w=a==null?void 0:a.rankingList)==null?void 0:w.findIndex(_=>_.userId==s.userId);return u=u>-1?u+1:0,{join:a.join,score:(n==null?void 0:n.score)||0,isTop:!!n,heardUrl:s.heardUrl,username:s.username,userId:s.userId,step:u}}),C=d(),g=d();return()=>{let s;return e("div",{class:t.leaderboard},[e("div",{class:t.container},[e("div",{class:t.headImg,ref:C},[e(c,{width:"100%",fit:"cover",src:h.value,onLoad:a=>{k(()=>{const{height:n}=D(C);b.value=!0,I.value=n||100})},onError:a=>{console.log(a)}},null)]),b.value&&e(E,{active:r.tabIndex,"onUpdate:active":a=>r.tabIndex=a,class:t.tabs,animated:!0,swipeable:!0,titleInactiveColor:"rgba(153,152,155,1)",titleActiveColor:"#fff",onChange:a=>p()},oe(s=r.musicList.map(a=>e(F,{title:a.musicSheetName},{default:()=>[e("div",{class:[t.tabContent,i.value.userId&&(!r.isSignup||!r.isChallenge||i.value.join)?t.hasUser:null],style:{height:`calc(100vh - ${I.value}px)`}},[e("div",{class:t.itemContent},[e("div",{class:t.item},[e("div",{class:t.left},[o("\u6392\u540D")]),e("div",{class:t.center},[o("\u6635\u79F0")]),e("div",{class:t.right},[o("\u8BC4\u5206")])]),a.rankingList.map((n,u)=>{const v=(u+1).toString().padStart(2,"0");return e("div",{class:t.item},[e("div",{class:t.left},[u==0&&e(c,{src:T},null),u==1&&e(c,{src:q},null),u==2&&e(c,{src:M},null),u!=0&&u!=1&&u!=2&&v]),e("div",{class:t.center},[e(c,{width:"38px",height:"38px",fit:"cover",round:!0,src:n.userAvatar||m},null),e("div",{class:t.user},[e("div",{class:t.userContent},[e("span",{class:t.name},[n.username]),e("span",{class:t.tag},[n.userSubject])]),e("div",{class:t.times},[n.joinDate])])]),e("div",{class:t.right},[e("div",{class:t.fraction},[n.score,o("\u5206")]),e("div",{class:t.time},[o("\u7B2C "),n.times,o(" \u6B21\u8BC4\u6D4B")])])])}),!a.rankingList.length&&e(R,{image:ue,description:"\u8BE5\u66F2\u76EE\u6682\u65E0\u6392\u540D\u5594\uFF5E"},null)]),e("div",{class:"van-safe-area-bottom"},null)])]})))?s:{default:()=>[s]}),i.value.userId&&(r.isSignup?r.isChallenge?i.value.join?e("div",{ref:g,class:[t.activeUser,"van-safe-area-bottom"]},[e(f,{center:!0,title:i.value.username},{icon:()=>e(c,{class:t.avator,fit:"cover",round:!0,src:i.value.heardUrl||m},null),label:()=>i.value.isTop?e("div",null,[o("\u60A8\u7684\u8BC4\u6D4B\u5DF2\u4E0A\u699C! \u5F53\u524D\u6392\u540D"),e("span",{style:{color:"#FA6400"}},[" ",i.value.step])]):e("div",null,[o("\u60A8\u7684\u8BC4\u6D4B\u6682\u672A\u4E0A\u699C\uFF0C\u5FEB\u53BB\u6311\u6218\u5427\uFF01")]),value:()=>{if(!(!i.value.score&&!r.score))return e("span",{class:t.num},[i.value.score||r.score,o("\u5206")])}})]):null:e("div",{ref:g,class:[t.activeUser,"van-safe-area-bottom"]},[e(f,{center:!0,title:i.value.username,label:"\u60A8\u5C1A\u672A\u8BC4\u6D4B\u54E6!"},{icon:()=>e(c,{class:t.avator,fit:"cover",round:!0,src:i.value.heardUrl||m},null)})]):e("div",{ref:g,class:[t.activeUser,"van-safe-area-bottom"]},[e(f,{center:!0,title:i.value.username,label:"\u60A8\u5C1A\u672A\u62A5\u540D\u53C2\u8D5B"},{icon:()=>e(c,{class:t.avator,fit:"cover",round:!0,src:i.value.heardUrl||m},null)})]))])])}}});export{he as default};