classStudentRecode-6a5fca5c.js 9.4 KB

1234
  1. import{s as p,l as Y}from"./api-57bbbfab.js";import{cc as L,d as w,r as g,e as y,q as b,f as t,N as E,g as v,B as N,j as D,k as i,A as R,F as k,a as W,o as F,m as j,n as x}from"./index-8d16f68a.js";import{g as h,a as A,b as B,C as H}from"./dateFormat-36c59137.js";import{d as P}from"./teacherIcon-b8e3946d.js";import{m as z}from"./maleIcon-ddb7e6da.js";import{s}from"./index.module-e456c0d4.js";import{u as S}from"./useECharts-13c7b2f1.js";import{C as Q}from"./index-9d0f6e66.js";import{N as I}from"./NumberAnimation-23db2522.js";import{P as G}from"./index-cf87a5e3.js";import"./index-f2c07448.js";const O="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAqCAYAAACpxZteAAAAAXNSR0IArs4c6QAAA/NJREFUWEftll+IVGUYxp/nzOpsomUhpZvTjUZWFmsQFgrRRQltuRea3mQXc2a22tygbpozo3RA2zMGQmih685ZsKhwi93cLDIp+iNF/5QwwcqgEDIlWKGMnW3OeWJn251zZmd3ZnYxCJq7ec/7Pb/v/fO930dc4h8vsT6mBCi+Yx6MwfvgsxXUrQAXQZgD4iyAnwAdhsF+djvfT7bRigB17Iri4tnHQWQgXVU9SvaCytDNni73nQBQeyaGvHcQworqwkEPDoE06Xa+GrIG/6jNWgYPH0K6pj7xgDf5NF3nuTHLeAR6LHUl8vgcwPUhcWIQ5B4YGIAX/QEx/IlfCtfC8++GlAC0smwzgsH1zDl9I/YSwEy9DOGhsDN7cXn0ET5vX5gsIpnWJkhdAC4b9yF+x6zGpdxrny8ClEw3w/OPBYEgu+g6j9aSKpnWKkDvQ4iW/Pkie5zNo4B4aj+AhwMfj+G66EradqEWwKhGugPwdwU0hoH5C6je3ggOHz9f1o5r2JN9r1bxIsC2G3AmfwrSkvF1EWMj1Za+DQX/61L+eA6xaBNt268HUISY6e2QnwlodVFxay2ggwHjAF2ntV7xfwAtkH8oUOy3KTOdgPzugDFHN5ucFiCZuh0evgjU4UsqYa2Hr9cDxjfY4zw4LUAifQ98v1Q78giLLSYdDUTwHd3ssmkB4tZTgHYG0r2farfnIj/0W6iHI7OWs3vbyXohMq1PId05vs5g++g5MFOHILQEyH10nXX1AJRMr4HnvxtYI8yOxEYBiUwrfO/NkCCNJN3OXC0QtaUXwfO/gtAU2OQ7dJ2WwCyyjkJaFXAoAHqSbvaFqSDFCVzQQGhIkj4iDc3ct+1ECZDcejP8vz6DMC8cCT4G4CDW+AFte3jsm+JbbgC9BITNgBrDa7idrrN1xBa6cGRmHoC8fgCRCru+CDAPjqyhB/kLJomsH66zjqQmAIr1iKfuBXgA0Pxa8h/yMYy9WDy7IzgkK9/JbVuWwCvshFDbyCB/BmUxl32tfFNTvyoSmTsgbQL8tRAWly0eBnEEMPowZ+Er3P1EvlLENb+LZFonId1UElEze3Z8Uy2N9QBOQFpeamPjFrqd39YFKF4+Hx2vXNwhfQLhxsA5WY1GnJoAuGvFBW7Y4I3ZS+cgkdoIMQdpbrVdTfmd/ANUgrnsgVCbyrR+ndF7KEglz9F1FpYDTofu05mEQf5I11kaBrRlVsPzd0OIVdQmroDUUPrGkbfSeK5LtcEZRIwO7nu2eMf8u1005dQ0rZm36f+Amc6i/3oN4tZbgO4vpoEsYLau5p7sYLXzWPs5KF7ueAlAEww8w5zjVhOv66DVIlbJ52+J8qZcoR8iOgAAAABJRU5ErkJggg==",q=l=>L.post("/edu-app/musicPracticeRecordStat/trainingStat",{data:l}),V=l=>L.post("/edu-app/musicPracticeRecord/page",{data:l,params:l}),M=w({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(l){const f=g(null),{setOptions:n}=S(f),o=g(!0),a=y({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),u=y({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),d=g([h(new Date().getTime()),A(new Date().getTime())]),c=()=>[{title:"日期",key:"date"},{title:"练习时长(分钟)",key:"practiceDuration",render(r){return t("span",null,[r.practiceDuration,i("分钟")])}}],T=()=>{n({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!1,selected:{"练习时长(分钟)":o.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:a.dateList},yAxis:[{type:"value",axisLabel:{formatter:"{value} 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:a.timeList,type:"bar",barWidth:"48px",stack:"total",label:{show:!0,position:"top",color:"#333",fontSize:"12px",fontWeight:600},itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{focus:"series",color:"#3583FA"}}}],formatter:r=>Array.isArray(r)?[r[0].axisValueLabel,...r.map(m=>`<br/>${m.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;">练习时长: ${m.value}分钟 </span>`)].join(""):r})},e=async()=>{try{const r=await q({studentId:l.studentId,...B(d.value,["startTime","endTime"],"YYYY-MM-DD")});a.practiceDays=r.data.practiceDays,a.practiceDurationAvg=r.data.practiceDurationAvg,a.practiceDurationTotal=r.data.practiceDurationTotal,a.dateList=r.data.trainingStatDetailList.map(m=>m.date),a.timeList=r.data.trainingStatDetailList.map(m=>m.practiceDuration),u.tableList=r.data.trainingStatDetailList,T(),console.log(a)}catch(r){console.log(r)}},C=()=>{u.pagination.page=1,e(),console.log("search")},U=()=>{d.value=[h(new Date().getTime()),A(new Date().getTime())],C(),console.log("onReset")};return b(()=>{console.log(l.studentId),e()}),()=>t(k,null,[t(E,{"label-placement":"left",inline:!0},{default:()=>[t(v,null,{default:()=>[t(Q,{value:d.value,"onUpdate:value":r=>d.value=r,separator:"至",type:"daterange",timerValue:d.value},null)]}),t(v,null,{default:()=>[t(N,{justify:"end"},{default:()=>[t(D,{type:"primary",class:"searchBtn",onClick:C},{default:()=>[i("搜索")]}),t(D,{type:"primary",ghost:!0,class:"resetBtn",onClick:U},{default:()=>[i("重置")]})]})]})]}),t("div",{class:s.homeTrainData},[t("div",{class:s.TrainDataTop},[t("div",{class:s.TrainDataTopLeft},[t("div",{class:s.TrainDataItem},[t("p",{class:s.TrainDataItemTitle},[t("span",null,[t(I,{from:0,to:a.practiceDurationTotal},null)]),i("人")]),t("p",{class:s.TrainDataItemsubTitle},[i("累计练习时长")])]),t("div",{class:s.TrainDataItem},[t("p",{class:s.TrainDataItemTitle},[t("span",null,[t(I,{from:0,to:a.practiceDurationAvg},null)]),i("分钟")]),t("p",{class:s.TrainDataItemsubTitle},[i("平均练习时长")])]),t("div",{class:s.TrainDataItem},[t("p",{class:s.TrainDataItemTitle},[t("span",null,[t(I,{from:0,to:a.practiceDays},null)]),i("天")]),t("p",{class:s.TrainDataItemsubTitle},[i("练习天数")])])]),t("div",{class:s.TrainDataTopRight},[t("div",{class:[s.DataTopRightItem,o.value?"":s.DataTopRightItemDis]},[t("div",{class:[s.DataTopRightDot,s.DataTopRightDotBlue]},null),t("p",null,[i("练习时长(分钟)")])])])]),t("div",{class:s.chatrs},[t("div",{ref:f,style:{height:a.height,width:a.width}},null)]),t("div",{class:s.tableWrap},[t(R,{class:s.classTable,loading:u.loading,columns:c(),data:u.tableList},null)])])])}}),X=w({name:"student-practiceData",props:{studentId:{type:String,default:""}},setup(l){const f=g(null);S(f),g(!0),y({height:"360px",width:"100%",practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]});const n=y({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),o=g([h(new Date().getTime()),A(new Date().getTime())]),a=()=>[{title:"时间",key:"createTime"},{title:"评测曲目",key:"musicSheetName",render(e){return t("span",null,[e.musicSheetName])}},{title:"评测难度",key:"heardLevel",render(e){return t("span",null,[e.heardLevel])}},{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(D,{text:!0,type:"primary",onClick:()=>{d()}},{default:()=>[i("评测报告")]})}}],u=async()=>{const e=await V({userId:l.studentId,...n.pagination,...B(o.value,["startTime","endTime"],"YYYY-MM-DD")});n.tableList=e.data.trainingStatDetailList,n.pagination.pageTotal=e.data.total},d=e=>{console.log("gotoRecode")},c=()=>{u()},T=()=>{o.value=[h(new Date().getTime()),A(new Date().getTime())],c()};return b(()=>{u(),console.log(l.studentId)}),()=>t(k,null,[t(E,{"label-placement":"left",inline:!0},{default:()=>[t(v,null,{default:()=>[t(Q,{value:o.value,"onUpdate:value":e=>o.value=e,separator:"至",type:"daterange",timerValue:o.value},null)]}),t(v,null,{default:()=>[t(N,{justify:"end"},{default:()=>[t(D,{type:"primary",class:"searchBtn",onClick:c},{default:()=>[i("搜索")]}),t(D,{type:"primary",ghost:!0,class:"resetBtn",onClick:T},{default:()=>[i("重置")]})]})]})]}),t("div",{class:s.tableWrap},[t(R,{class:s.classTable,loading:n.loading,columns:a(),data:n.tableList},null),t(G,{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:u,sync:!0,saveKey:"orchestraRegistration-key"},null)])])}}),it=w({name:"classStudentRecode",setup(l,{emit:f}){const n=y({studentInfo:{avatar:"",nickname:"",gender:null,subjectNames:""}}),o=g("textRcode"),a=W(),u=g([{name:"班级管理",path:"/classList"},{name:a.query.name,path:"/classDetail"},{name:a.query.studentName,path:"/classStudentRecode"}]),d=async()=>{console.log(a.query.studentId);try{const c=await Y({id:a.query.studentId});n.studentInfo={...c.data}}catch(c){console.log(c)}};return b(()=>{d()}),()=>t("div",null,[t(H,{list:u.value},null),t("div",{class:p.listWrap},[t("div",{class:p.teacherList},[t("div",{class:p.teacherHeader},[t("div",{class:p.teacherHeaderBorder},[t(F,{class:p.teacherHeaderImg,src:n.studentInfo.avatar?n.studentInfo.avatar:P,previewDisabled:!0},null)])]),t("div",{class:p.workafterInfo},[t("h4",{class:p.studentGender},[n.studentInfo.nickname," ",t(F,{src:n.studentInfo.gender?z:O},null)]),t("p",null,[a.query.name," ",n.studentInfo.subjectNames?"|"+n.studentInfo.subjectNames:""])])]),t(j,{class:p.customTabs,value:o.value,"onUpdate:value":c=>o.value=c,size:"large",animated:!0,"pane-wrapper-style":"margin: 0 -4px","pane-style":"padding-left: 4px; padding-right: 4px; box-sizing: border-box;"},{default:()=>[t(x,{name:"textRcode",tab:"练习记录"},{default:()=>[t(M,{studentId:a.query.studentId},null)]}),t(x,{name:"evaluatingRcode",tab:"评测记录"},{default:()=>[t(X,{studentId:a.query.studentId},null)]})]})])])}});export{it as default};