evaluationRecords-157403e3.js 7.7 KB

1234
  1. import{s as a}from"./index.module-b669ca77.js";import{u as C}from"./useECharts-e2fb738f.js";import{g as v,a as b,c,d as g,b as R}from"./dateFormat-c4695f79.js";import{C as I,N as f}from"./index-5ec21675.js";import{cc as N,d as S,r as p,e as L,q as B,f as t,N as V,g as k,B as M,j as T,k as i,A as P,F as h,c as U,y as Y,c7 as E}from"./index-b5a12e99.js";import{P as j}from"./index-773320d1.js";const z=r=>N.post("/edu-app/musicPracticeRecordStat/trainingStat",{data:r}),$=r=>N.post("/edu-app/musicPracticeRecord/page",{data:r}),Q=S({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(r){const u=p(null),{setOptions:w}=C(u),d=p(!0),l=L({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),n=L({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),s=p([v(new Date().getTime()),b(new Date().getTime())]),F=()=>[{title:"日期",key:"date"},{title:"练习时长(分钟)",key:"practiceDuration",render(e){return t(h,null,[" ",t(h,null,[e.practiceDuration?c(e.practiceDuration)>0?c(e.practiceDuration)+"分"+g(e.practiceDuration)+"秒":g(e.practiceDuration)+"秒":"0分钟"])])}}],m=()=>{w({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!1,selected:{"练习时长(分钟)":d.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:l.dateList},yAxis:[{type:"value",axisLabel:{formatter:e=>c(e)+"min"},axisTick:{show:!1},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.2)"]}}}],grid:{left:"1%",right:"1%",top:"2%",bottom:0,containLabel:!0},series:[{data:l.timeList,type:"bar",barWidth:"48px",stack:"total",itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{focus:"series",color:"#3583FA"}}}],formatter:e=>Array.isArray(e)?[e[0].axisValueLabel,...e.map(o=>{let A;return c(o.value)>0?A=c(o.value)+"分"+g(o.value)+"秒":A=g(o.value)+"秒",`<br/>${o.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;
  2. color: #131415;font-weight: 600;
  3. margin-top:12px
  4. line-height: 18px;">练习时长: ${A} </span>`})].join(""):e})},y=async()=>{try{const e=await z({studentId:r.studentId,...R(s.value,["startTime","endTime"],"YYYY-MM-DD")});l.practiceDays=e.data.practiceDays,l.practiceDurationAvg=e.data.practiceDurationAvg,l.practiceDurationTotal=e.data.practiceDurationTotal,l.dateList=e.data.trainingStatDetailList.map(o=>o.date),l.timeList=e.data.trainingStatDetailList.map(o=>o.practiceDuration),n.tableList=e.data.trainingStatDetailList,m(),console.log(l)}catch(e){console.log(e)}},D=()=>{n.pagination.page=1,y(),console.log("search")},x=()=>{s.value=[v(new Date().getTime()),b(new Date().getTime())],D(),console.log("onReset")};return B(()=>{console.log(r.studentId),y()}),()=>t(h,null,[t(V,{"label-placement":"left",inline:!0},{default:()=>[t(k,null,{default:()=>[t(I,{value:s.value,"onUpdate:value":e=>s.value=e,separator:"至",type:"daterange",timerValue:s.value},null)]}),t(k,null,{default:()=>[t(M,{justify:"end"},{default:()=>[t(T,{type:"primary",class:"searchBtn",onClick:D},{default:()=>[i("搜索")]}),t(T,{type:"primary",ghost:!0,class:"resetBtn",onClick:x},{default:()=>[i("重置")]})]})]})]}),t("div",{class:a.homeTrainData},[t("div",{class:a.TrainDataTop},[t("div",{class:a.TrainDataTopLeft},[t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[c(l.practiceDurationTotal)>0?t("div",null,[t("span",null,[t(f,{from:0,to:c(l.practiceDurationTotal)},null)])," ",i("分")]):null,t("div",null,[t("span",null,[t(f,{from:0,to:g(l.practiceDurationTotal)},null)])," ",i("秒")])]),t("p",{class:a.TrainDataItemsubTitle},[i("累计练习时长")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[c(l.practiceDurationAvg)>0?t("div",null,[t("span",null,[t(f,{from:0,to:c(l.practiceDurationAvg)},null)])," ",i("分")]):null,t("div",null,[t("span",null,[t(f,{from:0,to:g(l.practiceDurationTotal)},null)])," ",i("秒")])]),t("p",{class:a.TrainDataItemsubTitle},[i("平均练习时长")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("div",null,[t("span",null,[t(f,{from:0,to:l.practiceDays},null)])," ",i("天")])]),t("p",{class:a.TrainDataItemsubTitle},[i("练习天数")])])]),t("div",{class:a.TrainDataTopRight},[t("div",{class:[a.DataTopRightItem,d.value?"":a.DataTopRightItemDis]},[t("div",{class:[a.DataTopRightDot,a.DataTopRightDotBlue]},null),t("p",null,[i("练习时长(分钟)")])])])]),t("div",{class:a.chatrs},[t("div",{ref:u,style:{height:l.height,width:l.width}},null)]),t("div",{class:a.tableWrap},[t(P,{class:a.classTable,loading:n.loading,columns:F(),data:n.tableList},null)])])])}});function W(){const r=window.location.href;let u="";return/192/.test(r)||/test/.test(r)?u="https://test.lexiaoya.cn":/dev/.test(r)?u="https://dev.kt.colexiu.com":u="https://kt.colexiu.com",u}const X=S({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(r){const u=U(),w=p(null);C(w),p(!0);const d=L({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[],detailVisiable:!1}),l=p(""),n=L({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),s=p([v(new Date().getTime()),b(new Date().getTime())]),F=()=>[{title:"时间",key:"createTime"},{title:"评测曲目",key:"musicSheetName",render(e){return t("span",null,[e.musicSheetName])}},{title:"评测难度",key:"heardLevel",render(e){return t(h,null,[e.heardLevel==null?t("span",null,[i("--")]):null,e.heardLevel=="BEGINNER"?t(E,{type:"info"},{default:()=>[i("入门级")]}):null,e.heardLevel=="ADVANCED"?t(E,{type:"warning"},{default:()=>[i("进阶级")]}):null,e.heardLevel=="PERFORMER"?t(E,{type:"error"},{default:()=>[i("大师级")]}):null])}},{title:"评测分数",key:"score",render(e){return t("span",null,[e.score])}},{title:"音准",key:"intonation",render(e){return t("span",null,[e.intonation])}},{title:"节奏",key:"cadence",render(e){return t("span",null,[e.cadence])}},{title:"完整度",key:"integrity",render(e){return t("span",null,[e.integrity])}},{title:"操作",key:"id",render(e){return t(T,{text:!0,type:"primary",onClick:()=>{y(e)}},{default:()=>[i("评测报告")]})}}],m=async()=>{const e=await $({userId:r.studentId,...n.pagination,...R(s.value,["startTime","endTime"],"YYYY-MM-DD")});n.tableList=e.data.rows,console.log(n.tableList,"state.tableList "),n.pagination.pageTotal=e.data.total},y=e=>{console.log(e.id,"gotoRecode");const o=u.getToken;l.value=W()+`/instrument/#/evaluat-report?id=${e.id}&Authorization=${o}`,d.detailVisiable=!0},D=()=>{m()},x=()=>{s.value=[v(new Date().getTime()),b(new Date().getTime())],D()};return B(()=>{m(),console.log(r.studentId)}),()=>t(h,null,[t(V,{"label-placement":"left",inline:!0},{default:()=>[t(k,null,{default:()=>[t(I,{value:s.value,"onUpdate:value":e=>s.value=e,separator:"至",type:"daterange",timerValue:s.value},null)]}),t(k,null,{default:()=>[t(M,{justify:"end"},{default:()=>[t(T,{type:"primary",class:"searchBtn",onClick:D},{default:()=>[i("搜索")]}),t(T,{type:"primary",ghost:!0,class:"resetBtn",onClick:x},{default:()=>[i("重置")]})]})]})]}),t("div",{class:a.tableWrap},[t(P,{class:a.classTable,loading:n.loading,columns:F(),data:n.tableList},null),t(j,{page:n.pagination.page,"onUpdate:page":e=>n.pagination.page=e,pageSize:n.pagination.rows,"onUpdate:pageSize":e=>n.pagination.rows=e,pageTotal:n.pagination.pageTotal,"onUpdate:pageTotal":e=>n.pagination.pageTotal=e,onList:m,sync:!0,saveKey:"orchestraRegistration-key"},null)]),t(Y,{show:d.detailVisiable,"onUpdate:show":e=>d.detailVisiable=e,preset:"card",class:["modalTitle background",a.reportModel],title:"评测报告"},{default:()=>[t("iframe",{width:"100%",height:"450px",frameborder:"0",src:l.value},null)]})])}});export{X as E,Q as P};