NewEduCoderBuild/p__Classrooms__Lists__Video__Statistics__index.async.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[64217],{43387:function(n,e,t){t.d(e,{Z:function(){return H}});var a=t(87462),o=t(97685),r=t(4942),i=t(45987),c=t(67294),s=t(94184),l=t.n(s),d=t(16397),u=(0,c.createContext)({}),f=t(1413),m=t(71002),g={},p=[];function _(n,e){}function v(n,e){}function h(n,e,t){e||g[t]||(n(!1,t),g[t]=!0)}function x(n,e){h(_,n,e)}x.preMessage=function(n){p.push(n)},x.resetWarned=function(){g={}},x.noteOnce=function(n,e){h(v,n,e)};var b=x;function y(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var j="data-rc-order",C="rc-util-key",k=new Map;function N(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=n.mark;return e?e.startsWith("data-")?e:"data-".concat(e):C}function Z(n){return n.attachTo?n.attachTo:document.querySelector("head")||document.body}function w(n){return"queue"===n?"prependQueue":n?"prepend":"append"}function S(n){return Array.from((k.get(n)||n).children).filter((function(n){return"STYLE"===n.tagName}))}function A(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!y())return null;var t=e.csp,a=e.prepend,o=document.createElement("style");o.setAttribute(j,w(a)),null!=t&&t.nonce&&(o.nonce=null==t?void 0:t.nonce),o.innerHTML=n;var r=Z(e),i=r.firstChild;if(a){if("queue"===a){var c=S(r).filter((function(n){return["prepend","prependQueue"].includes(n.getAttribute(j))}));if(c.length)return r.insertBefore(o,c[c.length-1].nextSibling),o}r.insertBefore(o,i)}else r.appendChild(o);return o}function I(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=Z(e);return S(t).find((function(t){return t.getAttribute(N(e))===n}))}function E(n,e){var t=k.get(n);if(!t||!function(n,e){if(!n)return!1;if(n.contains)return n.contains(e);for(var t=e;t;){if(t===n)return!0;t=t.parentNode}return!1}(document,t)){var a=A("",e),o=a.parentNode;k.set(n,o),n.removeChild(a)}}function L(n){var e;return null==n||null===(e=n.getRootNode)||void 0===e?void 0:e.call(n)}function T(n){return function(n){return L(n)!==(null==n?void 0:n.ownerDocument)}(n)?L(n):null}function R(n){return"object"===(0,m.Z)(n)&&"string"==typeof n.name&&"string"==typeof n.theme&&("object"===(0,m.Z)(n.icon)||"function"==typeof n.icon)}function B(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(n).reduce((function(e,t){var a=n[t];if("class"===t)e.className=a,delete e.class;else e[t]=a;return e}),{})}function W(n,e,t){return t?c.createElement(n.tag,(0,f.Z)((0,f.Z)({key:e},B(n.attrs)),t),(n.children||[]).map((function(t,a){return W(t,"".concat(e,"-").concat(n.tag,"-").concat(a))}))):c.createElement(n.tag,(0,f.Z)({key:e},B(n.attrs)),(n.children||[]).map((function(t,a){return W(t,"".concat(e,"-").concat(n.tag,"-").concat(a))})))}function z(n){return(0,d.generate)(n)[0]}function O(n){return n?Array.isArray(n)?n:[n]:[]}var K=function(n){var e=(0,c.useContext)(u),t=e.csp,a=e.prefixCls,o="\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";a&&(o=o.replace(/anticon/g,a)),(0,c.useEffect)((function(){var e=T(n.current);!function(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};E(Z(t),t);var a=I(e,t);if(a){var o,r,i;return null!==(o=t.csp)&&void 0!==o&&o.nonce&&a.nonce!==(null===(r=t.csp)||void 0===r?void 0:r.nonce)&&(a.nonce=null===(i=t.csp)||void 0===i?void 0:i.nonce),a.innerHTML!==n&&(a.innerHTML=n),a}var c=A(n,t);c.setAttribute(N(t),e)}(o,"@ant-design-icons",{prepend:!0,csp:t,attachTo:e})}),[])},P=["icon","className","onClick","style","primaryColor","secondaryColor"],X={primaryColor:"#333",secondaryColor:"#E6E6E6",calculated:!1};var q=function(n){var e,t,a=n.icon,o=n.className,r=n.onClick,s=n.style,l=n.primaryColor,d=n.secondaryColor,u=(0,i.Z)(n,P),m=c.useRef(),g=X;if(l&&(g={primaryColor:l,secondaryColor:d||z(l)}),K(m),e=R(a),t="icon should be icon definiton, but got ".concat(a),b(e,"[@ant-design/icons] ".concat(t)),!R(a))return null;var p=a;return p&&"function"==typeof p.icon&&(p=(0,f.Z)((0,f.Z)({},p),{},{icon:p.icon(g.primaryColor,g.secondaryColor)})),W(p.icon,"svg-".concat(p.name),(0,f.Z)((0,f.Z)({className:o,onClick:r,style:s,"data-icon":p.name,width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},u),{},{ref:m}))};q.displayName="IconReact",q.getTwoToneColors=function(){return(0,f.Z)({},X)},q.setTwoToneColors=function(n){var e=n.primaryColor,t=n.secondaryColor;X.primaryColor=e,X.secondaryColor=t||z(e),X.calculated=!!t};var Q=q;function V(n){var e=O(n),t=(0,o.Z)(e,2),a=t[0],r=t[1];return Q.setTwoToneColors({primaryColor:a,secondaryColor:r})}var D=["className","icon","spin","rotate","tabIndex","onClick","twoToneColor"];V(d.blue.primary);var F=c.forwardRef((function(n,e){var t,s=n.className,d=n.icon,f=n.spin,m=n.rotate,g=n.tabIndex,p=n.onClick,_=n.twoToneColor,v=(0,i.Z)(n,D),h=c.useContext(u),x=h.prefixCls,b=void 0===x?"anticon":x,y=h.rootClassName,j=l()(y,b,(t={},(0,r.Z)(t,"".concat(b,"-").concat(d.name),!!d.name),(0,r.Z)(t,"".concat(b,"-spin"),!!f||"loading"===d.name),t),s),C=g;void 0===C&&p&&(C=-1);var k=m?{msTransform:"rotate(".concat(m,"deg)"),transform:"rotate(".concat(m,"deg)")}:void 0,N=O(_),Z=(0,o.Z)(N,2),w=Z[0],S=Z[1];return c.createElement("span",(0,a.Z)({role:"img","aria-label":d.name},v,{ref:e,tabIndex:C,onClick:p,className:j}),c.createElement(Q,{icon:d,primaryColor:w,secondaryColor:S,style:k}))}));F.displayName="AntdIcon",F.getTwoToneColor=function(){var n=Q.getTwoToneColors();return n.calculated?[n.primaryColor,n.secondaryColor]:n.primaryColor},F.setTwoToneColor=V;var H=F},6171:function(n,e,t){t.d(e,{Z:function(){return s}});var a=t(87462),o=t(67294),r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"}}]},name:"left",theme:"outlined"},i=t(43387),c=function(n,e){return o.createElement(i.Z,(0,a.Z)({},n,{ref:e,icon:r}))};var s=o.forwardRef(c)},86099:function(n,e,t){t.r(e),t.d(e,{default:function(){return x}});var a=t(42122),o=t.n(a),r=t(27424),i=t.n(r),c=t(67294),s=t(84519),l=t(29427),d=t(88275),u=t(71230),f=t(15746),m=t(76661),g=t(34435),p=t(6171),_={flex_box_center:"flex_box_center___OtxZ1",flex_space_between:"flex_space_between___Iv0vg",flex_box_vertical_center:"flex_box_vertical_center___lRjIl",flex_box_center_end:"flex_box_center_end___RZyEa",flex_box_column:"flex_box_column___tnIy3",title:"title___BVf_l",statisticsWrp:"statisticsWrp___AFSeR",statistics:"statistics___VhLdy",infoWrp:"infoWrp___v6ya3",divwidth:"divwidth___QoNXd",table_caozuo:"table_caozuo___JPF0b",change_button:"change_button___C7wgN",button_no:"button_no___HL5ih",button_active:"button_active___zXAgk",caozuo_button:"caozuo_button___R4kUc",button_img:"button_img___H7JFl",studentListTable:"studentListTable___xqGFG"},v=t(12034),h=t(85893),x=(0,d.connect)((function(n){var e=n.video,t=n.loading;return{video:e,globalSetting:n.globalSetting,loading:t.effects}}))((function(n){var e=n.video,t=(n.globalSetting,n.loading),a=n.dispatch,r=(0,c.useState)(o()({},(0,d.useParams)())),x=i()(r,2),b=x[0],y=(x[1],(0,d.useSearchParams)()),j=i()(y,1)[0],C=((0,d.useLocation)(),(0,c.useState)({})),k=i()(C,2),N=k[0],Z=k[1],w=(0,c.useState)(""),S=i()(w,2),A=(S[0],S[1]),I=(0,c.useState)("a"),E=i()(I,2),L=E[0],T=E[1],R=(0,c.useState)(),B=i()(R,2),W=B[0],z=B[1],O=(0,c.useState)(),K=i()(O,2),P=K[0],X=K[1],q=e.videoStatisticsList,Q=e.videoStatistics;b.category=j.get("category_id"),(0,c.useEffect)((function(){a({type:"video/getVideoStatisticsList",payload:o()({},b)}),a({type:"video/getVideoStatistics",payload:o()(o()({},b),{},{all:!0})})}),[b.coursesId]);var V=[{title:"序号",dataIndex:"name",render:function(n,e,t){return t+1}},{title:"视频名称",dataIndex:"title"},{title:"观看人数",dataIndex:"people_num",sortOrder:N.people_num,sortDirections:["descend","ascend"],sorter:function(n,e){return n.people_num-e.people_num},render:function(n){return n||"--"}},{title:"观看时长",dataIndex:"total_time",sortOrder:N.total_time,sortDirections:["descend","ascend"],sorter:function(n,e){return n.total_time-e.total_time},render:function(n){return(0,h.jsx)("span",{children:n&&"--"!==n?(0,l.li)(n):"--"})}},{title:"发布人",dataIndex:"user_name"},{title:"操作",dataInex:"action",render:function(n,e){return(0,h.jsx)("div",{children:(0,h.jsx)(d.Link,{to:"/classrooms/".concat(b.coursesId,"/video/").concat(b.categoryId,"/statistics/").concat(e.id),className:"c-blue",children:"详情"})})}}],D=[{title:"姓名",dataIndex:"user_name",align:"center",fixed:"left",render:function(n,e,t){return(0,h.jsx)("span",{children:n})}},{title:"学号",dataIndex:"student_id",align:"center"},{title:"学习视频数",align:"center",dataIndex:"num",render:function(n){return(0,h.jsx)("span",{className:"c-black",children:n})}},{title:"班级",align:"center",dataIndex:"course_group_name"},{title:"累计学习时长",align:"center",dataIndex:"total_duration",render:function(n){return(0,h.jsx)("span",{className:"c-black",children:(0,l.li)(parseInt(n))||"--"})}},{title:"平均学习完成度",align:"center",dataIndex:"rate",render:function(n,e){return(0,h.jsx)("span",{className:"c-black",children:n?n+"%":"0%"})}},{title:"开始学习时间",align:"center",dataIndex:"start_at",render:function(n,e){return(0,h.jsx)("span",{className:"c-black",children:n||"--"})}},{title:"最后学习时间",align:"center",dataIndex:"end_at",render:function(n,e){return(0,h.jsx)("span",{className:"c-black",children:n||"--"})}},{title:"操作",align:"center",fixed:"right",dataIndex:"course_group_name",render:function(n,e){return(0,h.jsx)(d.Link,{to:"/classrooms/".concat(null==b?void 0:b.coursesId,"/video_statistics/").concat(null==b?void 0:b.categoryId,"/Student/").concat(null==e?void 0:e.user_id),children:"详情"})}}],F=function(n){X(n),(0,s.ZP)("/api/courses/".concat(null==b?void 0:b.coursesId,"/video_study_statics.json"),{method:"get",params:{page:n,per_page:10,course_id:null==b?void 0:b.coursesId,course_group_id:-1}}).then((function(n){n&&z(n)}))};return(0,h.jsxs)("section",{className:_.bg,children:[(0,h.jsxs)("aside",{className:_.statisticsWrp,children:[(0,h.jsxs)(u.Z,{justify:"space-between",className:"mt10 mb20",children:[(0,h.jsxs)(f.Z,{span:"16",children:[(0,h.jsx)(p.Z,{className:"current mr10 font16",onClick:function(){return d.history.back()}}),(0,h.jsx)("strong",{className:"font16",children:"视频统计总览"})]}),(0,h.jsxs)(f.Z,{span:"8",className:"c-light-black tr",children:["播放数据从 ",Q.begin_at," 开始统计"]})]}),(0,h.jsxs)(u.Z,{justify:"space-between",className:_.statistics,children:[(0,h.jsxs)(f.Z,{span:"7",children:[(0,h.jsx)("span",{children:"观看人数 （人）"}),(0,h.jsx)("br",{}),(0,h.jsx)("strong",{title:Q.num,className:_.divwidth,children:Q.num})]}),(0,h.jsxs)(f.Z,{span:"7",children:[(0,h.jsx)("span",{children:"观看总人次 （次）"}),(0,h.jsx)("br",{}),(0,h.jsx)("strong",{title:Q.freq,className:_.divwidth,children:Q.freq})]}),(0,h.jsxs)(f.Z,{span:"7",children:[(0,h.jsx)("span",{children:"总观看时长 （时）"}),(0,h.jsx)("br",{}),(0,h.jsx)("strong",{title:Q.total_duration?(0,l.li)(Q.total_duration):"--",className:_.divwidth,children:Q.total_duration?(0,l.li)(Q.total_duration):"--"})]})]})]}),(0,h.jsxs)("aside",{className:_.infoWrp,children:[(0,h.jsx)("div",{children:(0,h.jsx)("strong",{className:"font16",children:"统计列表"})}),(0,h.jsxs)("div",{className:_.table_caozuo,children:[(0,h.jsx)("div",{className:_.change_button,children:"a"===L?(0,h.jsxs)("div",{style:{display:"flex"},children:[(0,h.jsx)("div",{className:_.button_active,children:"视频维度"}),(0,h.jsx)("div",{className:_.button_no,onClick:function(){T("b"),F(1)},children:"学生维度"})]}):(0,h.jsxs)("div",{style:{display:"flex"},children:[(0,h.jsx)("div",{className:_.button_no,onClick:function(){T("a")},children:"视频维度"}),(0,h.jsx)("div",{className:_.button_active,children:"学生维度"})]})}),(0,h.jsxs)("div",{className:_.caozuo_button,children:[(0,h.jsx)("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAtpJREFUSEu1lm9oTWEcx7+/57rbLLWE9oJQxPy7O2erSXmhRHlDEnnjxTkXS/6k1ChFWMv2Bomku3PLG3snEl5IvDB/yr3nXCEWa01ZQ8SV7e7u+WqzLbu7f3Yuztvn+/t+zvP8vr/nHEERj2m5x+JR46SfUvEjHtUattcnIs3x1tDxydYXDQJZKoJjccc4NRnYpEG1lrdyUKFKaakkdBOBwDBA5KjrVDcVghUEmba3EUQzwapcZgrqcCwaaskHywuqsRKWFkZAqvwm0gcVrIq3Lu3KpcsJMq2OWZAfHSQq8h6LSL9ANsed0O2idmTaXphkZKQP7wFcFeCJKHyh5h0SQUBSCtwSixo3i+6RYXtnQB4UyK1yKd3+0Kn6PhZvy+sXoVCprW4kdL0QZDgzuUSm5Q0l61AgWDb72eXFn/7UGZaXVKJ2QOGtJpdn8xBQBwVPnkaqO/ODwq5Not51jJWZRsbOxKYpDHxIM/0ob1BEkuUlWNB+qbo3547q9r6akfrZf911jNXZ3rgmnNintT4/3CeFTRD5OKrTohQG040g1quArI1Fqu/ljbcZ9i5WlE5puH9xWTITZlreAYLnRNAVd4z5E9bDicPU+rSIWhd3Qnezgjbs7yj9OZgK9mk1sz81sLCiLPA40+hbX3qPJluKBpm2ewRE49gVUyBSRYMM2+sGOWf0HhNhd95BZCAZc1Zc8310pu32kpgF4KsbNaZPZkayaczMHtXufjGXg+mlo2KSbb+vHaEIe/yD5E1QwRqgbBsXBsP2ekBW+jfMXSFAO5S6kQl6jhzT/TdwEWkjuX0s3kPffwIn/sY0a61IEuS0MVDdLndRKo3X/xw0YjhuYA3bi4E0/wdsHKjGSjRo6Ob/DjLDL+dRD3QCLPgP4fdlJtx1pu21k1zl16iQfiIo7O6gxpVChX7XBWpNPBp6MO6oaizvLIF6gmV+DXNE/F3J1JK6pxeWfP4Fq1RgLKZBv/kAAAAASUVORK5CYII=",className:_.button_img}),(0,h.jsx)("div",{onClick:function(){(0,v.c6)({coursesId:null==b?void 0:b.coursesId,course_group_id:-1})},children:"导出数据"})]})]}),"a"==L&&(0,h.jsx)(m.Z,{className:"mt10",loading:t["video/getVideoStatisticsList"],hideOnSinglePage:!0,pagination:!1,dataSource:q.videos,columns:V,onChange:function(n,e,t){if(N={},void 0===t.order){if(N[t.field]="descend","student_id"===t.field)A("descend"),b.order=t.field+"-desc"}else b.order=t.field+"-"+t.order.replace("end",""),N[t.field]=t.order;Z(o()({},N)),a({type:"video/getVideoStatisticsList",payload:o()({},b)})}}),"b"==L&&(0,h.jsxs)("aside",{children:[(0,h.jsx)(m.Z,{dataSource:null==W?void 0:W.student,pagination:!1,columns:D,className:_.studentListTable,scroll:{x:"max-content"}}),(0,h.jsx)("aside",{className:"tc mb50 mt30 mb20",children:(0,h.jsx)(g.Z,{hideOnSinglePage:!0,showSizeChanger:!1,onChange:function(n,e){F(n)},current:P||1,defaultPageSize:10,total:null==W?void 0:W.count})})]})]}),(0,h.jsx)("aside",{className:"tc mb50 mt30",children:(0,h.jsx)(g.Z,{showSizeChanger:!1,onChange:function(n){b.page=n,a({type:"video/getVideoStatisticsList",payload:o()({},b)})},defaultCurrent:1,current:b.page||1,pageSize:20,hideOnSinglePage:!0,total:null==q?void 0:q.count})})]})}))}}]);