You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Classrooms__Lists__Video...

2 lines
11 KiB

(window.webpackJsonp=window.webpackJsonp||[]).push([[112],{"1v2r":function(L,R,a){"use strict";a.r(R);var Fe=a("T2oS"),z=a("W9HT"),De=a("5NDa"),G=a("5rEg"),Ue=a("+L6B"),B=a("2/Rp"),Ae=a("MXD1"),V=a("CFYs"),X=a("c1Ei"),b=a.n(X),J=a("5Tp6"),Ce=a("2qtc"),Y=a("kLXV"),he=a("miYZ"),C=a("tsqr"),T=a("k16G"),w=a("SIvP"),f=a("XEnU"),W=a("3S9h"),P=a("q1tI"),e=a.n(P),j=a("WHYC"),y=a("9kvl"),K=a("uYtH"),Z=a("5bA4"),Q=a("0eFM"),k=a.n(Q),q=a("yG4R"),ee=a.n(q),ae=a("goie"),t=a.n(ae),ue=a("Aky1"),te=a("h/US"),_e=a("jb+D"),ne=a("1vsH"),I=30,N=1024,oe=function(d,s){var v,D,o=s.payload.uploadInfo;switch(s.type){case"addVideo":return console.log("videoList: ",o,o.videoId,[].concat(Object(W.a)(d.videoList),[{name:o.file.name,size:o.file.size,type:o.file.type,fileHash:o.fileHash,state:o.state,videoId:o.videoId,attachment_id:"",loaded:0,title:""}])),{videoList:[].concat(Object(W.a)(d.videoList),[{name:o.file.name,size:o.file.size,type:o.file.type,fileHash:o.fileHash,state:o.state,videoId:o.videoId,attachment_id:"",loaded:0,title:""}])};case"removeVideo":return{videoList:d.videoList.filter(function(E){return E.name!==s.payload.name})};case"removeAll":return[];case"updateProgress":return{videoList:d.videoList.map(function(E){return E.name===s.payload.uploadInfo.file.name?Object(f.a)(Object(f.a)({},E),{loaded:s.payload.progressPercent,videoId:o.videoId,fileHash:o.fileHash}):E})};case"updateTitle":return{videoList:(v=d.videoList)===null||v===void 0?void 0:v.map(function(E){return E.name===s.payload.item.name?Object(f.a)(Object(f.a)({},E),{title:s.payload.title}):E})};case"updateImg":return{videoList:(D=d.videoList)===null||D===void 0?void 0:D.map(function(E){return E.name===s.payload.item.name?Object(f.a)(Object(f.a)({},E),{attachment_id:s.payload.attachment_id}):E})};default:return[]}},le=function(d){var s,v=d.user,D=d.userDetail,o=d.globalSetting,E=d.loading,re=d.dispatch,ge=Object(w.a)(d,["user","userDetail","globalSetting","loading","dispatch"]),m=Object(j.m)(),M=Object(j.l)(),ie=Object(P.useState)(!1),x=Object(T.a)(ie,2),de=x[0],g=x[1],se=Object(P.useReducer)(oe,{videoList:[]}),S=Object(T.a)(se,2),U=S[0],h=S[1],O=Object(P.useRef)(),H=Object(P.useRef)();Object(P.useEffect)(function(){return window.addEventListener("beforeunload",$),function(){window.removeEventListener("beforeunload",$)}},[]);var $=function(n){n.preventDefault(),n.returnValue=""},A=function(){var n=document.getElementById("fileUpload");n.value=""},Ee=function(n){var i,u,l,r=n.target.files[0];if(!r){A();return}var _=r.name.toLowerCase();if(_&&_.indexOf(".avi")==-1&&_.indexOf(".flv")==-1&&_.indexOf(".f4v")==-1&&_.indexOf(".m4v")==-1&&_.indexOf(".mov")==-1&&_.indexOf(".mp4")==-1&&_.indexOf(".rmvb")==-1&&_.indexOf(".swf")==-1&&_.indexOf(".webm")==-1&&_.indexOf(".wmv")==-1){C.b.info("\u4E0D\u652F\u6301\u7684\u89C6\u9891\u683C\u5F0F"),A();return}if(!(((i=v.userInfo)===null||i===void 0?void 0:i.admin)||((u=v.userInfo)===null||u===void 0?void 0:u.business))&&r.size>N*1024*1024){C.b.info("\u89C6\u9891\u5927\u5C0F\u8D85\u8FC7".concat(N,"M")),A();return}if((l=U.videoList)===null||l===void 0?void 0:l.find(function(p){return p.name===r.name})){C.b.info("\u4F60\u4E0D\u80FD\u4E0A\u4F20\u540C\u4E00\u4E2A\u89C6\u9891\u6587\u4EF6\u540D\u79F0\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u3002"),A();return}ce(r)},me=function(n,i){Y.a.confirm({title:"\u63D0\u793A",centered:!0,okText:"\u786E\u5B9A",cancelText:"\u53D6\u6D88",content:e.a.createElement("div",{className:"tc"},"\u60A8\u786E\u8BA4\u8981",i?"\u5220\u9664":"\u53D6\u6D88\u4E0A\u4F20","\u8BE5\u89C6\u9891\u5417\uFF1F"),onOk:function(){A(),h({type:"removeVideo",payload:{name:n}})}})},ce=function(n){var i='{"Vod":{}}';if(g(!0),O.current){O.current.addFile(n,null,null,null,i);return}Object(ue.a)(m==null?void 0:m.username,{create:!O,addFileSuccess:function(l){h({type:"addVideo",payload:{uploadInfo:l}})},onUploadProgress:function(l,r,_){var p=Math.ceil(_*100);h({type:"updateProgress",payload:{uploadInfo:l,progressPercent:p}}),A()},onUploadFailed:function(l){C.b.info("\u89C6\u9891\u4E91\u670D\u52A1\u51FA\u73B0\u5F02\u5E38\uFF0C\u8BF7\u91CD\u65B0\u4E0A\u4F20\u3002")},onUploadEnd:function(l){g(!1)},onUploadSucceed:function(l){g(!1),console.log("files.current",H.current);debugger},onUploadError:function(l){g(!1)},gotUploader:function(l){l.addFile(n,null,null,null,i),O.current=l}})},ve=function(){var c=Object(J.a)(b.a.mark(function n(){var i,u;return b.a.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:if((i=U.videoList)===null||i===void 0?void 0:i.length){r.next=3;break}return C.b.info("\u8BF7\u5148\u4E0A\u4F20\u89C6\u9891"),r.abrupt("return");case 3:return r.next=5,Object(_e.d)({username:m.username,videos:U.videoList.map(function(_){var p;return{video_id:_.videoId,title:_.title,attachment_id:_.attachment_id,course_id:m.coursesId,category_id:M==null||((p=M.query)===null||p===void 0)?void 0:p.categoryId}})});case 5:u=r.sent,(u==null?void 0:u.status)===0&&(Object(ne.R)(["\u6559\u5B66\u8BFE\u5802","\u89C6\u9891","\u4E0A\u4F20\u89C6\u9891"]),y.c.goBack(),re({type:"classroomList/getClassroomLeftMenus",payload:{id:m.coursesId}}));case 7:case"end":return r.stop()}},n)}));return function(){return c.apply(this,arguments)}}(),pe=(s=U.videoList)===null||s===void 0?void 0:s.length,fe=function(){return e.a.createElement("div",{className:t.a.main},e.a.createElement("div",{className:t.a.uploadTop},e.a.createElement("label",{htmlFor:"fileUpload",className:t.a.imgWrap},e.a.createElement("img",{className:t.a.defaultImg,src:k.a}),e.a.createElement("img",{className:t.a.hoverImg,src:ee.a})),e.a.createElement("div",{className:t.a.uploadTitle},"\u9009\u62E9\u60A8\u8981\u4E0A\u4F20\u7684\u89C6\u9891"),e.a.createElement("div",null,"\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F",e.a.createElement(K.Link,{to:"/users/".concat(m==null?void 0:m.username,"/videos/protocol"),className:t.a.colorBlue},"\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"),"\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1")),e.a.createElement("div",{className:t.a.uploadDescription},e.a.createElement("div",{className:t.a.description},e.a.createElement("div",null,"\u4E0A\u4F20\u8BF4\u660E\uFF1A\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "),e.a.createElement("div",null,"\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),e.a.createElement("div",null,"\u6E29\u99A8\u63D0\u793A\uFF1A",e.a.createElement("span",{className:t.a.colorOrange},"\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)")))))},Pe=function(){var n,i;return e.a.createElement("div",{className:t.a.fileMain},e.a.createElement(z.a,{spinning:de},(n=U.videoList)===null||n===void 0?void 0:n.map(function(u,l){return e.a.createElement("div",{className:t.a.fileWrap},e.a.createElement("div",null,l+1,". ",u.name),e.a.createElement("div",{className:t.a.fileProgress},e.a.createElement(V.a,{percent:u.loaded,status:u.loaded==100?"normal":"active"}),e.a.createElement("div",{className:t.a.fileCancel},e.a.createElement(B.a,{type:"primary",onClick:function(){return me(u.name,u.loaded==100)}},u.loaded===100?"\u5220\u9664":"\u53D6\u6D88\u4E0A\u4F20"))),e.a.createElement("div",{className:t.a.fileInputWrap},e.a.createElement("span",{className:"mr5"},"\u6807\u9898:"),e.a.createElement(G.a,{value:u.title,onChange:function(_){h({type:"updateTitle",payload:{title:_.target.value,item:u}})},className:t.a.fileInput,placeholder:"\u6807\u9898\u652F\u6301\u6700\u591A".concat(I,"\u4E2A\u5B57\u7B26"),maxLength:I,addonAfter:e.a.createElement("span",{className:"c-light-black font12"},String(u.title.length),"/",I)})),e.a.createElement("div",{className:t.a.fileImgWrap},e.a.createElement("aside",{className:"mr5"},"\u4E0A\u4F20\u5C01\u9762\u56FE:"),e.a.createElement(te.a,{value:u==null?void 0:u.attachment_id,onChange:function(_){h({type:"updateImg",payload:{attachment_id:_,item:u}})}})))})),e.a.createElement("div",{className:"mt10"},((i=U.videoList)===null||i===void 0?void 0:i.length)<=2?e.a.createElement("label",{htmlFor:"fileUpload",className:"".concat(t.a.continueAdd," current")},"\u7EE7\u7EED\u6DFB\u52A0"):"\u63D0\u793A\uFF1A\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20"),e.a.createElement("div",{className:t.a.description},e.a.createElement("div",null,"\u4E0A\u4F20\u8BF4\u660E\uFF1A\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "),e.a.createElement("div",null,"\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),e.a.createElement("div",null,"\u6E29\u99A8\u63D0\u793A\uFF1A",e.a.createElement("span",{className:t.a.colorOrange},"\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)"))),e.a.createElement("div",{className:t.a.flexRowCenter},e.a.createElement(B.a,{type:"primary",onClick:ve},"\u7ACB\u5373\u53D1\u5E03")),e.a.createElement("div",{className:"".concat(t.a.flexRowCenter," mt10")},"\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F",e.a.createElement(K.Link,{to:"/users/".concat(m==null?void 0:m.username,"/videos/protocol"),className:t.a.colorBlue},"\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"),"\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"))};return e.a.createElement("section",{className:t.a.bg,style:{width:"100%"}},e.a.createElement("div",{className:"mt5",style:{display:"flex"}},e.a.createElement(Z.a,{style:{marginTop:"8px"},className:"current mr10 font16",onClick:function(){y.c.push("/classrooms/".concat(m.coursesId,"/video"))}}),e.a.createElement("h2",null,"\u4E0A\u4F20\u89C6\u9891")),pe?Pe():fe(),e.a.createElement("input",{ref:H,type:"file",id:"fileUpload",style:{display:"none"},onChange:Ee,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))};R.default=Object(y.a)(function(F){var d=F.user,s=F.userDetail,v=F.loading,D=F.globalSetting;return{user:d,userDetail:s,globalSetting:D,loading:v.models.index}})(le)},goie:function(L,R,a){L.exports={bg:"bg___3KBzW",main:"main___1PLlj",uploadTop:"uploadTop___deJNX",imgWrap:"imgWrap___3RmIu",defaultImg:"defaultImg___25gRM",hoverImg:"hoverImg___1tdFl",uploadTitle:"uploadTitle___TEJxi",colorBlue:"colorBlue___33TfR",uploadDescription:"uploadDescription___1Oy4N",description:"description___3mDMY",colorOrange:"colorOrange___22ipR",fileMain:"fileMain___23G4g",fileWrap:"fileWrap___1ptzT",fileProgress:"fileProgress___itUOS",fileCancel:"fileCancel___23JLk",fileInputWrap:"fileInputWrap___JQW8a",fileImgWrap:"fileImgWrap___2FvyK",fileInput:"fileInput___2XF5G",flexRowCenter:"flexRowCenter___3OevG",continueAdd:"continueAdd___1bZfK"}}}]);