|
|
(this.webpackJsonp=this.webpackJsonp||[]).push([[161],{F17L:function(e,t,a){},TeZe:function(e,t,a){"use strict";a.r(t);a("+SM3");var n=a("SE39"),r=(a("sbOf"),a("spxj")),c=(a("bqBU"),a("4OHk")),i=(a("F17L"),a("xwgP")),l=a.n(i),o=a("BS6i"),s=function(e){var t=e.count,a=void 0===t?0:t,r=e.txt,c=e.type,i=void 0===c?"tishi1":c,s=e.desc,u="iconfont icon-".concat(i," icon");return l.a.createElement("div",{className:"static-flex-item"},l.a.createElement("span",{className:"item-count"},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0,0";return o(e).format(t)}(a)),l.a.createElement("span",{className:"item-txt"},r,l.a.createElement(n.a,{placement:"bottom",title:s,overlayClassName:"tool-clazz"},l.a.createElement("span",{className:u}))))},u=(a("72Pr"),a("O4+N")),m=a("fK+4"),d=a.n(m);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var h=function(e){var t=e.columns,a=e.datas,n=e.fetchData,r=e.total,c=e.paginationProps,o=e.handleTableChange,s=Object(i.useRef)(null),m=f(Object(i.useState)(!1),2),p=m[0];m[1];return Object(i.useEffect)((function(){var e=d.a.findDOMNode(s).querySelector(".ant-table-body"),t=0,a=!1;e.addEventListener("scroll",(function(){if(0===e.scrollTop&&(t=0),t!==e.scrollTop){var r=t>=e.scrollHeight-e.clientHeight-40;if(a&&r)return;a=t<e.scrollTop&&r,t=e.scrollTop,a&&n&&n()}}))}),[]),l.a.createElement(u.a,{className:"static_table",rowKey:function(e){return e.id},columns:t,dataSource:a,loading:p,ref:function(e){return s=e},footer:r?function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.course_count,a=e.student_count,n=e.choice_shixun_num,r=e.choice_shixun_frequency,c=e.total;return e?l.a.createElement("ul",{className:"footer_list"},l.a.createElement("li",{className:"footer_item footer-total"},"总计"),l.a.createElement("li",{className:"footer_name"},c||"-"),l.a.createElement("li",{className:"footer_item"},t||"-"),l.a.createElement("li",{className:"footer_item"},a||"-"),l.a.createElement("li",{className:"footer_item"},n||"-"),l.a.createElement("li",{className:"footer_item"},r||"-")):""}(r)}:"",pagination:c,onChange:o})},v=(a("N452"),a("Wyac")),y=(a("Y5Ue"),a("xc0u")),g=(a("97dn"),a("OV+i")),b=a("jMyQ"),E=a.n(b),x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:e,axisTick:{alignWithLabel:!0}}],yAxis:[{nameTextStyle:{padding:[0,0,0,40]},minInterval:1,name:" 访问量（人数）",type:"value"}],series:[{name:" 访问量（人数）",type:"bar",barWidth:"60%",data:t}]}},_=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},xAxis:{type:"category",data:e},yAxis:{name:"时长（分钟）",type:"value"},series:[{name:" 时长（分钟）",data:t,type:"line"}]}},w=function(e){var t=e.names,a=void 0===t?[]:t,n=e.values;return{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:a,axisTick:{alignWithLabel:!0},axisLabel:{interval:0,rotate:"45"}}],yAxis:[{name:"人数",type:"value"}],series:[{name:"人数",type:"bar",barWidth:"60%",data:void 0===n?[]:n}]}},N=a("yq+b"),j=a.n(N);function O(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var S=1,A=2,I=3,k=4,T=function(e){var t;return(O(t={},S,[j()().subtract(1,"w"),j()()]),O(t,A,[j()().subtract(1,"M"),j()()]),O(t,I,[j()().subtract(3,"M"),j()()]),O(t,k,[j()().subtract(6,"M"),j()()]),t)[e]},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=e.map((function(e){return"".concat(e.num&&e.num[0],"-").concat(e.num&&e.num[1],"次")})),a=e.map((function(e){return e.count}));return{names:t,values:a}},P=function(e){var t={1:"初级",2:"中级",3:"中高级",4:"高级"},a=[];return delete e.total,Object.keys(e).forEach((function(n){a.push({value:e[n],name:t[n]})})),a},D=a("91MD"),L=a.n(D);function M(e,t,a,n,r,c,i){try{var l=e[c](i),o=l.value}catch(e){return void a(e)}l.done?t(o):Promise.resolve(o).then(n,r)}function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return B(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return B(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var W=g.a.RangePicker,R=function(e){var t=e.selectKey,a=Y(Object(i.useState)(!1),2),r=a[0],o=a[1],s=Y(Object(i.useState)(),2),u=s[0],m=s[1],d=Y(Object(i.useState)(A),2),f=d[0],p=d[1],h=Y(Object(i.useState)({}),2),g=h[0],b=h[1],N=Y(Object(i.useState)({}),2),O=N[0],P=N[1],D=Object(i.useRef)();Object(i.useEffect)((function(){D.current=window.location.pathname.split("/")[2],"2"===t&&(g.time=T(f),b(g),m(g.time),B(g))}),[t]);var B=function(){var e,t=(e=regeneratorRuntime.mark((function e(t){var a,n;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a="/paths/".concat(D.current,"/learning_analyze.json"),o(!0),e.next=4,L.a.get(a,{params:{start_at:t.time&&t.time[0]&&j()(t.time[0]).format("YYYY-MM-DD"),end_at:t.time&&t.time[1]&&j()(t.time[1]).format("YYYY-MM-DD")}});case 4:n=e.sent,o(!1),n&&n.data&&P(n.data||{});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,a=arguments;return new Promise((function(n,r){var c=e.apply(t,a);function i(e){M(c,n,r,i,l,"next",e)}function l(e){M(c,n,r,i,l,"throw",e)}i(void 0)}))});return function(e){return t.apply(this,arguments)}}(),R=function(e){p(e),g.time=T(e),b(g),m(g.time)};return l.a.createElement(v.a,{spinning:r},l.a.createElement("div",{className:"path-static-learn"},l.a.createElement("div",{className:"head"},l.a.createElement("span",null,"起止时间"),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(f===S?"circleActive":""),onClick:function(){return R(S)}},"近1周 ")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(f===A?"circleActive":""),onClick:function(){return R(A)}},"近1月")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(f===I?"circleActive":""),onClick:function(){return R(I)}},"近3月")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(f===k?"circleActive":""),onClick:function(){return R(k)}},"近6月")),l.a.createElement(W,{className:"ml20",value:u,disabledDate:function(e){return e&&e>j()().endOf("day")},onChange:function(e,t){p(null),m(e),g.time=e,b(g)}}),l.a.createElement(y.a,{className:"ml20",type:"primary",onClick:function(){B(g)}},"确定")),l.a.createElement("div",{className:"echartWrap"},O.visit&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"课程访问人数统计")),l.a.createElement(E.a,{option:x(Object.keys(O.visit),Object.values(O.visit)),style:{height:400,width:600},opts:{renderer:"svg"}})),O.shixun_time&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"学生学习时长统计")),l.a.createElement(E.a,{option:_(Object.keys(O.shixun_time),Object.values(O.shixun_time)),style:{height:400,width:600},opts:{renderer:"svg"}})),O.average_pass_num&&O.average_pass_num.columns&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("div",null,"平均评测次数分布图（单位：人）",l.a.createElement(n.a,{placement:"bottom",title:l.a.createElement("div",null,"本图需要学生至少通关一个关",l.a.createElement("br",null),"卡，所以本图学生人数之和《本",l.a.createElement("br",null),"课程学习总人数")},l.a.createElement(c.a,{type:"exclamation-circle",className:"current"}))),l.a.createElement("div",{className:"font14"},"本图以学生的每关评测次数的平均值为统计维度，给出所有学生的平均评测次数分布状态。"),l.a.createElement("div",{className:"font14"},"当前平均评测次数最小值：",l.a.createElement("span",{className:"color009"},"1.3次"),"，最大值：",l.a.createElement("span",{className:"color009"},"20.4次"),"，中位数：",l.a.createElement("span",{className:"color009"},"9.0次"))),l.a.createElement(E.a,{option:w(C(O.average_pass_num&&O.average_pass_num.columns)),style:{height:400,width:600},opts:{renderer:"svg"}})))))},z=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:e,axisTick:{alignWithLabel:!0},axisLabel:{interval:0,rotate:"45"}}],yAxis:[{name:"学习人数",type:"value"}],series:[{name:"学习人数",type:"bar",barWidth:"60%",data:t}]}},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:e,axisTick:{alignWithLabel:!0},axisLabel:{interval:0,rotate:"45"}}],yAxis:[{name:"通关人数",type:"value"}],series:[{name:"通关人数",type:"bar",barWidth:"60%",data:t}]}},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:e,axisTick:{alignWithLabel:!0},axisLabel:{interval:0,rotate:"45"}}],yAxis:[{nameTextStyle:{padding:[0,0,0,40]},name:"平均学习时长（分钟）",type:"value"}],series:[{name:"平均学习时长（分钟）",type:"bar",barWidth:"60%",data:t}]}};function q(e,t,a,n,r,c,i){try{var l=e[c](i),o=l.value}catch(e){return void a(e)}l.done?t(o):Promise.resolve(o).then(n,r)}function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return $(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var F,J=g.a.RangePicker,Q=function(e){var t=e.selectKey,a=H(Object(i.useState)(!1),2),n=a[0],r=a[1],c=H(Object(i.useState)(),2),o=c[0],s=c[1],u=H(Object(i.useState)(A),2),m=u[0],d=u[1],f=H(Object(i.useState)({}),2),p=f[0],h=f[1],g=H(Object(i.useState)({}),2),b=g[0],x=g[1],_=Object(i.useRef)();Object(i.useEffect)((function(){_.current=window.location.pathname.split("/")[2],"1"===t&&(p.time=T(m),h(p),s(p.time),N(p))}),[t]);var w,N=function(){var e,t=(e=regeneratorRuntime.mark((function e(t){var a,n;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a="/paths/".concat(_.current,"/shixun_analyze.json"),r(!0),e.next=4,L.a.get(a,{params:{start_at:t.time&&t.time[0]&&j()(t.time[0]).format("YYYY-MM-DD"),end_at:t.time&&t.time[1]&&j()(t.time[1]).format("YYYY-MM-DD")}});case 4:n=e.sent,r(!1),n&&n.data&&x(n.data||{});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,a=arguments;return new Promise((function(n,r){var c=e.apply(t,a);function i(e){q(c,n,r,i,l,"next",e)}function l(e){q(c,n,r,i,l,"throw",e)}i(void 0)}))});return function(e){return t.apply(this,arguments)}}(),O=function(e){d(e),p.time=T(e),h(p),s(p.time)};return l.a.createElement(v.a,{spinning:n},l.a.createElement("div",{className:"path-static-learn"},l.a.createElement("div",{className:"head"},l.a.createElement("span",null,"起止时间"),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(m===S?"circleActive":""),onClick:function(){return O(S)}},"近1周 ")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(m===A?"circleActive":""),onClick:function(){return O(A)}},"近1月")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(m===I?"circleActive":""),onClick:function(){return O(I)}},"近3月")),l.a.createElement("span",{className:"ml20 current"},l.a.createElement("span",{className:"circle ".concat(m===k?"circleActive":""),onClick:function(){return O(k)}},"近6月")),l.a.createElement(J,{className:"ml20",value:o,disabledDate:function(e){return e&&e>j()().endOf("day")},onChange:function(e,t){d(null),s(e),p.time=e,h(p)}}),l.a.createElement(y.a,{className:"ml20",type:"primary",onClick:function(){N(p)}},"确定")),l.a.createElement("div",{className:"echartWrap"},b.difficulty_level&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"本课程实训难度等级分布")),l.a.createElement(E.a,{option:(w=P(b.difficulty_level),{tooltip:{trigger:"item",formatter:"{b} : {c} ({d}%)"},series:[{type:"pie",radius:"55%",center:["50%","60%"],data:w,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]}),style:{height:400,width:600},opts:{renderer:"svg"}})),b.study_num&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"学习人数排行榜（Top10）")),l.a.createElement(E.a,{option:z(Object.keys(b.study_num),Object.values(b.study_num)),style:{height:400,width:600},opts:{renderer:"svg"}})),b.pass_num&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"通关人数排行榜（Top10）")),l.a.createElement(E.a,{option:K(Object.keys(b.pass_num),Object.values(b.pass_num)),style:{height:400,width:600},opts:{renderer:"svg"}})),b.study_time&&l.a.createElement("div",{className:"echart"},l.a.createElement("div",{className:"title"},l.a.createElement("span",null,"平均学习时长排行榜（Top10）")),l.a.createElement(E.a,{option:U(Object.keys(b.study_time),Object.values(b.study_time)),style:{height:400,width:600},opts:{renderer:"svg"}})))))},V=a("IU1u"),X=a("pmdI"),Z=a("DHRj");function G(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ee(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return ee(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var te,ae,ne=Object(Z.b)(c.a).attrs((function(e){return{type:"left"}}))(F||(te=["\n &:hover{\n cursor: pointer;\n }\n color:#BBBBBB;\n"],ae||(ae=te.slice(0)),F=Object.freeze(Object.defineProperties(te,{raw:{value:Object.freeze(ae)}})))),re=function(e){var t,a,n;e=parseInt(e,10);return n=parseInt(e%60,10),a=parseInt(e%3600/60,10),(t=parseInt(e/3600,10))?"".concat(t,"小时").concat(a,"分").concat(n,"秒"):a?"".concat(a,"分").concat(n,"秒"):"".concat(n,"秒")},ce=r.a.TabPane;t.default=Object(V.b)((function(e,t){console.log("state: ",e,t);var a=e.staticReducer;return{subject_info:a.subject_info,other_info:a.other_info,total:a.total,total_count:a.total_count,params:a.params,user:t&&t.user}}),(function(e){return{staticList:function(t){return e(X.a.staticList(t))},changeParams:function(t){return e(X.a.changeParams(t))},initTotal:function(){return e(X.a.initTotal())}}}))((function(e){var t=G(Object(i.useState)(),2),a=t[0],c=t[1],o=e.subject_info,u=e.other_info,m=e.total,d=e.staticList,f=e.changeParams,p=e.initTotal,v=e.total_count,y=e.params,g=e.match.params.pathId,b=[{title:"序号",dataIndex:"id",key:"id",render:function(e,t,a){return a+1},width:100,align:"center"},{title:"使用单位",dataIndex:"school_name",className:"overflow_hidden",align:"center"},{title:function(){return l.a.createElement(n.a,{title:"将该课程使用到课堂的数量"},"使用课堂")},width:150,dataIndex:"course_count",align:"center",sorter:!0},{title:function(){return l.a.createElement(n.a,{title:"课堂的学生总数（去掉重复）"},"课堂学生")},width:150,dataIndex:"student_count",align:"center",sorter:!0},{title:function(){return l.a.createElement(n.a,{title:"选用该课程实训的个数（去重）"},"选用实训/个")},width:150,dataIndex:"choice_shixun_num",align:"center",sorter:!0},{title:function(){return l.a.createElement(n.a,{title:"选用该课程实训的次数"},"选用实训/次")},width:150,dataIndex:"choice_shixun_frequency",align:"center",sorter:!0}],E=[{title:"序号",dataIndex:"id",render:function(e,t,a){return a+1},width:60,align:"center"},{title:"章节",dataIndex:"stage",width:80,align:"center"},{title:"实训名称",dataIndex:"shixun_name",align:"center"},{title:"关卡数",dataIndex:"challenge_count",width:100,align:"center"},{title:"使用课堂",dataIndex:"course_count",width:110,align:"center",sorter:!0},{title:"使用单位",dataIndex:"school_count",width:110,align:"center",sorter:!0},{title:"使用人数",dataIndex:"used_count",width:110,align:"center",sorter:!0},{title:"通关人数",dataIndex:"passed_count",width:110,align:"center",sorter:!0},{title:"评测次数",dataIndex:"evaluate_count",width:110,align:"center",sorter:!0},{title:"通关平均时间",dataIndex:"passed_ave_time",width:140,align:"center",render:function(e){return e&&re(e)||"-"},sorter:!0}],x=[{title:"序号",dataIndex:"id",render:function(e,t,a){return a+1},width:60,align:"center"},{title:"姓名",dataIndex:"username",align:"center",width:200},{title:"通关实训数",dataIndex:"passed_myshixun_count",align:"center",with:130,render:function(e){return e+""},sorter:!0},{title:"完成关卡",dataIndex:"passed_games_count",align:"center",with:130,render:function(e){return e+""},sorter:!0},{title:"评测次数",dataIndex:"evaluate_count",align:"center",with:130,render:function(e){return e+""},sorter:!0},{title:"所用时间",dataIndex:"cost_time",align:"center",with:200,render:function(e){return e&&re(e)||"-"},sorter:!0}];Object(i.useEffect)((function(){e.user&&!0===e.user.admin?c("1"):e.user&&!1===e.user.admin&&c("3")}),[e.user]),Object(i.useEffect)((function(){f({page:1,type:"subject_info"}),g&&d(g)}),[]);var _=function(){g&&d(g)},w={3:"subject_info",4:"shixun_info",5:"user_info"},N={hideOnSinglePage:!0,current:y.page,pageSize:y.limit,total:v,onChange:function(e,t){f({page:e,limit:t}),_()}},j=function(e,t,a){console.log(e,t,a);var n,r=a.field,c=a.order;"descend"===c?n="desc":"ascend"===c&&(n="asc"),f({sort_by:n?r:void 0,sort_direction:n}),_()};return l.a.createElement("div",{className:"static_wrap"},l.a.createElement("div",{className:"ant-spin-container"},l.a.createElement("div",{className:"educontent"},l.a.createElement("section",{className:"static_section_header"},l.a.createElement("div",{className:"header_title"},l.a.createElement(ne,{onClick:function(){e.history.goBack()}})," ",l.a.createElement("span",{className:"title-p"},"学习统计"),l.a.createElement("span",{className:"title-sub"})),l.a.createElement("div",{className:"header-number header-flex"},l.a.createElement(s,{count:null===o?0:o.study_count,txt:"学习总人数",desc:"学习该课程的全部人数（学习总人数=课堂学习人数+自主学习人数）"}),l.a.createElement(s,{count:null===o?0:o.course_study_count,txt:"课堂学习人数",desc:"通过课堂学习该课程的人数"}),l.a.createElement(s,{count:null===o?0:o.initiative_study,txt:"自主学习人数",desc:"通过自主学习该课程的人数"}),l.a.createElement(s,{count:null===o?0:o.passed_count,txt:"通关总人数",desc:"通关该课程所有实训的人数（去重。一个人数计算1次）"}),l.a.createElement(s,{count:null===o?0:o.course_used_count,txt:"使用课堂数",desc:"使用该课程的课堂数量"}),l.a.createElement(s,{count:null===o?0:o.school_used_count,txt:"使用单位数",desc:"使用该课程的单位数量（包括自主学习者所在单位）"}))),l.a.createElement("section",{className:"static_section_table"},l.a.createElement(r.a,{activeKey:a,onChange:function(e){c(e),f({page:1,type:w[+e],sort_by:void 0,sort_direction:void 0}),p(),e>2&&g&&d(g)},style:{paddingBottom:"15px"}},e.user&&e.user.admin&&l.a.createElement(ce,{tab:"实训使用统计图",key:"1"},l.a.createElement(Q,{selectKey:a})),e.user&&e.user.admin&&l.a.createElement(ce,{tab:"学习情况统计图",key:"2"},l.a.createElement(R,{selectKey:a})),l.a.createElement(ce,{tab:"课堂使用情况",key:"3"},l.a.createElement(h,{columns:b,datas:u,total:m,fetchData:_,paginationProps:N,handleTableChange:j})),l.a.createElement(ce,{tab:"实训使用情况",key:"4"},l.a.createElement(h,{columns:E,datas:u,total:m,fetchData:_,paginationProps:N,handleTableChange:j})),l.a.createElement(ce,{tab:"学员学习情况",key:"5"},l.a.createElement(h,{columns:x,datas:u,total:m,fetchData:_,paginationProps:N,handleTableChange:j})))))))}))}}]); |
