evaluationRecords-8185d91a.js 7.6 KB

1234
  1. import{s as l,b as U,c as P,v as j}from"./urlUtils-0a15dea6.js";import{u as N}from"./useECharts-162e9170.js";import{q as z}from"./api-fdf2b45c.js";import{g as b,a as L,c as u,d as m,b as x}from"./dateFormat-adb9faea.js";import{C as R,N as T}from"./index-e395d57c.js";import{d as S,r as p,e as A,q as B,f as t,N as V,g as w,B as M,j as f,k as n,A as Y,F as y,c as $,y as O,c7 as C}from"./index-2ad5d1ca.js";import{P as W}from"./index-3f6f2619.js";const Z=S({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(d){const v=p(null),{setOptions:E}=N(v),g=p(!0),i=A({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),s=A({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),r=p([b(new Date().getTime()),L(new Date().getTime())]),F=()=>[{title:"日期",key:"date"},{title:"练习时长(分钟)",key:"practiceDuration",render(a){return t(y,null,[" ",t(y,null,[a.practiceDuration?u(a.practiceDuration)>0?u(a.practiceDuration)+"分"+m(a.practiceDuration)+"秒":m(a.practiceDuration)+"秒":"0分钟"])])}}],c=async()=>{try{const a=await z({page:1,rows:999,studentId:d.studentId,...x(r.value,["startTime","endTime"],"YYYY-MM-DD")});s.tableList=a.data.rows}catch(a){console.log(a)}},k=()=>{E({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!1,selected:{"练习时长(分钟)":g.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:i.dateList},yAxis:[{type:"value",axisLabel:{formatter:a=>u(a)+"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:i.timeList,type:"bar",barWidth:"48px",stack:"total",itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{focus:"series",color:"#3583FA"}}}],formatter:a=>Array.isArray(a)?[a[0].axisValueLabel,...a.map(o=>{let I;return u(o.value)>0?I=u(o.value)+"分"+m(o.value)+"秒":I=m(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;">练习时长: ${I} </span>`})].join(""):a})},D=async()=>{try{const a=await U({studentId:d.studentId,...x(r.value,["startTime","endTime"],"YYYY-MM-DD")});i.practiceDays=a.data.practiceDays,i.practiceDurationAvg=a.data.practiceDurationAvg,i.practiceDurationTotal=a.data.practiceDurationTotal,i.dateList=a.data.trainingStatDetailList.map(o=>o.date),i.timeList=a.data.trainingStatDetailList.map(o=>o.practiceDuration),k(),console.log(i)}catch(a){console.log(a)}},h=()=>{s.pagination.page=1,D(),c(),console.log("search")},e=()=>{r.value=[b(new Date().getTime()),L(new Date().getTime())],h(),c(),console.log("onReset")};return B(()=>{console.log(d.studentId),D(),c()}),()=>t(y,null,[t(V,{"label-placement":"left",inline:!0},{default:()=>[t(w,null,{default:()=>[t(R,{value:r.value,"onUpdate:value":a=>r.value=a,separator:"至",type:"daterange",timerValue:r.value},null)]}),t(w,null,{default:()=>[t(M,{justify:"end"},{default:()=>[t(f,{type:"primary",class:"searchBtn",onClick:h},{default:()=>[n("搜索")]}),t(f,{type:"primary",ghost:!0,class:"resetBtn",onClick:e},{default:()=>[n("重置")]})]})]})]}),t("div",{class:l.homeTrainData},[t("div",{class:l.TrainDataTop},[t("div",{class:l.TrainDataTopLeft},[t("div",{class:l.TrainDataItem},[t("p",{class:l.TrainDataItemTitle},[u(i.practiceDurationTotal)>0?t("div",null,[t("span",null,[t(T,{from:0,to:u(i.practiceDurationTotal)},null)])," ",n("分")]):null,t("div",null,[t("span",null,[t(T,{from:0,to:m(i.practiceDurationTotal)},null)])," ",n("秒")])]),t("p",{class:l.TrainDataItemsubTitle},[n("累计练习时长")])]),t("div",{class:l.TrainDataItem},[t("p",{class:l.TrainDataItemTitle},[u(i.practiceDurationAvg)>0?t("div",null,[t("span",null,[t(T,{from:0,to:u(i.practiceDurationAvg)},null)])," ",n("分")]):null,t("div",null,[t("span",null,[t(T,{from:0,to:m(i.practiceDurationAvg)},null)])," ",n("秒")])]),t("p",{class:l.TrainDataItemsubTitle},[n("平均练习时长")])]),t("div",{class:l.TrainDataItem},[t("p",{class:l.TrainDataItemTitle},[t("div",null,[t("span",null,[t(T,{from:0,to:i.practiceDays},null)])," ",n("天")])]),t("p",{class:l.TrainDataItemsubTitle},[n("练习天数")])])]),t("div",{class:l.TrainDataTopRight},[t("div",{class:[l.DataTopRightItem,g.value?"":l.DataTopRightItemDis]},[t("div",{class:[l.DataTopRightDot,l.DataTopRightDotBlue]},null),t("p",null,[n("练习时长(分钟)")])])])]),t("div",{class:l.chatrs},[t("div",{ref:v,style:{height:i.height,width:i.width}},null)]),t("div",{class:l.tableWrap},[t(Y,{class:l.classTable,loading:s.loading,columns:F(),data:s.tableList},null)])])])}}),_=S({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(d){const v=$(),E=p(null);N(E),p(!0);const g=A({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[],detailVisiable:!1}),i=p(""),s=A({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),r=p([b(new Date().getTime()),L(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(y,null,[e.heardLevel==null?t("span",null,[n("--")]):null,e.heardLevel=="BEGINNER"?t(C,{type:"info"},{default:()=>[n("入门级")]}):null,e.heardLevel=="ADVANCED"?t(C,{type:"warning"},{default:()=>[n("进阶级")]}):null,e.heardLevel=="PERFORMER"?t(C,{type:"error"},{default:()=>[n("大师级")]}):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(f,{text:!0,type:"primary",onClick:()=>{k(e)}},{default:()=>[n("评测报告")]})}}],c=async()=>{const e=await P({userId:d.studentId,...s.pagination,feature:"EVALUATION",...x(r.value,["startTime","endTime"],"YYYY-MM-DD")});s.tableList=e.data.rows,console.log(s.tableList,"state.tableList "),s.pagination.pageTotal=e.data.total},k=e=>{console.log(e.id,"gotoRecode");const a=v.getToken;i.value=j()+`/instrument/#/evaluat-report?id=${e.id}&Authorization=${a}`,g.detailVisiable=!0},D=()=>{c()},h=()=>{r.value=[b(new Date().getTime()),L(new Date().getTime())],D()};return B(()=>{c(),console.log(d.studentId)}),()=>t(y,null,[t(V,{"label-placement":"left",inline:!0},{default:()=>[t(w,null,{default:()=>[t(R,{value:r.value,"onUpdate:value":e=>r.value=e,separator:"至",type:"daterange",timerValue:r.value},null)]}),t(w,null,{default:()=>[t(M,{justify:"end"},{default:()=>[t(f,{type:"primary",class:"searchBtn",onClick:D},{default:()=>[n("搜索")]}),t(f,{type:"primary",ghost:!0,class:"resetBtn",onClick:h},{default:()=>[n("重置")]})]})]})]}),t("div",{class:l.tableWrap},[t(Y,{class:l.classTable,loading:s.loading,columns:F(),data:s.tableList},null),t(W,{page:s.pagination.page,"onUpdate:page":e=>s.pagination.page=e,pageSize:s.pagination.rows,"onUpdate:pageSize":e=>s.pagination.rows=e,pageTotal:s.pagination.pageTotal,"onUpdate:pageTotal":e=>s.pagination.pageTotal=e,onList:c,sync:!0,saveKey:"orchestraRegistration-key"},null)]),t(O,{show:g.detailVisiable,"onUpdate:show":e=>g.detailVisiable=e,preset:"card",class:["modalTitle background",l.reportModel],title:"评测报告"},{default:()=>[t("iframe",{width:"100%",height:"450px",frameborder:"0",src:i.value},null)]})])}});export{_ as E,Z as P};