NewEduCoderBuild/p__Classrooms__Lists__Video__Statistics__UserDetail__index.async.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[45798],{11407:function(e,n,i){i.d(n,{Z:function(){return o}});var l=i(4751),s=i(59301),a={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"},t=i(68475),c=function(e,n){return s.createElement(t.Z,(0,l.Z)({},e,{ref:n,icon:a}))};var o=s.forwardRef(c)},31709:function(e,n,i){i.d(n,{ij:function(){return B},_s:function(){return w},Uf:function(){return b},ZP:function(){return T}});var l=i(82242),s=i.n(l),a=(i(59301),"analysis___xyV_c"),t="title___DQ3VK",c="itemWrap___vFE5r",o="item___NjeOt",r="list___BbMrm",d="wrap___UQTTb",u="img___tNvUo",v="tips___Eu4wH",h="footer___ZbR9W",m="noData___mLlw0",x=i(92310),f=i.n(x),j=i(42441),_=i(6848),p=i(56511),g=i(71418),N=i(52943),Z=i(22107),y=i(37712),b=function(){var e,n,i,l,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=null==a||null===(e=a.emotion)||void 0===e?void 0:e.map((function(e){return s()({value:null==e?void 0:e.rate},e)})),c=null==a||null===(n=a.focus)||void 0===n?void 0:n.map((function(e){return s()({value:null==e?void 0:e.rate},e)})),o=null==a||null===(i=a.action)||void 0===i?void 0:i.map((function(e){return s()({value:null==e?void 0:e.rate},e)})),r=null==a||null===(l=a.intention)||void 0===l?void 0:l.map((function(e){return s()({value:null==e?void 0:e.rate},e)}));return[{title:"表情占比",color:["#f7ca2e","#4ccf71","#3791ee","#f9ac95","#4f74ee","#f0e999"],data:t||[]},{title:"专注度占比",color:["#4f74ee","#f9ac95","#9cb5fe","#eaa170","#3791ee","#a39bed"],data:c||[]},{title:"行为占比情况",color:["#5eca9c","#a39bed","#f68238","#f0e999","#eaa170","#f9ac95"],data:o||[]},{title:"意图占比情况",color:["#eaa170","#739fcb","#f0e999","#f9ac95","#4f74ee","#5eca9c"],data:r||[]}]},w=function(e){var n=e.className,i=e.dataSource,l=void 0===i?[]:i,s=e.col,a=void 0===s?4:s,t=e.right,c=e.bottom,o=void 0===c?23:c,m=e.precision,x=void 0===m?0:m,j=e.wrapWidth,p=void 0===j?1200:j,g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"--";return e?(null==e?void 0:e.length)>n?(null==e?void 0:e.slice(0,n-1))+"...":e:i},N=Math.floor((p-(a-1)*t)/a);return(0,y.jsx)("div",{className:f()(r,n),children:!(null==l||!l.length)&&(null==l?void 0:l.map((function(e,n){var i=e.cover_pic,l=e.created_at,s=e.emotion,c=e.action,r=e.intention,m=e.focus;return(0,y.jsxs)("div",{className:d,style:{width:N,marginRight:(1+n)%a==0?0:t+x,marginBottom:o},children:[(0,y.jsxs)("div",{className:u,children:[(0,y.jsx)("img",{src:"".concat(Z.Z.API_SERVER).concat(i)}),(0,y.jsxs)("div",{className:v,children:[(0,y.jsxs)("div",{children:[(0,y.jsx)("i",{className:"iconfont icon-paisheshijian mr5 font14"})," 拍摄时间"]}),(0,y.jsx)("span",{children:l})]})]}),(0,y.jsxs)("div",{className:h,children:[(0,y.jsxs)("ul",{children:[(0,y.jsxs)("li",{children:[(0,y.jsx)("i",{className:"iconfont icon-biaoqing"}),(0,y.jsxs)("span",{children:["表情：",(0,y.jsx)(_.Z,{title:s,children:(0,y.jsx)("span",{className:"c-grey-333",children:g(s,4)})})]})]}),(0,y.jsxs)("li",{children:[(0,y.jsx)("i",{className:"iconfont icon-hangwei"}),(0,y.jsxs)("span",{children:["行为：",(0,y.jsx)(_.Z,{title:c,children:(0,y.jsx)("span",{className:"c-grey-333",children:g(c,4)})})]})]})]}),(0,y.jsxs)("ul",{children:[(0,y.jsxs)("li",{children:[(0,y.jsx)("i",{className:"iconfont icon-yitu"}),(0,y.jsxs)("span",{children:["意图：",(0,y.jsx)(_.Z,{title:r,children:(0,y.jsx)("span",{className:"c-grey-333",children:g(r,4)})})]})]}),(0,y.jsxs)("li",{children:[(0,y.jsx)("i",{className:"iconfont icon-zhuangtai"}),(0,y.jsxs)("span",{children:["专注度：",(0,y.jsx)(_.Z,{title:m,children:(0,y.jsx)("span",{className:"c-grey-333",children:g(m,3)})})]})]})]})]})]},n)})))})},B=function(e){var n,i,l=e.className,s=e.style,a=e.title,o=e.hideBar,r=void 0!==o&&o,d=e.children,u=e.customText,v=void 0===u?"":u,h=e.noDataText,x=void 0===h?"":h,j=e.emptyData,_=void 0===j?[]:j,g=e.loading,Z=e.actionAnalysis,b=(null==_||null===(n=_[0])||void 0===n?void 0:n.every((function(e){var n;return!(null!=e&&null!==(n=e.data)&&void 0!==n&&n.length)})))&&!(null!=_&&null!==(i=_[1])&&void 0!==i&&i.length)||!Z,w=Z?x:v;return(0,y.jsxs)(p.Z,{loading:g,active:!0,children:[b&&(0,y.jsxs)("div",{className:f()(m,l),style:s,children:[!!a&&(0,y.jsxs)("div",{className:t,children:[!r&&(0,y.jsx)("b",{}),(0,y.jsx)("span",{children:a})]}),(0,y.jsx)("div",{className:c,children:(0,y.jsx)(N.Z,{customText:w})})]}),!b&&d]})},T=function(e){var n=e.className,i=e.style,l=e.data,s=void 0===l?[]:l,r=e.title,d=e.hideBar,u=void 0!==d&&d,v=e.loading,h=void 0!==v&&v;return(0,y.jsxs)("div",{className:f()(a,n),style:i,children:[!!r&&(0,y.jsxs)("div",{className:t,children:[!u&&(0,y.jsx)("b",{}),(0,y.jsx)("span",{children:r})]}),(0,y.jsx)(g.Z,{spinning:h,children:(0,y.jsx)("div",{className:c,children:null==s?void 0:s.map((function(e,n){return(0,y.jsx)("div",{className:o,children:(0,y.jsx)(j.Z,{option:{tooltip:{trigger:"item",formatter:"{a} <br/>{b}: {c}%"},title:{left:"center",bottom:15,text:null==e?void 0:e.title},legend:{top:10,right:10,orient:"vertical",show:!0,align:"left",icon:"circle",itemWidth:10,itemHeight:10,formatter:function(n){for(var i in null==e?void 0:e.data)if(n==(null==e?void 0:e.data[i].name))return n+" "+(null==e?void 0:e.data[i].value)+"%"},textStyle:{color:"#767676",fontSize:12}},color:null==e?void 0:e.color,series:[{type:"pie",radius:["20%","35%"],center:["20%","40%"],avoidLabelOverlap:!1,label:{show:!1},labelLine:{show:!1},data:null==e?void 0:e.data}]},style:{height:145}})},n)}))})})]})}},52943:function(e,n,i){var l=i(82242),s=i.n(l),a=(i(59301),i(93314)),t=i(3113),c=i(37712);n.Z=function(e){var n=e.img,i=e.buttonProps,l=void 0===i?{}:i,o=e.styles,r=void 0===o?{}:o,d=e.customText,u=e.ButtonText,v=e.ButtonClick,h=e.Buttonclass,m=e.ButtonTwo,x=e.imgStyles,f=e.loading,j=void 0!==f&&f;return(0,c.jsxs)("section",{className:"tc animated fadeIn",style:s()(s()({},{color:"#999",margin:"100px auto",visibility:j?"hidden":"visible"}),r),children:[(0,c.jsx)("img",{src:n||a,style:s()(s()({},x),{},{pointerEvents:"none",userSelect:"none"})}),(0,c.jsx)("p",{className:"mt20 font14",children:d||"暂时还没有相关数据哦!"}),u&&(0,c.jsx)(t.ZP,s()(s()({className:h,onClick:v},l),{},{children:u})),m&&m]})}},25177:function(e,n,i){i.r(n),i.d(n,{default:function(){return y}});var l=i(79800),s=i.n(l),a=i(59301),t="bg___iZ8MC",c="header___AE1Bc",o="videoTitle___aQk2X",r="avatar___kgIM4",d="infoWrapper___LEuvn",u="name___ZdRlg",v="infoItem___xdkSt",h="line___XYhTM",m=i(11407),x=i(95237),f=i(43604),j=i(89795),_=i(75102),p=i(11298),g=i(22107),N=i(31709),Z=i(37712),y=(0,_.connect)((function(e){return{user:e.user}}))((function(e){var n,i,l=e.user,y=(0,_.useParams)(),b=(y.categoryId,y.coursesId,y.userId),w=y.videoId,B=(0,a.useState)(),T=s()(B,2),k=T[0],E=T[1],S=(0,a.useState)(!0),I=s()(S,2),R=I[0],C=I[1];return(0,a.useEffect)((function(){C(!0),(0,j.Db)({container_id:w,container_type:"CourseVideo",user_id:b}).then((function(e){"status"in e||(E(e),C(!1))}))}),[]),(0,Z.jsxs)("section",{className:t,children:[(0,Z.jsxs)("div",{className:c,children:[(0,Z.jsxs)(x.Z,{className:"mb30",align:"middle",children:[(0,Z.jsx)(f.Z,{children:(0,Z.jsx)(m.Z,{className:"current mr10 font16",onClick:function(){return history.back()}})}),(0,Z.jsx)(f.Z,{className:o,children:null==k?void 0:k.title})]}),(0,Z.jsxs)(x.Z,{children:[(0,Z.jsx)(f.Z,{flex:"0 0 auto",children:(0,Z.jsx)("img",{src:"".concat(g.Z.IMG_SERVER,"/images/").concat(null===(n=l.userInfo)||void 0===n?void 0:n.image_url),alt:"",className:r})}),(0,Z.jsxs)(f.Z,{flex:1,className:"ml30 ".concat(d),children:[(0,Z.jsx)(x.Z,{className:u,children:null==k?void 0:k.real_name}),(0,Z.jsxs)(x.Z,{wrap:!1,children:[(0,Z.jsxs)(f.Z,{flex:"180px",className:v,children:["学号：",null==k?void 0:k.student_id]}),(0,Z.jsxs)(f.Z,{flex:"180px",className:"".concat(v," ml30"),children:["是否看完：",null!=k&&k.is_finished?"是":"否"]}),(0,Z.jsxs)(f.Z,{flex:"245px",className:"".concat(v," ml30"),children:["最早观看时间：",null==k?void 0:k.start_at]})]}),(0,Z.jsxs)(x.Z,{wrap:!1,children:[(0,Z.jsxs)(f.Z,{flex:"180px",className:v,children:["分班：",(0,Z.jsx)("span",{children:(0,p.Pq)(null==k?void 0:k.course_group_name,10)})]}),(0,Z.jsxs)(f.Z,{flex:"180px",className:"".concat(v," ml30"),children:["观看次数：",null==k?void 0:k.watch_count]}),(0,Z.jsxs)(f.Z,{flex:"245px",className:"".concat(v," ml30"),children:["最晚观看时间：",null==k?void 0:k.end_at]})]})]})]})]}),(0,Z.jsxs)(N.ij,{hideBar:!0,actionAnalysis:null==k?void 0:k.action_analysis,loading:R,emptyData:[(0,N.Uf)(k),(null==k?void 0:k.photos)||[]],title:"视频学习分析",className:"p20",noDataText:"学生无该视频学习行为分析数据",customText:"视频未开启学习行为分析功能",children:[(0,Z.jsx)(N.ZP,{hideBar:!0,title:"视频学习分析",className:"p20",data:(0,N.Uf)(k)}),!(null==k||null===(i=k.photos)||void 0===i||!i.length)&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{className:h}),(0,Z.jsx)(N._s,{className:"ml20",dataSource:null==k?void 0:k.photos,right:21,col:3,wrapWidth:876})]})]})]})}))}}]);