index-a7f5c8e0.js 12 KB

123456
  1. import{cn as E,d as f,r as g,e as h,q as w,f as t,k as e,cf as R,F as A,j as x,a as F,m as S,n as N,U as k}from"./index-2873418f.js";import{g as q,s as z}from"./use-async-2e8f16c2.js";import{N as d,C as W}from"./index-628c0887.js";import{s as a}from"./index.module-6e54dcf4.js";import{u as B}from"./useECharts-884bbe12.js";import{P as C}from"./index-339600a0.js";import{b as I,g as U,a as _}from"./dateFormat-d3ff7c52.js";import"./index-e716d9ae.js";const j="_listWrap_mgjem_1",P="_customTabs_mgjem_7",V="_searchBtn_mgjem_28",Y="_resetBtn_mgjem_37",b={listWrap:j,customTabs:P,searchBtn:V,resetBtn:Y},L=m=>E.post("/edu-app/lessonTraining/trainingStat",{data:m}),$=f({name:"home-trainData",props:{timer:{type:Array,defaut:()=>[]}},setup(m,{expose:T}){const p=g(null),{setOptions:u}=B(p),r=g(!0),i=g(!0),s=h({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:[50,100,80,180,70,99,300],payInfoList:[100,200,300,450,330,200,10]}),c=g({qualifiedRate:9,qualifiedStudentCount:1,submitStudentCount:3,totalStudentCount:11,trainingCount:4,trainingRate:27}),o=h({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}),D=()=>[{title:"布置老师",key:"teacherName"},{title:"布置时间",key:"createTime"},{title:"截止时间",key:"endTime"},{title:"训练状态",key:"status",render(l){return l.status=="ing"?t("div",{class:a.indDot},[" ",t("span",null,null),e(" 进行中")]):t("div",{class:a.endDot},[t("span",null,null),e("已结束")])}},{title:"布置人数",key:"studentNum"},{title:"提交人数",key:"submitNum"},{title:"合格人数",key:"quantityNum"},{title:"提交率",key:"submitRate",render(l){return t("span",null,[l.submitRate,e("%")])}},{title:"合格率",key:"quantityRate",render(l){return t("span",null,[l.quantityRate,e("%")])}},{title:"操作",key:"id",render(l){return t(x,{text:!0,type:"primary"},{default:()=>[e("详情")]})}}],n=async()=>{try{const l=await L({...I(m.timer,["startTime","endTime"],"YYYY-MM-DD")})}catch(l){console.log(l)}};T({getList:n});const y=()=>{u({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:2,color:"#A9C7FF"}}},legend:{show:!1,selected:{合格人数:r.value,不合格人数:i.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:s.dateList},yAxis:[{type:"value",axisLabel:{formatter:"{value}人"},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:s.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:s.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:l=>Array.isArray(l)?[l[0].axisValueLabel,...l.map(v=>`<br/>${v.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;
  2. color: #333333;
  3. line-height: 18px;">${v.seriesName}: ${v.value}人 </span>`)].join(""):l})};return w(()=>{n(),y()}),()=>t(A,null,[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},[t("span",null,[t(d,{from:0,to:c.value.trainingCount},null)]),e("次")]),t("p",{class:a.TrainDataItemsubTitle},[e("训练次数")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[t(d,{from:0,to:c.value.totalStudentCount},null)]),e("人次")]),t("p",{class:a.TrainDataItemsubTitle},[e("应交总人次")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[t(d,{from:0,to:c.value.submitStudentCount},null)]),e("人次")]),t("p",{class:a.TrainDataItemsubTitle},[e("提交总人次")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[" ",t(d,{from:0,to:c.value.qualifiedStudentCount},null)]),e("人次")]),t("p",{class:a.TrainDataItemsubTitle},[e("合格总人次")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[t(d,{from:0,to:c.value.trainingRate},null),e("%")])]),t("p",{class:a.TrainDataItemsubTitle},[e("训练提交率")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[t(d,{from:0,to:c.value.qualifiedRate},null),e("%")])]),t("p",{class:a.TrainDataItemsubTitle},[e("训练合格率")])])]),t("div",{class:a.TrainDataTopRight},[t("div",{onClick:()=>{r.value=!r.value,y()},class:[a.DataTopRightItem,r.value?"":a.DataTopRightItemDis]},[t("div",{class:a.DataTopRightDot},null),t("p",null,[e("合格人数")])]),t("div",{onClick:()=>{i.value=!i.value,y()},class:[a.DataTopRightItem,i.value?"":a.DataTopRightItemDis]},[t("div",{class:[a.DataTopRightDot,a.red]},null),t("p",null,[e("不合格人数")])])])]),t("div",{class:a.chatrs},[t("div",{ref:p,style:{height:s.height,width:s.width}},null)]),t("div",{class:a.tableWrap},[t(R,{class:a.classTable,loading:o.loading,columns:D(),data:o.tableList},null),t(C,{page:o.pagination.page,"onUpdate:page":l=>o.pagination.page=l,pageSize:o.pagination.rows,"onUpdate:pageSize":l=>o.pagination.rows=l,pageTotal:o.pagination.pageTotal,"onUpdate:pageTotal":l=>o.pagination.pageTotal=l,onList:n,sync:!0,saveKey:"orchestraRegistration-key"},null)])])])}}),M=f({name:"home-practiceData",props:{timer:{type:Array,defaut:()=>[]}},setup(m,{expose:T}){const p=g(null),{setOptions:u}=B(p),r=g(!0),i=h({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"],timeList:[90,128,242,120,186,77,148]}),s=h({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}),c=()=>[{title:"日期",key:"createTime"},{title:"练习人数",key:"quantityNum",render(n){return t("span",null,[n.quantityNum,e("人")])}},{title:"平均练习时长(分钟)",key:"submitNum",render(n){return t("span",null,[n.submitNum,e("分钟")])}}],o=async()=>{try{const n=await L({...I(m.timer,["startTime","endTime"],"YYYY-MM-DD")})}catch(n){console.log(n)}};T({getList:o});const D=()=>{u({tooltip:{trigger:"axis",axisPointer:{type:"none"}},legend:{show:!1,selected:{"练习时长(分钟)":r.value}},xAxis:{type:"category",boundaryGap:!0,axisLabel:{show:!0,interval:0},data:i.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:i.timeList,type:"bar",barWidth:"48px",label:{show:!0,position:"top",color:"#333",fontSize:"12px",fontWeight:600},itemStyle:{normal:{barBorderRadius:[8,8,0,0],color:"#D5E9FF"},emphasis:{color:"#3583FA"}}}],formatter:n=>Array.isArray(n)?[n[0].axisValueLabel,...n.map(y=>`<br/>${y.marker}<span style="margin-top:10px;margin-left:5px;font-size: 13px;font-weight: 500;
  4. color: #131415;font-weight: 600;
  5. margin-top:12px
  6. line-height: 18px;">练习时长: ${y.value}分钟 </span>`)].join(""):n})};return w(()=>{o(),D()}),()=>t(A,null,[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},[t("span",null,[t(d,{from:0,to:32},null)]),e("人")]),t("p",{class:a.TrainDataItemsubTitle},[e("练习人数")])]),t("div",{class:a.TrainDataItem},[t("p",{class:a.TrainDataItemTitle},[t("span",null,[t(d,{from:0,to:32},null)]),e("分钟")]),t("p",{class:a.TrainDataItemsubTitle},[e("平均练习时长")])])]),t("div",{class:a.TrainDataTopRight},[t("div",{class:[a.DataTopRightItem,r.value?"":a.DataTopRightItemDis]},[t("div",{class:[a.DataTopRightDot,a.DataTopRightDotBlue]},null),t("p",null,[e("练习时长(分钟)")])])])]),t("div",{class:a.chatrs},[t("div",{ref:p,style:{height:i.height,width:i.width}},null)]),t("div",{class:a.tableWrap},[t(R,{class:a.classTable,loading:s.loading,columns:c(),data:s.tableList},null),t(C,{page:s.pagination.page,"onUpdate:page":n=>s.pagination.page=n,pageSize:s.pagination.rows,"onUpdate:pageSize":n=>s.pagination.rows=n,pageTotal:s.pagination.pageTotal,"onUpdate:pageTotal":n=>s.pagination.pageTotal=n,onList:o,sync:!0,saveKey:"orchestraRegistration-key"},null)])])])}}),K=f({name:"student-studentList",props:{timer:{type:Array,defaut:()=>[]}},setup(m,{emit:T,expose:p}){const u=h({searchWord:"",orchestraType:null,courseTypeCode:null,subjectId:null,classId:null,studentType:null,loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[{studentName:"胡小小",phone:"17625367893",trainNum:"49",trainDay:"9",averageNum:"35"},{studentName:"丁曼蓉",phone:"14677789334",trainNum:"49",trainDay:"9",averageNum:"35"},{studentName:"李书意",phone:"13467857893",trainNum:"49",trainDay:"9",averageNum:"35"},{studentName:"夏小满",phone:"13925367893",trainNum:"49",trainDay:"9",averageNum:"35"}]}),r=()=>{console.log("getList")};p({getList:r});const i=()=>[{title:"姓名",key:"studentName"},{title:"练习天数",key:"trainDay",render(s){return t("span",null,[s.trainDay,e("天")])}},{title:"练习总时长",key:"trainNum",render(s){return t("span",null,[s.trainNum,e("分钟")])}},{title:"平均练习时长",key:"averageNum",render(s){return t("span",null,[s.averageNum,e("分钟")])}}];return()=>t("div",{class:a.listWrap},[t("div",{class:a.tableWrap},[t(R,{class:a.classTable,loading:u.loading,columns:i(),data:u.tableList},null),t(C,{page:u.pagination.page,"onUpdate:page":s=>u.pagination.page=s,pageSize:u.pagination.rows,"onUpdate:pageSize":s=>u.pagination.rows=s,pageTotal:u.pagination.pageTotal,"onUpdate:pageTotal":s=>u.pagination.pageTotal=s,onList:r,sync:!0,saveKey:"orchestraRegistration-key"},null)])])}}),at=f({name:"data-module",setup(){const m=g("attendclass"),T=F();q(i=>{i.form.tabName&&(m.value=i.form.tabName)});const p=i=>{z(i,"tabName",T)},u=g([U(new Date().getTime()),_(new Date().getTime())]),r=i=>{console.log("监听改变",i)};return()=>t("div",null,[t("div",{class:b.listWrap},[t(S,{"onUpdate:value":[i=>p(i),i=>m.value=i],class:b.customTabs,value:m.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(N,{name:"training ",tab:"训练统计"},{default:()=>[t($,{timer:u.value},null)]}),t(N,{name:"practice",tab:"练习数据"},{default:()=>[t(M,{timer:u.value},null)]}),t(N,{name:"ranking",tab:"练习排行"},{default:()=>[t(K,{timer:u.value},null)]})],suffix:()=>t(A,null,[t("div",{class:b.homeStudyInfoDate},[t(k,null,{default:()=>[t(W,{separator:"-",type:"daterange",onUpdateValue:r,timerValue:u.value},null),t(x,{type:"primary",class:b.searchBtn},{default:()=>[e("搜索")]}),t(x,{type:"primary",ghost:!0,class:b.resetBtn},{default:()=>[e("重置")]})]})])])})])])}});export{at as default};