| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[87],{525:function(e,t,o){},650:function(e,t,o){"use strict";o(525)},768:function(e,t,o){"use strict";o.r(t);o(24);var n=o(7),r=(o(40),o(437),{head:function(){return{script:[{src:"https://gosspublic.alicdn.com/aliyun-oss-sdk-6.13.0.min.js"}]}},data:function(){return{labelPosition:"left",videoDialog:!1,videoForm:{id:0,name:"",order:0},videoFile:null,videoId:0,authProgress:0,uploader:null,statusText:"",videoList:[]}},computed:{},mounted:function(){this.getList()},methods:{fileChange:function(e){this.videoFile=e.file,this.uploader&&(this.uploader.stopUpload(),this.authProgress=0,this.statusText=""),this.uploader=this.createUploader(),this.uploader.addFile(this.videoFile),this.authUpload()},authUpload:function(){null!==this.uploader&&(this.uploader.startUpload(),this.uploadDisabled=!0)},createUploader:function(e){var t=this,o=new AliyunUpload.Vod({timeout:6e4,partSize:1048576,parallel:5,retryCount:3,retryDuration:2,region:"cn-shanghai",userId:"1024",addFileSuccess:function(e){t.statusText="添加文件成功, 等待上传...",console.log("addFileSuccess: "+e.file.name)},onUploadstarted:function(e){t.$post("/api/admin/upload/video",{filename:e.file.name}).then((function(n){var data=n.data,r=data.UploadAuth,l=data.UploadAddress,d=data.VideoId;t.videoId=data.VideoId,o.setUploadAuthAndAddress(e,r,l,d)})),t.statusText="文件开始上传...",console.log("onUploadStarted:"+e.file.name+", endpoint:"+e.endpoint+", bucket:"+e.bucket+", object:"+e.object)},onUploadSucceed:function(e){console.log("onUploadSucceed: "+e.file.name+", endpoint:"+e.endpoint+", bucket:"+e.bucket+", object:"+e.object),t.statusText="文件上传成功!"},onUploadProgress:function(e,o,progress){console.log("onUploadProgress:file:"+e.file.name+", fileSize:"+o+", percent:"+Math.ceil(100*progress)+"%");var n=Math.ceil(100*progress);t.authProgress=n,t.statusText="文件上传中..."}});return o},getList:function(){var e=this;return Object(n.a)(regeneratorRuntime.mark((function t(){var o,n;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o=e.$route.query,t.next=3,e.$post("/api/admin/sale/listVideo",{id:o.id});case 3:(n=t.sent)&&1===n.status&&(e.videoList=n.data);case 5:case"end":return t.stop()}}),t)})))()},videoDialogClose:function(){this.cleanDialog(),this.videoDialog=!1},addVideo:function(){this.videoDialog=!0},editVideo:function(e){this.videoForm={id:e.id,name:e.name,order:e.order},this.videoId=e.video_id,this.videoDialog=!0},delVideo:function(e){var t=this;this.$confirm("确认删除视频及源文件？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.videoDel(e.id)}))},cleanDialog:function(){this.videoForm={id:0,name:"",order:0},this.videoId=0,this.statusText="",this.authProgress=0},videoSubmit:function(){var e=this;return Object(n.a)(regeneratorRuntime.mark((function t(){var data,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return(data=e.videoForm).sale_id=e.$route.query.id,data.video_id=e.videoId,t.next=5,e.$post("/api/admin/sale/videoItemCreate",data);case 5:(o=t.sent)&&1===o.status?(e.cleanDialog(),e.videoDialog=!1,e.getList(),e.$message.success("保存成功")):e.$message.error("保存失败");case 7:case"end":return t.stop()}}),t)})))()},videoDel:function(e){var t=this;return Object(n.a)(regeneratorRuntime.mark((function o(){var n;return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,t.$post("/api/admin/sale/videoItemDel",{id:e});case 2:(n=o.sent)&&1===n.status?(t.getList(),t.$message.success("删除成功")):t.$message.error("删除失败");case 4:case"end":return o.stop()}}),o)})))()},playVideo:function(e){var t=this;return Object(n.a)(regeneratorRuntime.mark((function o(){var n;return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,t.$post("/api/admin/sale/videoPlayUrl",{video_id:e});case 2:(n=o.sent)&&1===n.status&&t.$alert(n.data.play_url,"视频播放地址");case 4:case"end":return o.stop()}}),o)})))()}}}),l=(o(650),o(4)),component=Object(l.a)(r,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"mainContainer"},[e._m(0),e._v(" "),t("div",{staticClass:"pform-body"},[t("el-button",{staticStyle:{"margin-bottom":"10px"},attrs:{type:"primary",size:"mini"},on:{click:function(t){return e.addVideo()}}},[e._v("添加视频")]),e._v(" "),t("el-table",{staticStyle:{width:"100%"},attrs:{data:e.videoList,border:""}},[t("el-table-column",{attrs:{prop:"name",label:"视频名称",width:"200"}}),e._v(" "),t("el-table-column",{attrs:{prop:"order",label:"排序",width:"200"}}),e._v(" "),t("el-table-column",{attrs:{prop:"status_name",label:"转码状态",width:"200"}}),e._v(" "),t("el-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(o){return[t("el-button",{attrs:{size:"mini",type:"primary"},on:{click:function(t){return e.editVideo(o.row)}}},[e._v("编辑")]),e._v(" "),t("el-button",{attrs:{size:"mini",type:"danger"},on:{click:function(t){return e.delVideo(o.row)}}},[e._v("删除")]),e._v(" "),t("el-button",{attrs:{size:"mini"},on:{click:function(t){return e.playVideo(o.row.video_id)}}},[e._v("播放地址")])]}}])})],1)],1),e._v(" "),t("el-dialog",{attrs:{title:"视频管理",visible:e.videoDialog,width:"500px"},on:{"update:visible":function(t){e.videoDialog=t}}},[t("el-form",{attrs:{model:e.videoForm,"label-position":e.labelPosition,"label-width":"70px"}},[t("el-form-item",{attrs:{label:"视频名称"}},[t("el-input",{attrs:{autocomplete:"off"},model:{value:e.videoForm.name,callback:function(t){e.$set(e.videoForm,"name",t)},expression:"videoForm.name"}})],1),e._v(" "),t("el-form-item",{attrs:{label:"排序"}},[t("el-input",{attrs:{autocomplete:"off",placeholder:"请输入数字"},model:{value:e.videoForm.order,callback:function(t){e.$set(e.videoForm,"order",t)},expression:"videoForm.order"}})],1),e._v(" "),t("el-form-item",{attrs:{label:"课程视频"}},[t("el-upload",{attrs:{action:"","show-file-list":!1,"http-request":e.fileChange}},[t("el-button",{attrs:{size:"small",type:"primary"}},[e._v("点击上传")])],1),e._v(" "),t("div",{staticClass:"file-upload"},[t("span",[e._v("上传进度: "+e._s(e.statusText))]),e._v(" "),t("el-progress",{attrs:{"text-inside":!0,"stroke-width":20,percentage:e.authProgress}})],1)],1)],1),e._v(" "),t("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[t("el-button",{attrs:{size:"medium"},on:{click:e.videoDialogClose}},[e._v("取消")]),e._v(" "),t("el-button",{attrs:{size:"medium",type:"primary"},on:{click:e.videoSubmit}},[e._v("确定")])],1)],1)],1)}),[function(){var e=this._self._c;return e("div",{staticClass:"pform-head"},[e("h3",[this._v("视频管理")])])}],!1,null,null,null);t.default=component.exports}}]);
|
