123456 |
- import{Y as $,d as L,r as T,u as G,a as M,e as b,R as F,q as I,f as t,k as r,ck as P,F as y,j as q,X as W,Z as Y,_ as j,$ as V,m as K,n as k,x as J,b3 as X}from"./index-f1d7907d.js";import{g as Z,s as H}from"./use-async-abede604.js";import{N as x,C as Q}from"./index-3db8e73d.js";import{s as e}from"./index.module-c523dd2c.js";import{u as _}from"./useECharts-f50dae25.js";import{P as z}from"./index-0f88c104.js";import{b as B,c as R,d as N,g as O,a as U}from"./dateFormat-a46c57f6.js";import{i as tt,q as et,k as at}from"./api-115982df.js";import{g as w,s as v}from"./index-df4a1913.js";import"./searchs-1f038725.js";import"./index-a25987b1.js";const it="_listWrap_mgjem_1",st="_customTabs_mgjem_7",nt="_searchBtn_mgjem_28",lt="_resetBtn_mgjem_37",E={listWrap:it,customTabs:st,searchBtn:nt,resetBtn:lt},rt=h=>$.post("/edu-app/lessonTraining/trainingStat",{data:h}),ut=h=>$.post("/edu-app/musicPracticeRecordStat/trainingStat",{data:h}),ot=L({name:"home-trainData",props:{timer:{type:Array,defaut:()=>[]}},setup(h,{expose:C}){const s=T(null),{setOptions:u}=_(s),d=T(!0),c=T(!0),g=G(),m=M(),n=b({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:[]}),p=T({qualifiedRate:0,qualifiedStudentCount:0,submitStudentCount:0,totalStudentCount:0,trainingCount:0,trainingRate:0}),l=b({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-25",endTime:"2023-06-26",status:"end",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60}],goCourseVisiable:!1}),o=F(()=>h.timer),a=()=>[{title:"布置老师",key:"teacherName"},{title:"布置时间",key:"createTime",render(i){return t(y,null,[i.createTime])}},{title:"截止时间",key:"expireDate",render(i){return t(y,null,[i.expireDate])}},{title:"训练状态",key:"status",render(i){return i.status==0?t("div",{class:e.indDot},[" ",t("span",null,null),r(" 进行中")]):t("div",{class:e.endDot},[t("span",null,null),r("已结束")])}},{title:"布置人数",key:"expectNum"},{title:"提交人数",key:"trainingNum"},{title:"合格人数",key:"standardNum"},{title:"提交率",key:"trainingRate",render(i){return t(y,null,[i.trainingRate,r("%")])}},{title:"合格率",key:"qualifiedRate",render(i){return t(y,null,[i.qualifiedRate,r("%")])}},{title:"操作",key:"id",render(i){return t(W,null,{default:()=>[t(q,{text:!0,type:"primary",onClick:()=>f(i)},{default:()=>[r("详情")]})]})}}],f=i=>{console.log(i),g.push({path:"/afterWorkDetail",query:{...m.query,teacherName:i.teacherName,trainingId:i.id,id:i.classGroupId,name:i.classGroupName}})},S=async()=>{try{const i=await rt({...B(o.value,["startTime","endTime"],"YYYY-MM-DD")});p.value={...i.data},n.dateList=i.data.trainingStatDetails.map(D=>D.date),n.payInfoList=i.data.trainingStatDetails.map(D=>D.qualifiedStudentCount),n.studentList=i.data.trainingStatDetails.map(D=>D.unqualifiedStudentCount),A()}catch(i){console.log(i)}try{const i=await tt({...l.pagination,...B(o.value,["startTime","endTime"],"YYYY-MM-DD")});l.tableList=i.data.rows,l.pagination.pageTotal=i.data.total,l.loading=!1}catch(i){l.loading=!1,console.log(i)}};C({getList:S});const A=()=>{u({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:2,color:"#A9C7FF"}}},legend:{show:!1,selected:{合格人数:d.value,不合格人数:c.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:n.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:n.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:n.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:i=>Array.isArray(i)?[i[0].axisValueLabel,...i.map(D=>`<br/>${D.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;
- color: #333333;
- line-height: 18px;">${D.seriesName}: ${D.value}人 </span>`)].join(""):i})};return I(()=>{S()}),()=>t(y,null,[t("div",{class:e.homeTrainData},[t("div",{class:e.TrainDataTop},[t("div",{class:e.TrainDataTopLeft},[t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:p.value.trainingCount},null)]),r("次")]),t("p",{class:e.TrainDataItemsubTitle},[r("训练次数")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:p.value.totalStudentCount},null)]),r("人次")]),t("p",{class:e.TrainDataItemsubTitle},[r("应交总人次")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:p.value.submitStudentCount},null)]),r("人次")]),t("p",{class:e.TrainDataItemsubTitle},[r("提交总人次")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[" ",t(x,{from:0,to:p.value.qualifiedStudentCount},null)]),r("人次")]),t("p",{class:e.TrainDataItemsubTitle},[r("合格总人次")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:p.value.trainingRate},null),r("%")])]),t("p",{class:e.TrainDataItemsubTitle},[r("训练提交率")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:p.value.qualifiedRate},null),r("%")])]),t("p",{class:e.TrainDataItemsubTitle},[r("训练合格率")])])]),t("div",{class:e.TrainDataTopRight},[t("div",{onClick:()=>{d.value=!d.value,A()},class:[e.DataTopRightItem,d.value?"":e.DataTopRightItemDis]},[t("div",{class:e.DataTopRightDot},null),t("p",null,[r("合格人数")])]),t("div",{onClick:()=>{c.value=!c.value,A()},class:[e.DataTopRightItem,c.value?"":e.DataTopRightItemDis]},[t("div",{class:[e.DataTopRightDot,e.red]},null),t("p",null,[r("不合格人数")])])])]),t("div",{class:e.chatrs},[t("div",{ref:s,style:{height:n.height,width:n.width}},null)]),t("div",{class:e.tableWrap},[t(P,{class:e.classTable,loading:l.loading,columns:a(),data:l.tableList},null),t(z,{page:l.pagination.page,"onUpdate:page":i=>l.pagination.page=i,pageSize:l.pagination.rows,"onUpdate:pageSize":i=>l.pagination.rows=i,pageTotal:l.pagination.pageTotal,"onUpdate:pageTotal":i=>l.pagination.pageTotal=i,onList:S,sync:!0,saveKey:"orchestraRegistration-key"},null)])])])}}),ct=L({name:"home-practiceData",props:{timer:{type:Array,defaut:()=>[]}},setup(h,{expose:C}){const s=T(null),{setOptions:u}=_(s),d=T(!0),c=b({height:"360px",width:"100%",practiceUserCount:0,paymentAmount:0,practiceDurationAvg:0,practiceDays:0,practiceDurationTotal:0,dateList:[],timeList:[]}),g=b({loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-27",endTime:"2023-06-30",status:"ing",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60},{teacherName:"孙忆枫",createTime:"2023-06-25",endTime:"2023-06-26",status:"end",studentNum:100,submitNum:100,quantityNum:60,submitRate:100,quantityRate:60}],goCourseVisiable:!1}),m=F(()=>h.timer),n=()=>[{title:"日期",key:"date"},{title:"练习人数",key:"practiceUserCount",render(o){return t(y,null,[o.practiceUserCount,r("人")])}},{title:"平均练习时长(分钟)",key:"practiceDuration",render(o){return t(y,null,[" ",t(y,null,[o.practiceDuration?R(o.practiceDuration)>0?R(o.practiceDuration)+"分"+N(o.practiceDuration)+"秒":N(o.practiceDuration)+"秒":"0分钟"])])}}],p=async()=>{try{const o=await et({page:1,rows:999,...B(m.value,["startTime","endTime"],"YYYY-MM-DD")}),a=await ut({page:1,rows:999,...B(m.value,["startTime","endTime"],"YYYY-MM-DD")});g.tableList=o.data.rows,c.practiceDurationAvg=a.data.practiceDurationAvg,c.practiceUserCount=a.data.practiceUserCount,c.dateList=a.data.trainingStatDetailList.map(f=>f.date),c.timeList=a.data.trainingStatDetailList.map(f=>f.practiceUserCount),console.log("trainingStatDetailList",c.timeList),l()}catch(o){console.log(o)}};C({getList:p});const l=()=>{u({tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!1,selected:{练习人数:d.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:c.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:c.timeList,type:"bar",barWidth:"48px",itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{color:"#3583FA"}}}],formatter:o=>Array.isArray(o)?[o[0].axisValueLabel,...o.map(a=>`<br/>${a.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;
- color: #131415;font-weight: 600;
- margin-top:12px
- line-height: 18px;">练习人数: ${a.value}人 </span>`)].join(""):o})};return I(()=>{p()}),()=>t(y,null,[t("div",{class:e.homeTrainData},[t("div",{class:e.TrainDataTop},[t("div",{class:e.TrainDataTopLeft},[t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[t("span",null,[t(x,{from:0,to:c.practiceUserCount},null)]),r("人")]),t("p",{class:e.TrainDataItemsubTitle},[r("练习人数")])]),t("div",{class:e.TrainDataItem},[t("p",{class:e.TrainDataItemTitle},[R(c.practiceDurationAvg)>0?t("div",null,[t("span",null,[t(x,{from:0,to:R(c.practiceDurationAvg)},null)])," ",r("分")]):null,t("div",null,[t("span",null,[t(x,{from:0,to:N(c.practiceDurationAvg)},null)])," ",r("秒")])]),t("p",{class:e.TrainDataItemsubTitle},[r("平均练习时长")])])]),t("div",{class:e.TrainDataTopRight},[t("div",{class:[e.DataTopRightItem,d.value?"":e.DataTopRightItemDis]},[t("div",{class:[e.DataTopRightDot,e.DataTopRightDotBlue]},null),t("p",null,[r("练习人数")])])])]),t("div",{class:e.chatrs},[t("div",{ref:s,style:{height:c.height,width:c.width}},null)]),t("div",{class:e.tableWrap},[t(P,{class:e.classTable,loading:g.loading,columns:n(),data:g.tableList},null)])])])}}),pt=L({name:"student-studentList",props:{timer:{type:Array,defaut:()=>[]}},setup(h,{emit:C,expose:s}){const u=b({searchWord:"",orchestraType:null,courseTypeCode:null,subjectId:null,classId:null,studentType:null,loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[]}),d=b({ase:0,sortType:1}),c=F(()=>(console.log("ranking===>"),h.timer)),g=async()=>{u.loading=!0;try{const a=await at({...u.pagination,...d,...B(c.value,["startTime","endTime"],"YYYY-MM-DD")});u.tableList=a.data.rows,u.pagination.pageTotal=a.data.total,u.loading=!1}catch(a){u.loading=!1,console.log(a)}};s({getList:g}),I(()=>{g()});const m=a=>{if(!a)d.ase=0,d.sortType=1,n.sortOrder=!1,p.sortOrder=!1,l.sortOrder=!1;else{const f={practiceDuration:1,practiceDays:2,practiceDurationAvg:3};d.sortType=f[a.columnKey],a.columnKey=="practiceDuration"&&(p.sortOrder=a.order,n.sortOrder=!1,l.sortOrder=!1),a.columnKey=="practiceDays"&&(n.sortOrder=a.order,p.sortOrder=!1,l.sortOrder=!1),a.columnKey=="practiceDurationAvg"&&(l.sortOrder=a.order,n.sortOrder=!1,p.sortOrder=!1),d.ase=a.order=="ascend"?1:0}g()},n=b({title:"练习天数",key:"practiceDays",sorter:!0,sortOrder:!1,render(a){return t(y,null,[a.practiceDays?a.practiceDays:0,r("天")])}}),p=b({title:"练习总时长",key:"practiceDuration",sorter:!0,sortOrder:!1,render(a){return t(y,null,[a.practiceDuration?R(a.practiceDuration)>0?R(a.practiceDuration)+"分"+N(a.practiceDuration)+"秒":N(a.practiceDuration)+"秒":0])}}),l=b({title:"平均练习时长",key:"practiceDurationAvg",sorter:!0,sortOrder:!1,render(a){return t(y,null,[a.practiceDurationAvg?R(a.practiceDurationAvg)>0?R(a.practiceDurationAvg)+"分"+N(a.practiceDurationAvg)+"秒":N(a.practiceDurationAvg)+"秒":0])}}),o=()=>[{title:"姓名",key:"studentName"},{title:"手机号",key:"studentPhone"},n,p,l];return()=>t("div",{class:e.listWrap},[t("div",{class:e.tableWrap},[t(P,{class:e.classTable,loading:u.loading,columns:o(),data:u.tableList,"onUpdate:sorter":m},null),t(z,{page:u.pagination.page,"onUpdate:page":a=>u.pagination.page=a,pageSize:u.pagination.rows,"onUpdate:pageSize":a=>u.pagination.rows=a,pageTotal:u.pagination.pageTotal,"onUpdate:pageTotal":a=>u.pagination.pageTotal=a,onList:g,sync:!0,saveKey:"orchestraRegistration-key"},null)])])}}),dt=L({name:"data-guide",emits:["close"],setup(h,{emit:C}){const s=b({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:w("data1.png"),handStyle:{top:"0.91rem"},imgStyle:{left:"-105px",width:"472px",height:"256px"},btnsStyle:{bottom:"30px",left:"-90px"},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}},{ele:"",img:w("data2.png"),imgStyle:{left:"-105px",width:"509px",height:"230px"},btnsStyle:{bottom:"30px",left:Y(-90)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}},{ele:"",img:w("data3.png"),imgStyle:{top:"100%",left:"-105px",width:"438px",height:"230px"},btnsStyle:{bottom:"30px",left:Y(-90)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:14,top:14,width:28,height:28}}],step:0}),u=T(!1),d=localStorage.getItem("teacher-guideInfo");d&&JSON.parse(d).dataGuide?u.value=!1:u.value=!0;const c=()=>{var p,l,o,a;const n=document.getElementById(`data-${s.step}`);if(n){const f=n.getBoundingClientRect(),S=((p=s.steps[s.step].eleRectPadding)==null?void 0:p.left)||0,A=((l=s.steps[s.step].eleRectPadding)==null?void 0:l.top)||0,i=((o=s.steps[s.step].eleRectPadding)==null?void 0:o.width)||0,D=((a=s.steps[s.step].eleRectPadding)==null?void 0:a.height)||0;s.box={left:f.x-S+"px",top:f.y-A+"px",width:f.width+i+"px",height:f.height+D+"px"},console.log(`coai-${s.step}`,s.box)}};I(()=>{c()});const g=()=>{if(s.step>=4){m();return}s.step=s.step+1,c()},m=()=>{let n=JSON.parse(localStorage.getItem("teacher-guideInfo")||"{}")||null;n?n.dataGuide=!0:n={dataGuide:!0},localStorage.setItem("teacher-guideInfo",JSON.stringify(n)),u.value=!1};return()=>t(y,null,[u.value?j(t("div",{"onUpdate:show":n=>u.value=n,class:["n-modal-mask","n-modal-mask-guide"]},[t("div",{class:v.content,onClick:()=>g()},[t("div",{class:v.backBtn,onClick:n=>{n.stopPropagation(),m()}},[r("跳过")]),t("div",{class:v.box,style:{...s.box,...s.steps[s.step].boxStyle},id:`modeType-${s.step}`},[s.steps.map((n,p)=>{var l,o,a,f;return t("div",{onClick:S=>S.stopPropagation(),class:v.item,style:n.type=="bottom"?{display:p===s.step?"":"none",left:`${(l=n.eleRect)==null?void 0:l.left}px`,top:`-${(o=n.imgStyle)==null?void 0:o.height}`}:{display:p===s.step?"":"none",left:`${(a=n.eleRect)==null?void 0:a.left}px`,top:`${(f=s.box)==null?void 0:f.height}`}},[t("img",{class:v.img,style:n.imgStyle,src:n.img},null),t("div",{class:v.btns,style:n.btnsStyle},[s.step+1==s.steps.length?t(y,null,[t("div",{class:[v.endBtn],onClick:()=>m()},[r("完成")]),t("div",{class:v.nextBtn,onClick:()=>{s.step=0,c()}},[r("再看一遍")])]):t("div",{class:v.btn,onClick:()=>g()},[r("下一步 ("),s.step+1,r("/"),s.steps.length,r(")")])])])})])])]),[[V,u.value,"show"]]):null])}}),Ct=L({name:"data-module",setup(){const h=T("training"),C=M();Z(l=>{l.form.tabName&&(h.value=l.form.tabName)});const s=T(),u=T(),d=T(),c=l=>{H(l,"tabName",C)},g=T(!1),m=T([O(new Date().getTime()),U(new Date().getTime())]),n=()=>{console.log(m.value),s.value&&s.value.getList(),u.value&&u.value.getList(),d.value&&d.value.getList()},p=()=>{console.log("点击重置"),m.value=[O(new Date().getTime()),U(new Date().getTime())],X(()=>{n()})};return I(()=>{setTimeout(()=>{g.value=!0},500)}),()=>t("div",null,[t("div",{class:E.listWrap},[t(K,{"onUpdate:value":[l=>c(l),l=>h.value=l],class:E.customTabs,value:h.value,size:"large",animated:!0,"pane-wrapper-style":"margin: 0 -4px","pane-style":"padding-left: 4px; padding-right: 4px; box-sizing: border-box;"},{default:()=>[t(k,{name:"training",tab:"训练统计"},{default:()=>[t(ot,{ref:s,timer:m.value},null)],tab:()=>t("span",{id:"data-0"},[r("训练统计")])}),t(k,{name:"practice",tab:"练习数据"},{default:()=>[t(ct,{ref:u,timer:m.value},null)],tab:()=>t("span",{id:"data-1"},[r("练习数据")])}),t(k,{name:"ranking",tab:"练习排行"},{default:()=>[t(pt,{ref:d,timer:m.value},null)],tab:()=>t("span",{id:"data-2"},[r("练习排行")])})],suffix:()=>t(y,null,[t("div",{class:E.homeStudyInfoDate},[t(W,null,{default:()=>[t(Q,J({clearable:!1},{value:m.value,"onUpdate:value":l=>m.value=l,separator:"-",type:"daterange",timerValue:m.value}),null),t(q,{type:"primary",class:E.searchBtn,onClick:()=>n()},{default:()=>[r("搜索")]}),t(q,{type:"primary",onClick:()=>p(),ghost:!0,class:E.resetBtn},{default:()=>[r("重置")]})]})])])}),g.value?t(dt,null,null):null])])}});export{Ct as default};
|