app-base-react/lib/pages/train/TrainWy.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_createClass=function(){function a(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),e}}(),_react=(require("antd/lib/button/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilString=require("../../library/util-string"),_utilString2=_interopRequireDefault(_utilString),_utilAxios=require("../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(e)return!t||"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var _appKey="91c04c4a031963d638a27f0e5eec61ea",_appSecret="e70813165e30",TrainWyList=function(){function t(e){_classCallCheck(this,t);var o=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return o.onGetVideoMsg=function(){var t=_utilString2.default.uuid(),n=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:t,curTime:n},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/video/get",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:t,CurTime:n,CheckSum:e.msg},body:JSON.stringify({vid:2915891857})}).then(function(e){return e.json()}).then(function(e){console.log(e)})})},o.onQueryType=function(){var t=_utilString2.default.uuid(),n=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:t,curTime:n},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/type/list",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:t,CurTime:n,CheckSum:e.msg},body:JSON.stringify({currentPage:"1",pageSize:"500"})}).then(function(e){return e.json()}).then(function(e){console.log(e)})})},o.onCreateType=function(){var t=_utilString2.default.uuid(),n=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:t,curTime:n},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/type/create",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:t,CurTime:n,CheckSum:e.msg},body:JSON.stringify({typeName:"江门高新大讲堂",parentTypeId:0,description:"江门高新大讲堂视频根目录"})}).then(function(e){return e.json()}).then(function(e){console.log(e)})})},o.onCreateUser=function(){var t=_utilString2.default.uuid(),n=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:t,curTime:n},function(e){console.log(e),e.success&&fetch("http://vcloud.163.com/app/vod/thirdpart/user/create",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:t,CurTime:n,CheckSum:e.msg},body:JSON.stringify({accid:"20200224",name:"江门高新大讲堂",type:1,props:"jianghai.7ipr.com"})}).then(function(e){return e.json()}).then(function(e){console.log(e)})})},o.onResetmulti=function(){var t="2917755499",n=_utilString2.default.uuid(),a=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:n,curTime:a},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/transcode/resetmulti",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:n,CurTime:a,CheckSum:e.msg},body:JSON.stringify({vids:[t],presetId:"104833720",userDefInfo:t+"转码成功！"})}).then(function(e){return e.json()}).then(function(e){console.log(e)})})},o.onResetCb=function(){var t=o;if(!o.state.callbackUrl)return"";var n=_utilString2.default.uuid(),a=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:n,curTime:a},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/transcode/setcallback",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:n,CurTime:a,CheckSum:e.msg},body:JSON.stringify({callbackUrl:t.state.callbackUrl,signKey:"7ipr"})}).then(function(e){return e.json()}).then(function(e){console.log(e),t.setState({log:t.state.log+"设置转码回调地址："+JSON.stringify(e)+"<br/>"})})})},o.state={title:"云视频管理",url:"TrainChapter/",callbackUrl:"https://os.7ipr.com/api/TrainChapter/callback",log:""},o}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){var e=new Uploader({AppKey:"91c04c4a031963d638a27f0e5eec61ea",accid:"20200224",token:"2825b5a39ad98a325ddb1ff51fe75b50a672c5e9",typeId:"104399963",fileInputId:"fileInput1",fileUploadId:"fileUpload1"});e.on("select",function(e){console.log("已选择文件："+e.fileName+"，请点击上传按钮")}),e.on("progress",function(e){console.log("<br>正在上传："+e.progress+"%")}),e.on("finished",function(e){console.log("<br>上传成功："+e.fileName)}),e.on("error",function(e){console.log(e),console.log("<br>出现错误，具体信息请查看控制台")}),e.on("getVid",function(e){console.log("<br>服务器生成的vid："+e)})}},{key:"render",value:function(){var n=this;return _react2.default.createElement("div",{className:"app-admin"},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{className:"main-title"},_react2.default.createElement("i",{className:"iconfont icon-title"}),this.state.title)),_react2.default.createElement(_row2.default,{className:"section"},_react2.default.createElement(_col2.default,{xs:3},"设置转码回调地址:"),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("input",{style:{padding:"0 5px",width:"100%",border:"1px solid #d5d5d5",height:"30px"},type:"text",placeholder:"视频回调地址",value:this.state.callbackUrl,onChange:function(e){var t=n.state;t.callbackUrl=e.target.value,n.setState(t)}})),_react2.default.createElement(_col2.default,{xs:6},"    ",_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onResetCb},_react2.default.createElement("i",null,"设置")))),_react2.default.createElement("br",null),_react2.default.createElement("br",null),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,"执行日志")),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("div",{className:"log",dangerouslySetInnerHTML:{__html:this.state.log}}))),_react2.default.createElement(_row2.default,{className:"hide"},_react2.default.createElement(_col2.default,null,_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onResetmulti},_react2.default.createElement("span",{className:"iconfont icon-jiahao"}),_react2.default.createElement("i",null,"视频转码")),_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onCreateUser},_react2.default.createElement("span",{className:"iconfont icon-jiahao"}),_react2.default.createElement("i",null,"创建终端用户")),_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onCreateType},_react2.default.createElement("span",{className:"iconfont icon-jiahao"}),_react2.default.createElement("i",null,"创建视频分类")),_react2.default.createElement(_button2.default,{onClick:this.onQueryType},_react2.default.createElement("span",{className:"iconfont icon-jiahao"}),_react2.default.createElement("i",null,"查询视频分类")),_react2.default.createElement(_button2.default,{onClick:this.onGetVideoMsg},_react2.default.createElement("span",{className:"iconfont icon-jiahao"}),_react2.default.createElement("i",null,"获取视频信息")),_react2.default.createElement("input",{type:"file",id:"fileInput1",width:"60%"}),_react2.default.createElement("button",{id:"fileUpload1"},"上传"))))}}]),t}();exports.default=TrainWyList;