| 1 |
- import{s as a}from"./index.module-59fadc9a-1705643762103.js";import{u as N}from"./useECharts-8aa2f2ac-1705643762103.js";import{b as U,c as P}from"./api-0934752e-1705643762103.js";import{t as $}from"./api-e4ae9457-1705643762103.js";import{g as v,a as b,c as u,d as g,b as C}from"./dateFormat-6b2ef3a1-1705643762103.js";import{C as R}from"./index-aa4ac72d-1705643762103.js";import{T as S}from"./index-f1ce6000-1705643762103.js";import{d as B,r as c,e as w,p as V,f as t,N as M,g as L,w as Y,j as y,k as i,cc as G,F as f,c as j,l as z,cg as F}from"./index-a7847c73-1705643762103.js";import{N as D}from"./NumberAnimation-5e85ce3f-1705643762103.js";import{P as O}from"./index-403e6fad-1705643762103.js";import{v as W}from"./urlUtils-b7caaee8-1705643762103.js";const lt=B({name:"student-practiceData",props:{studentId:{type:String,default:""},classGroupId:{type:String,default:""}},setup(o){const T=c(null),{setOptions:I}=N(T),d=c(!0),l=w({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),n=w({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),s=c([v(new Date().getTime()),b(new Date().getTime())]),k=()=>[{title:"日期",key:"date"},{title:"练习时长(分钟)",key:"practiceDuration",render(e){return t(f,null,[" ",t(f,null,[e.practiceDuration?u(e.practiceDuration)>0?u(e.practiceDuration)+"分"+g(e.practiceDuration)+"秒":g(e.practiceDuration)+"秒":"0分钟"])])}}],p=async()=>{try{const e=await $({page:1,rows:999,studentId:o.studentId,classGroupId:o.classGroupId,...C(s.value,["startTime","endTime"],"YYYY-MM-DD")});n.tableList=e.data.rows}catch(e){console.log(e)}},x=()=>{I({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=>u(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(r=>{let E;return u(r.value)>0?E=u(r.value)+"分"+g(r.value)+"秒":E=g(r.value)+"秒","<br/>".concat(r.marker,'<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;\n color: #131415;font-weight: 600;\n margin-top:12px\n line-height: 18px;">练习时长: ').concat(E," </span>")})].join(""):e})},m=async()=>{try{const e=await U({studentId:o.studentId,classGroupId:o.classGroupId,...C(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(r=>r.date),l.timeList=e.data.trainingStatDetailList.map(r=>r.practiceDuration),x(),console.log(l)}catch(e){console.log(e)}},h=()=>{n.pagination.page=1,m(),p(),console.log("search")},A=()=>{s.value=[v(new Date().getTime()),b(new Date().getTime())],h(),p(),console.log("onReset")};return V(()=>{console.log(o.studentId),m(),p()}),()=>t(f,null,[t(M,{"label-placement":"left",inline:!0},{default:()=>[t(L,null,{default:()=>[t(R,{value:s.value,"onUpdate:value":e=>s.value=e,separator:"至",type:"daterange",timerValue:s.value},null)]}),t(L,null,{default:()=>[t(Y,{justify:"end"},{default:()=>[t(y,{type:"primary",class:"searchBtn",onClick:h},{default:()=>[i("搜索")]}),t(y,{type:"primary",ghost:!0,class:"resetBtn",onClick:A},{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},[u(l.practiceDurationTotal)>0?t("div",null,[t("span",null,[t(D,{from:0,to:u(l.practiceDurationTotal)},null)]),t("i",{style:{width:"4px",display:"inline-block"}},null),i("分"),t("i",{style:{width:"4px",display:"inline-block"}},null)]):null,t("div",null,[t("span",null,[t(D,{from:0,to:g(l.practiceDurationTotal)},null)]),t("i",{style:{width:"4px",display:"inline-block"}},null),i("秒")])]),t("p",{class:a.TrainDataItemsubTitle},[i("累计练习时长")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[u(l.practiceDurationAvg)>0?t("div",null,[t("span",null,[t(D,{from:0,to:u(l.practiceDurationAvg)},null)]),t("i",{style:{width:"4px",display:"inline-block"}},null),i("分"),t("i",{style:{width:"4px",display:"inline-block"}},null)]):null,t("div",null,[t("span",null,[t(D,{from:0,to:g(l.practiceDurationAvg)},null)]),t("i",{style:{width:"4px",display:"inline-block"}},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(D,{from:0,to:l.practiceDays},null)]),t("i",{style:{width:"4px",display:"inline-block"}},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:T,style:{height:l.height,width:l.width}},null)]),t("div",{class:a.tableWrap},[t(G,{class:a.classTable,loading:n.loading,columns:k(),data:n.tableList},{empty:()=>t(S,null,null)})])])])}}),it=B({name:"student-practiceData",props:{studentId:{type:String,default:""},classGroupId:{type:String,default:""}},setup(o){const T=j(),I=c(null);N(I),c(!0);const d=w({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[],detailVisiable:!1}),l=c(""),n=w({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),s=c([v(new Date().getTime()),b(new Date().getTime())]),k=()=>[{title:"时间",key:"createTime"},{title:"评测曲目",key:"musicSheetName",render(e){return t("span",null,[e.musicSheetName])}},{title:"评测难度",key:"heardLevel",render(e){return t(f,null,[e.heardLevel==null?t("span",null,[i("--")]):null,e.heardLevel=="BEGINNER"?t(F,{type:"info"},{default:()=>[i("入门级")]}):null,e.heardLevel=="ADVANCED"?t(F,{type:"warning"},{default:()=>[i("进阶级")]}):null,e.heardLevel=="PERFORMER"?t(F,{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(y,{text:!0,type:"primary",onClick:()=>{x(e)}},{default:()=>[i("评测报告")]})}}],p=async()=>{const e=await P({userId:o.studentId,...n.pagination,classGroupId:o.classGroupId,feature:"EVALUATION",...C(s.value,["startTime","endTime"],"YYYY-MM-DD")});n.tableList=e.data.rows,console.log(n.tableList,"state.tableList "),n.pagination.pageTotal=e.data.total},x=e=>{console.log(e.id,"gotoRecode");const r=T.getToken;l.value=W()+"/instrument/#/evaluat-report?v=".concat(+new Date,"&id=").concat(e.id,"&Authorization=").concat(r),d.detailVisiable=!0},m=()=>{p()},h=()=>{s.value=[v(new Date().getTime()),b(new Date().getTime())],m()},A=c();return V(()=>{p(),console.log(o.studentId)}),()=>t(f,null,[t(M,{"label-placement":"left",inline:!0},{default:()=>[t(L,null,{default:()=>[t(R,{value:s.value,"onUpdate:value":e=>s.value=e,separator:"至",type:"daterange",timerValue:s.value},null)]}),t(L,null,{default:()=>[t(Y,{justify:"end"},{default:()=>[t(y,{type:"primary",class:"searchBtn",onClick:m},{default:()=>[i("搜索")]}),t(y,{type:"primary",ghost:!0,class:"resetBtn",onClick:h},{default:()=>[i("重置")]})]})]})]}),t("div",{class:a.tableWrap},[t(G,{class:a.classTable,loading:n.loading,columns:k(),data:n.tableList},{empty:()=>t(S,null,null)}),t(O,{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:p,sync:!0},null)]),t(z,{show:d.detailVisiable,"onUpdate:show":e=>d.detailVisiable=e,preset:"card",class:["modalTitle background",a.reportModel],title:"评测报告"},{default:()=>[t("div",{class:a.reportContainer,style:{lineHeight:0}},[t("iframe",{width:"100%",height:"450px",ref:A,frameborder:"0",src:l.value},null)])]})])}});export{it as E,lt as P};
|
