| 1 |
- System.register(["./index-legacy-b1ff2161.js","./use-async-legacy-9b2dba7f.js","./index-legacy-a4f6f1bb.js","./index.module-legacy-b17e2737.js","./useECharts-legacy-78faa061.js","./index-legacy-8c3b730d.js","./dateFormat-legacy-76216967.js","./api-legacy-5b686a95.js","./index-legacy-04150321.js","./api-legacy-1fd770be.js","./index-legacy-6cf33a2e.js"],(function(t,a){"use strict";var e,i,l,n,s,o,r,p,c,d,u,g,m,v,y,h,b,T,D,f,w,x,A,S,k,L,I,C,R,_,O,W,Y,U,z,B,P,j,N,E,G,F;return{setters:[t=>{e=t.ch,i=t.d,l=t.r,n=t.u,s=t.a,o=t.e,r=t.ab,p=t.n,c=t.f,d=t.k,u=t.c8,g=t.F,m=t.j,v=t.w,y=t.L,h=t.J,b=t.O,T=t.Q,D=t.p,f=t.q,w=t.x,x=t.C},t=>{A=t.g,S=t.s},t=>{k=t.N,L=t.C},t=>{I=t.s},t=>{C=t.u},t=>{R=t.P},t=>{_=t.b,O=t.c,W=t.d,Y=t.g,U=t.a},t=>{z=t.j,B=t.s,P=t.l},t=>{j=t.T},t=>{N=t.g,E=t.s,G=t.a,F=t.b},null],execute:function(){var a=document.createElement("style");a.textContent="._listWrap_17ock_1{min-height:100%;padding:1.66666667vw;background-color:#fff;border-radius:1.04166667vw}._listWrap_17ock_1 ._customTabs_17ock_7 .n-tabs-tab--active{font-size:max(.9375rem,14Px)!important;font-weight:600!important;color:#131415!important}._listWrap_17ock_1 ._customTabs_17ock_7 .n-tabs-tab{font-size:max(.9375rem,14Px);padding:.41666667vw 0!important;font-weight:400;min-width:2.60416667vw;color:#8b8d98}._listWrap_17ock_1 ._customTabs_17ock_7 .n-tabs-tab:hover{color:#198cfe!important}._listWrap_17ock_1 ._customTabs_17ock_7 .n-tabs-bar{width:2.60416667vw!important;height:.26041667vw!important;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAYAAABCHPt+AAAAAXNSR0IArs4c6QAAAO5JREFUWEftl00KwjAQhd/rLVqv4VbwAnoYfzaKGxE3th5GLyC49RztLTKSajEW+0OTlUw2oSFvGL6XZibEe8RnmdBgDWIsInG1rnM3AZIFBA+JcCoWvLcpXM7lvpqOdi1OZQPiAJHyW8dQAjQAdsWKx18Rmjl/dLSOweAGSDQ0DdW5BGgQYVr/U7o5v3RMUrkIZKZQwxEgeM1XnLsR+3C2OiaZ5FozwplhI9maki+ZfBnSg7PVqSFhvSij+RmiV1ZwS7yurO5iEzzfPw/oWdQtnVEmWyPYa6fle1ba295mzk7bW6WgD8PhZoR8GD4BToyflz19IOIAAAAASUVORK5CYII=) no-repeat;background-size:2.60416667vw .26041667vw}._searchBtn_17ock_28{width:4.6875vw;height:2.23958333vw;background:#198cfe;border-radius:.41666667vw;line-height:2.13541667vw;font-weight:600!important;font-size:.9375rem}._resetBtn_17ock_37{width:4.6875vw;height:2.23958333vw;border-radius:.41666667vw;line-height:2.13541667vw;font-weight:600!important;font-size:.9375rem}\n",document.head.appendChild(a);const V={listWrap:"_listWrap_17ock_1",customTabs:"_customTabs_17ock_7",searchBtn:"_searchBtn_17ock_28",resetBtn:"_resetBtn_17ock_37"},q=i({name:"home-trainData",props:{timer:{type:Array,defaut:()=>[]}},setup(t,{expose:a}){const i=l(null),{setOptions:y}=C(i),h=l(!0),b=l(!0),T=n(),D=s(),f=o({height:"360px",width:"100%",studentNum:0,paymentAmount:0,dateList:["2022-10-10","2022-10-11","2022-10-12","2022-10-13","2022-10-14","2022-10-15","2022-10-16"],studentList:[],payInfoList:[]}),w=l({qualifiedRate:0,qualifiedStudentCount:0,submitStudentCount:0,totalStudentCount:0,trainingCount:0,trainingRate:0}),x=o({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),A=r((()=>t.timer)),S=t=>{console.log(t),T.push({path:"/afterWorkDetail",query:{...D.query,teacherName:t.teacherName,trainingId:t.id,id:t.classGroupId,name:t.classGroupName}})},L=async()=>{try{const a=await(t={..._(A.value,["startTime","endTime"],"YYYY-MM-DD")},e.post("/edu-app/lessonTraining/trainingStat",{data:t}));w.value={...a.data},f.dateList=a.data.trainingStatDetails.map((t=>t.date)),f.payInfoList=a.data.trainingStatDetails.map((t=>t.qualifiedStudentCount)),f.studentList=a.data.trainingStatDetails.map((t=>t.unqualifiedStudentCount)),O()}catch(a){console.log(a)}var t;try{const t=await z({...x.pagination,..._(A.value,["startTime","endTime"],"YYYY-MM-DD")});x.tableList=t.data.rows,x.pagination.pageTotal=t.data.total,x.loading=!1}catch(a){x.loading=!1,console.log(a)}};a({getList:L});const O=()=>{y({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:2,color:"#A9C7FF"}}},legend:{show:!1,selected:{"合格人数":h.value,"不合格人数":b.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:f.dateList},yAxis:[{type:"value",axisLabel:{formatter:"{value}人"},axisTick:{show:!1},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.2)"]}},minInterval:1,splitNumber:5}],grid:{left:"1%",right:"1%",top:"2 %",bottom:0,containLabel:!0},series:[{data:f.studentList,symbolSize:10,type:"line",name:"不合格人数",symbol:"circle",smooth:!0,itemStyle:{color:"#FF7AA7",borderColor:"#fff",borderWidth:3},lineStyle:{width:3},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(255, 243, 246, 1)"},{offset:1,color:"rgba(255, 246, 248, 0)"}]}},emphasis:{disabled:!0}},{data:f.payInfoList,type:"line",name:"合格人数",symbolSize:10,symbol:"circle",smooth:!0,itemStyle:{color:"#198CFE",borderColor:"#fff",borderWidth:3},lineStyle:{width:2},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(212, 231, 255, 1)"},{offset:1,color:"rgba(221, 235, 254, 0)"}]}},emphasis:{disabled:!0}}],formatter:t=>Array.isArray(t)?[t[0].axisValueLabel,...t.map((t=>`<br/>${t.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;\n color: #333333;\n line-height: 18px;">${t.seriesName}: ${t.value}人 </span>`))].join(""):t})};return p((()=>{L()})),()=>c(g,null,[c("div",{class:I.homeTrainData},[c("div",{class:I.TrainDataTop},[c("div",{class:I.TrainDataTopLeft},[c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:w.value.trainingCount},null)]),d("次")]),c("p",{class:I.TrainDataItemsubTitle},[d("作业次数")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:w.value.totalStudentCount},null)]),d("人次")]),c("p",{class:I.TrainDataItemsubTitle},[d("应交总人次")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:w.value.submitStudentCount},null)]),d("人次")]),c("p",{class:I.TrainDataItemsubTitle},[d("提交总人次")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[" ",c(k,{from:0,to:w.value.qualifiedStudentCount},null)]),d("人次")]),c("p",{class:I.TrainDataItemsubTitle},[d("合格总人次")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:w.value.trainingRate},null),d("%")])]),c("p",{class:I.TrainDataItemsubTitle},[d("作业提交率")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:w.value.qualifiedRate},null),d("%")])]),c("p",{class:I.TrainDataItemsubTitle},[d("作业合格率")])])]),c("div",{class:I.TrainDataTopRight},[c("div",{onClick:()=>{h.value=!h.value,O()},class:[I.DataTopRightItem,h.value?"":I.DataTopRightItemDis]},[c("div",{class:I.DataTopRightDot},null),c("p",null,[d("合格人数")])]),c("div",{onClick:()=>{b.value=!b.value,O()},class:[I.DataTopRightItem,b.value?"":I.DataTopRightItemDis]},[c("div",{class:[I.DataTopRightDot,I.red]},null),c("p",null,[d("不合格人数")])])])]),c("div",{class:I.chatrs},[c("div",{ref:i,style:{height:f.height,width:f.width}},null)]),c("div",{class:I.tableWrap},[c(u,{class:I.classTable,loading:x.loading,columns:[{title:"布置老师",key:"teacherName"},{title:"布置时间",key:"createTime",render:t=>c(g,null,[t.createTime])},{title:"截止时间",key:"expireDate",render:t=>c(g,null,[t.expireDate])},{title:"训练状态",key:"status",render:t=>0==t.status?c("div",{class:I.indDot},[" ",c("span",null,null),d(" 进行中")]):c("div",{class:I.endDot},[c("span",null,null),d("已结束")])},{title:"布置人数",key:"expectNum"},{title:"提交人数",key:"trainingNum"},{title:"合格人数",key:"standardNum"},{title:"提交率",key:"trainingRate",render:t=>c(g,null,[t.trainingRate,d("%")])},{title:"合格率",key:"qualifiedRate",render:t=>c(g,null,[t.qualifiedRate,d("%")])},{title:"操作",key:"id",render:t=>c(v,null,{default:()=>[c(m,{text:!0,type:"primary",onClick:()=>S(t)},{default:()=>[d("详情")]})]})}],data:x.tableList},{empty:()=>c(j,null,null)}),c(R,{page:x.pagination.page,"onUpdate:page":t=>x.pagination.page=t,pageSize:x.pagination.rows,"onUpdate:pageSize":t=>x.pagination.rows=t,pageTotal:x.pagination.pageTotal,"onUpdate:pageTotal":t=>x.pagination.pageTotal=t,onList:L,sync:!0},null)])])])}}),M=i({name:"home-practiceData",props:{timer:{type:Array,defaut:()=>[]}},setup(t,{expose:a}){const i=l(null),{setOptions:n}=C(i),s=l(!0),m=o({height:"360px",width:"100%",practiceUserCount:0,paymentAmount:0,practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),v=o({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],goCourseVisiable:!1}),y=r((()=>t.timer)),h=async()=>{try{const a=await B({page:1,rows:999,..._(y.value,["startTime","endTime"],"YYYY-MM-DD")}),i=await(t={page:1,rows:999,..._(y.value,["startTime","endTime"],"YYYY-MM-DD")},e.post("/edu-app/musicPracticeRecordStat/trainingStat",{data:t}));v.tableList=a.data.rows,m.practiceDurationAvg=i.data.practiceDurationAvg,m.practiceUserCount=i.data.practiceUserCount,m.dateList=i.data.trainingStatDetailList.map((t=>t.date)),m.timeList=i.data.trainingStatDetailList.map((t=>t.practiceUserCount)),console.log("trainingStatDetailList",m.timeList),b()}catch(a){console.log(a)}var t};a({getList:h});const b=()=>{n({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!1,selected:{"练习人数":s.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:m.dateList},yAxis:[{type:"value",axisLabel:{formatter:"{value}人"},axisTick:{show:!1},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.2)"]}},minInterval:1,splitNumber:5}],grid:{left:"1%",right:"1%",top:"2%",bottom:0,containLabel:!0},series:[{data:m.timeList,type:"bar",barWidth:"48px",itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{color:"#3583FA"}}}],formatter:t=>Array.isArray(t)?[t[0].axisValueLabel,...t.map((t=>`<br/>${t.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;">练习人数: ${t.value}人 </span>`))].join(""):t})};return p((()=>{h()})),()=>c(g,null,[c("div",{class:I.homeTrainData},[c("div",{class:I.TrainDataTop},[c("div",{class:I.TrainDataTopLeft},[c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[c("span",null,[c(k,{from:0,to:m.practiceUserCount},null)]),d("人")]),c("p",{class:I.TrainDataItemsubTitle},[d("练习人数")])]),c("div",{class:I.TrainDataItem},[c("p",{class:I.TrainDataItemTitle},[O(m.practiceDurationAvg)>0?c("div",null,[c("span",null,[c(k,{from:0,to:O(m.practiceDurationAvg)},null)])," ",d("分")]):null,c("div",null,[c("span",null,[c(k,{from:0,to:W(m.practiceDurationAvg)},null)])," ",d("秒")])]),c("p",{class:I.TrainDataItemsubTitle},[d("平均练习时长")])])]),c("div",{class:I.TrainDataTopRight},[c("div",{class:[I.DataTopRightItem,s.value?"":I.DataTopRightItemDis]},[c("div",{class:[I.DataTopRightDot,I.DataTopRightDotBlue]},null),c("p",null,[d("练习人数")])])])]),c("div",{class:I.chatrs},[c("div",{ref:i,style:{height:m.height,width:m.width}},null)]),c("div",{class:I.tableWrap},[c(u,{class:I.classTable,loading:v.loading,columns:[{title:"日期",key:"date"},{title:"练习人数",key:"practiceUserCount",render:t=>c(g,null,[t.practiceUserCount,d("人")])},{title:"平均练习时长(分钟)",key:"practiceDuration",render:t=>c(g,null,[" ",c(g,null,[t.practiceDuration?O(t.practiceDuration)>0?O(t.practiceDuration)+"分"+W(t.practiceDuration)+"秒":W(t.practiceDuration)+"秒":"0分钟"])])}],data:v.tableList},{empty:()=>c(j,null,null)})])])])}}),K=i({name:"student-studentList",props:{timer:{type:Array,defaut:()=>[]}},setup(t,{emit:a,expose:e}){const i=o({searchWord:"",orchestraType:null,courseTypeCode:null,subjectId:null,classId:null,studentType:null,loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[]}),l=o({ase:0,sortType:1}),n=r((()=>(console.log("ranking===>"),t.timer))),s=async()=>{i.loading=!0;try{const t=await P({...i.pagination,...l,..._(n.value,["startTime","endTime"],"YYYY-MM-DD")});i.tableList=t.data.rows,i.pagination.pageTotal=t.data.total,i.loading=!1}catch(t){i.loading=!1,console.log(t)}};e({getList:s}),p((()=>{s()}));const m=t=>{if(t){const a={practiceDuration:1,practiceDays:2,practiceDurationAvg:3};l.sortType=a[t.columnKey],"practiceDuration"==t.columnKey&&(y.sortOrder=t.order,v.sortOrder=!1,h.sortOrder=!1),"practiceDays"==t.columnKey&&(v.sortOrder=t.order,y.sortOrder=!1,h.sortOrder=!1),"practiceDurationAvg"==t.columnKey&&(h.sortOrder=t.order,v.sortOrder=!1,y.sortOrder=!1),l.ase="ascend"==t.order?1:0}else l.ase=0,l.sortType=1,v.sortOrder=!1,y.sortOrder=!1,h.sortOrder=!1;s()},v=o({title:"练习天数",key:"practiceDays",sorter:!0,sortOrder:!1,render:t=>c(g,null,[t.practiceDays?t.practiceDays:0,d("天")])}),y=o({title:"练习总时长",key:"practiceDuration",sorter:!0,sortOrder:!1,render:t=>c(g,null,[t.practiceDuration?O(t.practiceDuration)>0?O(t.practiceDuration)+"分"+W(t.practiceDuration)+"秒":W(t.practiceDuration)+"秒":0])}),h=o({title:"平均练习时长",key:"practiceDurationAvg",sorter:!0,sortOrder:!1,render:t=>c(g,null,[t.practiceDurationAvg?O(t.practiceDurationAvg)>0?O(t.practiceDurationAvg)+"分"+W(t.practiceDurationAvg)+"秒":W(t.practiceDurationAvg)+"秒":0])});return()=>c("div",{class:I.listWrap},[c("div",{class:I.tableWrap},[c(u,{class:I.classTable,loading:i.loading,columns:[{title:"姓名",key:"studentName"},{title:"手机号",key:"studentPhone"},v,y,h],data:i.tableList,"onUpdate:sorter":m},{empty:()=>c(j,null,null)}),c(R,{page:i.pagination.page,"onUpdate:page":t=>i.pagination.page=t,pageSize:i.pagination.rows,"onUpdate:pageSize":t=>i.pagination.rows=t,pageTotal:i.pagination.pageTotal,"onUpdate:pageTotal":t=>i.pagination.pageTotal=t,onList:s,sync:!0},null)])])}}),$=i({name:"data-guide",emits:["close"],setup(t,{emit:a}){const e=o({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:N("data1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:y(-4),left:y(-100),width:y(472),height:y(256)},btnsStyle:{bottom:y(30),left:y(-110)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}},{ele:"",img:N("data2.png"),imgStyle:{top:y(-4),left:y(-100),width:y(509),height:y(230)},btnsStyle:{bottom:y(30),left:y(-110)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}},{ele:"",img:N("data3.png"),imgStyle:{top:"100%",left:y(-105),width:y(438),height:y(230)},btnsStyle:{bottom:y(30),left:y(-115)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}}],step:0}),i=l(!1),n=l({});(async()=>{try{const t=await G({guideTag:"teacher-guideInfo"});t.data?n.value=JSON.parse(t.data?.guideValue)||null:n.value={},n.value&&n.value.dataGuide?i.value=!1:i.value=!0}catch(t){console.log(t)}})();const s=()=>{const t=document.getElementById(`data-${e.step}`);if(t){const a=t.getBoundingClientRect(),i=e.steps[e.step].eleRectPadding?.left||0,l=e.steps[e.step].eleRectPadding?.top||0,n=e.steps[e.step].eleRectPadding?.width||0,s=e.steps[e.step].eleRectPadding?.height||0;e.box={left:a.x-i+"px",top:a.y-l+"px",width:a.width+n+"px",height:a.height+s+"px"},console.log(`coai-${e.step}`,e.box)}else u()};p((()=>{s(),window.addEventListener("resize",r)}));const r=()=>{s()};h((()=>{window.removeEventListener("resize",r)}));const u=()=>{e.step>=4?m():(e.step=e.step+1,s())},m=async()=>{n.value?n.value.dataGuide=!0:n.value={dataGuide:!0};try{await F({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(n.value)})}catch(t){console.log(t)}i.value=!1};return()=>c(g,null,[i.value?b(c("div",{"onUpdate:show":t=>i.value=t,class:["n-modal-mask","n-modal-mask-guide"]},[c("div",{class:E.content,onClick:()=>u()},[c("div",{class:E.backBtn,onClick:t=>{t.stopPropagation(),m()}},[d("跳过")]),c("div",{class:E.box,style:{...e.box,...e.steps[e.step].boxStyle},id:`modeType-${e.step}`},[e.steps.map(((t,a)=>c("div",{onClick:t=>t.stopPropagation(),class:E.item,style:"bottom"==t.type?{display:a===e.step?"":"none",left:`${t.eleRect?.left}px`,top:`-${t.imgStyle?.height}`}:{display:a===e.step?"":"none",left:`${t.eleRect?.left}px`,top:`${e.box?.height}`}},[c("img",{class:E.img,style:t.imgStyle,src:t.img},null),c("div",{class:E.btns,style:t.btnsStyle},[e.step+1==e.steps.length?c(g,null,[c("div",{class:[E.endBtn],onClick:()=>m()},[d("完成")]),c("div",{class:E.nextBtn,onClick:()=>{e.step=0,s()}},[d("再看一遍")])]):c("div",{class:E.btn,onClick:()=>u()},[d("下一步 ("),e.step+1,d("/"),e.steps.length,d(")")])])])))])])]),[[T,i.value,"show"]]):null])}});t("default",i({name:"data-module",setup(){const t=l("training"),a=s();A((a=>{a.form.tabName&&(t.value=a.form.tabName)}));const e=l(),i=l(),n=l(),o=l(!1),r=l([Y((new Date).getTime()),U((new Date).getTime())]),u=()=>{console.log(r.value),e.value&&e.value.getList(),i.value&&i.value.getList(),n.value&&n.value.getList()};return p((()=>{setTimeout((()=>{o.value=!0}),500)})),()=>c("div",null,[c("div",{class:V.listWrap},[c(D,{"onUpdate:value":[t=>(t=>{S(t,"tabName",a)})(t),a=>t.value=a],class:V.customTabs,value:t.value,size:"large",animated:!1,"pane-wrapper-style":"margin: 0 -4px","pane-style":"padding-left: 4px; padding-right: 4px; box-sizing: border-box;"},{default:()=>[c(f,{name:"training",tab:"作业统计"},{default:()=>[c(q,{ref:e,timer:r.value},null)],tab:()=>c("span",{id:"data-0"},[d("作业统计")])}),c(f,{name:"practice",tab:"学练数据"},{default:()=>[c(M,{ref:i,timer:r.value},null)],tab:()=>c("span",{id:"data-1"},[d("学练数据")])}),c(f,{name:"ranking",tab:"学练排行"},{default:()=>[c(K,{ref:n,timer:r.value},null)],tab:()=>c("span",{id:"data-2"},[d("学练排行")])})],suffix:()=>c(g,null,[c("div",{class:V.homeStudyInfoDate},[c(v,null,{default:()=>[c(L,w({clearable:!1},{value:r.value,"onUpdate:value":t=>r.value=t,separator:"-",type:"daterange",timerValue:r.value}),null),c(m,{type:"primary",class:V.searchBtn,onClick:()=>u()},{default:()=>[d("搜索")]}),c(m,{type:"primary",onClick:()=>(console.log("点击重置"),r.value=[Y((new Date).getTime()),U((new Date).getTime())],void x((()=>{u()}))),ghost:!0,class:V.resetBtn},{default:()=>[d("重置")]})]})])])}),o.value?c($,null,null):null])])}}))}}}));
|
