NewEduCoderBuild/p__Classrooms__Lists__Statistics__VideoStatistics__index.async.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[48689],{11475:function(e,n,t){t.d(n,{Z:function(){return r}});var a=t(87462),s=t(67294),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z"}}]},name:"exclamation-circle",theme:"outlined"},i=t(43387),o=function(e,n){return s.createElement(i.Z,(0,a.Z)({},e,{ref:n,icon:l}))};var r=s.forwardRef(o)},83307:function(e,n,t){t.r(n),t.d(n,{default:function(){return J}});var a=t(42122),s=t.n(a),l=t(27424),i=t.n(l),o=t(67294),r=t(27484),d=t.n(r),c=t(88275),u=t(45741),p=t(71230),f=t(15746),v=t(68508),x=t(57953),h=t(50976),m="bg___MufvV",g="containerTitle___WTmxf",_="menus___OTYkk",j=t(82982),b=t(17061),y=t.n(b),k=t(17156),Z=t.n(k),S=t(861),w=t.n(S),N=t(96101),I=t(71577),P=t(96074),C=t(76661),F=t(34435),L=t(84519),T=t(31420),z=t(29427),D=t(12034),E=t(85893);var A=(0,c.connect)((function(e){return{user:e.user,teachers:e.teachers}}))((function(e){e.user;var n=e.dispatch,t=e.teachers,a=(0,c.useParams)(),s=(0,o.useState)(),l=i()(s,2),r=l[0],d=l[1],u=(0,o.useState)(),p=i()(u,2),f=p[0],v=p[1],x=(0,o.useState)(-1),h=i()(x,2),m=h[0],g=h[1];(0,o.useEffect)((function(){b(1,-1),n({type:"teachers/getAllCourseGroups",payload:{coursesId:null==a?void 0:a.coursesId,id:null==a?void 0:a.coursesId,page:1,limit:2e3}})}),[]);var _=(0,o.useMemo)((function(){var e,n=(t||{}).allCourseGroups,a=(null==n||null===(e=n.course_groups)||void 0===e?void 0:e.map((function(e){return{label:null==e?void 0:e.name,value:null==e?void 0:e.id}})))||[];return[{label:"全部",value:-1},{label:"未分班",value:0}].concat(w()(a))}),[t]);function b(e){return k.apply(this,arguments)}function k(){return k=Z()(y()().mark((function e(n){var t,s,l=arguments;return y()().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=l.length>1&&void 0!==l[1]?l[1]:-1,v(n),e.next=4,(0,L.ZP)("/api/courses/".concat(null==a?void 0:a.coursesId,"/video_study_statics.json"),{method:"get",params:{page:n,per_page:10,course_id:null==a?void 0:a.coursesId,course_group_id:t}});case 4:(s=e.sent)&&d(s);case 6:case"end":return e.stop()}}),e)}))),k.apply(this,arguments)}var S=[{title:"姓名",dataIndex:"user_name",align:"center",fixed:"left",render:function(e,n,t){return(0,E.jsx)("span",{children:e})}},{title:"学号",dataIndex:"student_id",align:"center"},{title:"学习视频数",align:"center",dataIndex:"num",render:function(e){return(0,E.jsx)("span",{className:"c-black",children:e})}},{title:"班级",align:"center",dataIndex:"course_group_name"},{title:"累计学习时长",align:"center",dataIndex:"total_duration",render:function(e){return(0,E.jsx)("span",{className:"c-black",children:(0,z.li)(parseInt(e))||"--"})}},{title:"平均学习完成度",align:"center",dataIndex:"rate",render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e?e+"%":"0%"})}},{title:"开始学习时间",align:"center",dataIndex:"start_at",render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||"--"})}},{title:"最后学习时间",align:"center",dataIndex:"end_at",render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||"--"})}},{title:"操作",align:"center",fixed:"right",dataIndex:"course_group_name",render:function(e,n){return(0,E.jsx)(c.Link,{to:"/classrooms/".concat(null==a?void 0:a.coursesId,"/video_statistics/").concat(null==a?void 0:a.categoryId,"/Student/").concat(null==n?void 0:n.user_id),children:"详情"})}}].filter((function(e){return!!e}));return(0,E.jsxs)("div",{className:T.Z.divback,children:[(0,E.jsxs)("div",{className:T.Z.title,children:[(0,E.jsx)("span",{children:"学生视频学习情况"}),(0,E.jsxs)("div",{children:[(0,E.jsx)(N.Z,{options:_,style:{width:120},value:m,onChange:function(e){b(1,e),g(e)}}),(0,E.jsx)(I.ZP,{onClick:function(){(0,D.o6)({coursesId:null==a?void 0:a.coursesId,course_group_id:m})},children:"导出"})]})]}),(0,E.jsx)(P.Z,{className:T.Z.divstyle}),0===(null==r?void 0:r.count)&&(0,E.jsx)(j.Z,{}),(null==r?void 0:r.count)>0&&(0,E.jsxs)("aside",{className:"pl20 pr20",children:[(0,E.jsx)(C.Z,{dataSource:null==r?void 0:r.student,pagination:!1,columns:S,className:T.Z.studentListTable,scroll:{x:"max-content"}}),(0,E.jsx)("aside",{className:"tc mb50 mt30 mb20",children:(0,E.jsx)(F.Z,{hideOnSinglePage:!0,showSizeChanger:!1,onChange:function(e,n){b(e,m)},current:f||1,defaultPageSize:10,total:null==r?void 0:r.count})})]})]})})),M=t(83062),O=t(11475),B="titlespan____R13n",R="overcount___lL5cq",V="porgress___gDrMg",W="span1___f69rM",G="span2___iQmg1",K="color_20___EpSKJ",Y="color_10___nmu4d";d().locale("zh-cn");var q=(0,c.connect)((function(e){var n=e.classroomList,t=e.loading;return{classroomList:n,globalSetting:e.globalSetting,loading:t,video:e.video}}))((function(e){var n=e.sendToData,t=(e.classroomList,e.globalSetting,e.video,e.loading,e.dispatch,(0,o.useState)(s()(s()({},(0,c.useParams)()),{},{page:1}))),a=i()(t,2),l=a[0],r=(a[1],(0,o.useState)([{name:"未开启",count:"学生未开启率（取教学课堂内所有已截止的课程实验的平均值）",isred:!0,passed:0},{name:"未通关",count:"学生未通关率（取教学课堂内所有已截止的课程实验的平均值）",isred:!0,passed:0},{name:"按时通关",count:"学生按时通关率（取教学课堂内所有已截止的课程实验的平均值）",isred:!0,passed:0},{name:"迟交通关",count:"学生迟交通关率（取教学课堂内所有已截止的课程实验的平均值）",isred:!0,passed:0}])),d=i()(r,2),u=d[0],p=d[1],f=(0,o.useState)({legendData:["优秀","良好","及格","不及格","未开启"],selected:[{"优秀":!1,"良好":!1,"及格":!1,"不及格":!1,"未开启":!1}],seriesData:[{name:"优秀",value:0},{name:"良好",value:0},{name:"及格",value:0},{name:"不及格",value:0},{name:"未开启",value:0}]}),v=i()(f,2),x=v[0],m=v[1],g=(0,o.useState)(),_=i()(g,2),b=_[0],k=_[1],S=(0,o.useState)(),I=i()(S,2),F=I[0],T=I[1],z=(0,o.useRef)();function D(){return(D=Z()(y()().mark((function e(){var t,a,i,o;return y()().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,L.ZP)("/api/courses/".concat(l.coursesId,"/shixun_homework_statics.json"),{method:"get"});case 2:t=e.sent,n(t),0===(null==t?void 0:t.status)&&(null==u||u.map((function(e){var n,a,s,l,i,o,r,d;switch(null==e?void 0:e.name){case"未开启":e.passed=parseFloat((100*(null==t||null===(n=t.data.overall_info)||void 0===n?void 0:n.unopen)).toPrecision(12)),e.isred=parseFloat((100*(null==t||null===(a=t.data.overall_info)||void 0===a?void 0:a.unopen)).toPrecision(12))>20;break;case"未通关":e.passed=parseFloat((100*(null==t||null===(s=t.data.overall_info)||void 0===s?void 0:s.failed)).toPrecision(12)),e.isred=parseFloat((100*(null==t||null===(l=t.data.overall_info)||void 0===l?void 0:l.failed)).toPrecision(12))>20;break;case"按时通关":e.passed=parseFloat((100*(null==t||null===(i=t.data.overall_info)||void 0===i?void 0:i.passed)).toPrecision(12)),e.isred=parseFloat((100*(null==t||null===(o=t.data.overall_info)||void 0===o?void 0:o.passed)).toPrecision(12))<20;break;case"迟交通关":e.passed=parseFloat((100*(null==t||null===(r=t.data.overall_info)||void 0===r?void 0:r.late)).toPrecision(12)),e.isred=parseFloat((100*(null==t||null===(d=t.data.overall_info)||void 0===d?void 0:d.late)).toPrecision(12))>20}})),p(w()(u)),console.log("titletag",u),k(null==t||null===(a=t.data)||void 0===a?void 0:a.homework_info),T(null==t||null===(i=t.data)||void 0===i?void 0:i.homework_score_info),null==x||null===(o=x.seriesData)||void 0===o||o.map((function(e){var n,a,s,l,i;switch(null==e?void 0:e.name){case"优秀":e.value=parseFloat((100*(null==t||null===(n=t.data.score_info)||void 0===n?void 0:n.excellent_rate)).toPrecision(12)),A("优秀",e.value);break;case"良好":e.value=parseFloat((100*(null==t||null===(a=t.data.score_info)||void 0===a?void 0:a.good_rate)).toPrecision(12)),A("良好",e.value);break;case"及格":e.value=parseFloat((100*(null==t||null===(s=t.data.score_info)||void 0===s?void 0:s.pass_rate)).toPrecision(12)),A("及格",e.value);break;case"不及格":e.value=parseFloat((100*(null==t||null===(l=t.data.score_info)||void 0===l?void 0:l.failed_rate)).toPrecision(12)),A("不及格",e.value);break;case"未开启":e.value=parseFloat((100*(null==t||null===(i=t.data.score_info)||void 0===i?void 0:i.not_submitted_rate)).toPrecision(12)),A("未开启",e.value)}})),m(s()({},x)));case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function A(e,n){var t;null==x||null===(t=x.selected)||void 0===t||t.map((function(t,a){switch(e){case"优秀":t.优秀=n>0;break;case"良好":t.良好=n>0;break;case"及格":t.及格=n>0;break;case"不及格":t.不及格=n>0;break;case"未开启":t.未开启=n>0}}))}(0,o.useEffect)((function(){!function(){D.apply(this,arguments)}()}),[l.categoryId]),console.log("params",l),(0,o.useEffect)((function(){z.current&&z.current.getEchartsInstance().setOption(q())}),[x]);var q=function(){return x?{title:{left:"center"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{type:"scroll",orient:"vertical",right:10,top:20,bottom:20,data:x.legendData,selected:x.selected[0]},color:["#1989FA","#36CBCB","#975FE5","#FCD84A","#FE7777"],series:[{name:"",type:"pie",radius:"55%",center:["40%","50%"],data:x.seriesData,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]}:{}},J=[{title:"课程实验名称",dataIndex:"homework_name",align:"center",width:180,render:function(e,n,t){return(0,E.jsx)("span",{style:{color:"#666666"},children:e})}},{title:"关卡数",align:"center",dataIndex:"challenge_count",sorter:function(e,n){return e.challenge_count-n.challenge_count},render:function(e){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"通关人数",align:"center",dataIndex:"passed_count",sorter:function(e,n){return e.passed_count-n.passed_count},render:function(e){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"优秀",align:"center",dataIndex:"excellent",sorter:function(e,n){return e.excellent-n.excellent},render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"良好",align:"center",dataIndex:"good",sorter:function(e,n){return e.good-n.good},render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"及格",align:"center",dataIndex:"pass",sorter:function(e,n){return e.pass-n.pass},render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"不及格",align:"center",dataIndex:"failed",sorter:function(e,n){return e.failed-n.failed},render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||0})}},{title:"未开始",align:"center",dataIndex:"not_submitted",sorter:function(e,n){return e.not_submitted-n.not_submitted},render:function(e,n){return(0,E.jsx)("span",{className:"c-black",children:e||0})}}].filter((function(e){return!!e}));return(0,E.jsxs)("div",{children:[(0,E.jsx)("div",{style:{display:"flex",height:"180px",marginTop:"10px",background:"#ffffff"},children:null==u?void 0:u.map((function(e,n){return(0,E.jsxs)("div",{className:B,children:[(0,E.jsxs)("span",{style:{color:e.isred?"red":"#1989FA",fontSize:"34px"},children:[e.passed||0," %"]}),(0,E.jsxs)("p",{style:{marginTop:"30px"},children:[e.name," ",(0,E.jsx)(M.Z,{placement:"bottom",title:e.count,children:(0,E.jsx)(O.Z,{})})]})]})}))}),(0,E.jsxs)("div",{style:{marginTop:"20px",background:"#ffffff",padding:"10px 20px"},children:[(0,E.jsxs)("div",{style:{fontSize:"16px",display:"flex",marginTop:"14px"},children:[(0,E.jsx)("span",{style:{flex:"1"},children:"实训通关率排行"}),"排序：",(0,E.jsxs)(N.Z,{style:{width:"100px"},defaultValue:"jack",onChange:function(e){"jack"===e?b.sort((function(e,n){return n.passed-e.passed})):b.sort((function(e,n){return e.passed-n.passed})),k(w()(b))},children:[(0,E.jsx)(N.Z.Option,{value:"jack",children:"从高到低"}),(0,E.jsx)(N.Z.Option,{value:"lucy",children:"从低到高"})]})]}),(0,E.jsx)(P.Z,{}),(0,E.jsxs)("div",{className:(null==b?void 0:b.length)>10?R:"",children:[(null==b?void 0:b.length)<=0&&(0,E.jsx)(j.Z,{}),null==b?void 0:b.map((function(e,n){return(0,E.jsxs)("div",{className:V,children:[(0,E.jsxs)("span",{className:W,children:[n+1," ",(0,E.jsxs)(c.Link,{to:"/classrooms/".concat(null==l?void 0:l.coursesId,"/shixun_homework/").concat(null==e?void 0:e.homework_id,"/detail?tabs=0"),children:[" ",(0,E.jsx)(M.Z,{title:null==e?void 0:e.homework_name,children:null==e?void 0:e.homework_name})," "]})]}),(0,E.jsxs)("div",{style:{display:"flex"},children:[(0,E.jsx)("span",{className:100*(null==e?void 0:e.passed)>20?K:Y,style:{width:"".concat(100*(null==e?void 0:e.passed),"%"),display:"flex",height:"40px"}}),(0,E.jsxs)("span",{className:G,style:{color:100*(null==e?void 0:e.passed)>20?"#1989FA":"#E92216"},children:[parseFloat((100*(null==e?void 0:e.passed)).toPrecision(12))," %"]})]})]})}))]}),(0,E.jsxs)("div",{style:{marginTop:"40px",marginBottom:"20px"},children:[null==b?void 0:b.filter((function(e){return(null==e?void 0:e.passed)<.21})).map((function(e,n){var t;if(!(n>4))return(0,E.jsxs)(c.Link,{to:"/classrooms/".concat(null==l?void 0:l.coursesId,"/shixun_homework/").concat(null==e?void 0:e.homework_id,"/detail?tabs=0"),children:[null==e?void 0:e.homework_name,(null==b||null===(t=b.filter((function(e){return(null==e?void 0:e.passed)<.21})))||void 0===t?void 0:t.length)===n+1?"":n+1===5?"...":"、"]})})),(null==b?void 0:b.filter((function(e){return(null==e?void 0:e.passed)<.21})).length)>0&&"共".concat(null==b?void 0:b.filter((function(e){return(null==e?void 0:e.passed)<.21})).length,"个课程实验学生的通关率低于20%，说明学生对相关知识点掌握比较薄弱。建议要求学生加强相关知识点的练习。")]})]}),(0,E.jsxs)("div",{style:{marginTop:"20px",background:"#ffffff",padding:"10px 20px"},children:[(0,E.jsxs)("span",{style:{fontSize:"16px",marginRight:"20px",display:"flex",marginTop:"14px"},children:["实训成绩分布 ",(0,E.jsx)(M.Z,{placement:"bottom",title:"实训成绩分布（取教学课堂内所有已截止的课程实验的平均值）",children:(0,E.jsx)(O.Z,{style:{marginLeft:"5px",marginTop:"4px"}})})]}),(0,E.jsx)(P.Z,{}),(0,E.jsx)(h.Z,{option:q(),ref:z,lazyUpdate:!0,notMerge:!0,style:{height:470,width:876},opts:{renderer:"svg"}})]}),(0,E.jsxs)("div",{style:{marginTop:"20px",background:"#ffffff",padding:"10px 20px"},children:[(0,E.jsx)("span",{style:{fontSize:"16px",display:"flex",marginTop:"14px"},children:"实训成绩分布详情 "}),(0,E.jsx)(P.Z,{}),(0,E.jsx)(C.Z,{columns:J,dataSource:F,pagination:{size:"default",hideOnSinglePage:!1,showSizeChanger:!0}})]})]})}));d().locale("zh-cn");var J=(0,c.connect)((function(e){var n=e.classroomList,t=e.loading;return{classroomList:n,globalSetting:e.globalSetting,loading:t,video:e.video}}))((function(e){var n,t,a,l,r=e.classroomList,d=(e.globalSetting,e.video),b=(e.loading,e.dispatch),y=(0,o.useState)(s()(s()({},(0,c.useParams)()),{},{page:1})),k=i()(y,2),Z=k[0],S=(k[1],r.detailCourseStatisticsList),w=(r.detailCourseGroupsList,r.detailCourseWorkscore,r.detailCourseActscore,r.detailLeftMenus),N=d.videoPeopleStatics,I=d.videoDurationStatics,P=u.Z.RangePicker,C=(0,o.useState)([]),F=i()(C,2),L=F[0],T=F[1],z=(S.top_scores,(0,o.useState)([])),D=i()(z,2),M=(D[0],D[1],(0,o.useState)("1")),O=i()(M,2),B=(O[0],O[1],(0,o.useState)(!1)),R=i()(B,2),V=(R[0],R[1],(0,o.useState)()),W=i()(V,2),G=(W[0],W[1],(0,o.useState)(!1)),K=i()(G,2),Y=(K[0],K[1],(0,o.useState)([])),J=i()(Y,2),Q=J[0],U=J[1],X=(0,o.useState)(!0),H=i()(X,2),$=H[0],ee=H[1],ne=(0,o.useState)("1"),te=i()(ne,2),ae=te[0],se=te[1],le=(0,o.useState)({course_id:Z.coursesId}),ie=i()(le,2),oe=ie[0],re=ie[1];Z.id=Z.coursesId,Z.course_group_id=0,Z.sort="desc",Z.limit=20,w.course_modules&&r.detailLeftMenus.course_modules.filter((function(e){return"board"===e.type}))[0],(0,o.useEffect)((function(){b({type:"video/getVideoDurationStatics",payload:{course_id:Z.coursesId}})}),[Z.categoryId]),(0,o.useEffect)((function(){ce()}),[oe]);var de,ce=function(){b({type:"video/getVideoPeopleStatics",payload:s()({},oe)})},ue=function(e){0===(null==e?void 0:e.status)&&0===Q.length&&(ee(!1),U([null==e?void 0:e.shixuns_count,null==e?void 0:e.video_count]),null!=e&&e.shixuns_count||null==e||!e.video_count||se("0"))};return console.log(Q,!!Q.length,!Q.every((function(e){return!e})),444),(0,E.jsxs)("section",{children:[(0,E.jsxs)("aside",{className:m,children:[(0,E.jsx)("div",{className:g,children:(0,E.jsx)("div",{className:"font16",children:"学情分析"})}),!!Q.length&&Q.some((function(e){return!!e}))&&(0,E.jsxs)(p.Z,{className:_,align:"middle",children:[(0,E.jsx)(f.Z,{flex:"1",children:(0,E.jsx)(v.Z,{className:"blod font16",mode:"horizontal",onClick:function(e){se(e.key)},style:{margin:"0 18px"},defaultSelectedKeys:["1"],children:[{name:"课程实验",id:"1"},{name:"视频",id:"0"}].map((function(e,n){return Q[n]?(0,E.jsx)(v.Z.Item,{className:"font16",style:{padding:"0 0 12px 0 ",margin:"0 15px"},children:e.name},e.id):null}))})}),(0,E.jsx)(f.Z,{flex:"220px"})]})]}),0===Q.length||Q.every((function(e){return!e}))?(0,E.jsxs)(E.Fragment,{children:[$?(0,E.jsx)(x.Z,{style:{width:"100%",marginTop:150}}):(0,E.jsx)(j.Z,{}),(0,E.jsx)("div",{style:{display:"none"},children:(0,E.jsx)(q,{sendToData:ue})})]}):(0,E.jsx)(E.Fragment,{children:0===parseInt(ae)?(0,E.jsxs)("div",{children:[(0,E.jsxs)("aside",{className:"c-grey-999 mt20 mb20",children:[(0,E.jsx)("i",{className:"iconfont icon-tishi3 mr3 font20",style:{color:"#0152d9"}}),"视频学习情况仅针对教师上传到本平台的视频，外链视频不在统计范围内。"]}),(0,E.jsxs)("aside",{className:"mt20 bg-white  inline-block w100",children:[(0,E.jsxs)(p.Z,{className:"pt30 pl40 pr40",children:[(0,E.jsx)(f.Z,{flex:"1",children:(0,E.jsx)("span",{className:"font18",children:"视频学习人数变化"})}),(0,E.jsx)(f.Z,{children:(0,E.jsx)(P,{allowClear:!0,disabledDate:function(e){if(!L||0===L.length)return!1;var n=L[0]&&e.diff(L[0],"days")>30;return L[1]&&L[1].diff(e,"days")>30||n},onCalendarChange:function(e){T(e)},onChange:function(e,n){n[0]?(oe.start_at=n[0],oe.end_at=n[1]):(delete oe.start_at,delete oe.end_at),re(s()({},oe))}})})]}),!(null==N||null===(n=N.data)||void 0===n||!n.length)&&(0,E.jsx)(h.Z,{option:null!=N&&N.data?{tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c}人"},xAxis:{type:"category",name:"日期",splitLine:{show:!0},data:null==N?void 0:N.data.map((function(e){return e[0]}))},grid:{left:"3%",right:"8%",bottom:"13%",containLabel:!0},yAxis:{name:"人数",minorTick:{show:!0},minorSplitLine:{show:!0}},series:[{name:"日期",type:"line",smooth:!0,data:null==N?void 0:N.data.map((function(e){return e[1]}))}]}:{},style:{height:470,width:966},opts:{renderer:"svg"}}),!(null!=N&&null!==(t=N.data)&&void 0!==t&&t.length)&&(0,E.jsx)(j.Z,{})]}),(0,E.jsxs)("aside",{className:"mt20 bg-white pr30 inline-block w100",children:[(0,E.jsxs)(p.Z,{className:"pt30 pl40 pr40",children:[(0,E.jsx)(f.Z,{children:(0,E.jsx)("span",{className:"font18",children:"视频学习时长情况"})}),(0,E.jsx)(f.Z,{})]}),!(null!=I&&null!==(a=I.data)&&void 0!==a&&a.every((function(e){return 0===e[1]})))&&(0,E.jsx)(h.Z,{option:null!=N&&N.data?{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"8%",bottom:"3%",containLabel:!0},xAxis:[{name:"学习时长",type:"category",data:["10分钟内","10-30分钟","30分钟-1小时","1小时-2小时","2小时以上"],axisTick:{alignWithLabel:!0}}],yAxis:[{name:"人数",type:"value"}],series:[{name:"人数",type:"bar",barWidth:"60%",data:null==I||null===(de=I.data)||void 0===de?void 0:de.map((function(e){return e[1]}))}]}:{},style:{height:470,width:936},opts:{renderer:"svg"}}),(null==I||null===(l=I.data)||void 0===l?void 0:l.every((function(e){return 0===e[1]})))&&(0,E.jsx)(j.Z,{})]}),(0,E.jsx)("aside",{className:"mt20",children:(0,E.jsx)(A,{})})]}):(0,E.jsx)(q,{sendToData:ue})})]})}))},31420:function(e,n){n.Z={divback:"divback___ntOaK",title:"title___YscwY",divstyle:"divstyle___ZqCpS",studentListTable:"studentListTable___Ft0kg"}}}]);