| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-39996617"],{"8b6c4":function(e,t,i){},9802:function(e,t,i){"use strict";i("8b6c4")},bd24:function(e,t,i){"use strict";i.r(t);var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"albumvideo"},[i("div",{staticClass:"type_title"},[i("div",[e._v("微店铺操作视频")]),i("el-button",{attrs:{type:"primary"},on:{click:e.addNew}},[e._v("添加视频")])],1),i("div",{staticClass:"video_con"},e._l(e.videoList,(function(t){return i("div",{key:t.id,staticClass:"video_box"},[i("div",{staticClass:"video_intr flexS"},[i("span",[e._v(e._s(t.name.length>17?t.name.slice(0,17)+"...":t.name))]),i("div",{staticClass:"opear_icon"},[i("i",{staticClass:"el-icon-edit",on:{click:function(i){return e.getDetail(t.id)}}}),i("i",{staticClass:"el-icon-delete",staticStyle:{"margin-left":"20px"},on:{click:function(i){return e.delVideo(t.id)}}})])]),i("video",{staticClass:"video",attrs:{src:t.value,controls:"controls"}})])})),0),i("el-dialog",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],attrs:{title:"添加视频",visible:e.dialogTableVisible,"element-loading-text":"上传中，请耐心等待...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.8)"},on:{"update:visible":function(t){e.dialogTableVisible=t}}},[i("el-form",{attrs:{model:e.params}},[i("el-form-item",{attrs:{label:"上传方式：","label-width":e.formLabelWidth}},[i("el-radio-group",{model:{value:e.type,callback:function(t){e.type=t},expression:"type"}},[i("el-radio",{attrs:{label:0}},[e._v("上传视频")]),i("el-radio",{attrs:{label:1}},[e._v("引用视频")])],1)],1),i("el-form-item",{attrs:{label:"视频名称：","label-width":e.formLabelWidth}},[i("el-input",{staticStyle:{width:"360px"},attrs:{placeholder:"在此输入视频名称"},model:{value:e.params.name,callback:function(t){e.$set(e.params,"name",t)},expression:"params.name"}})],1),0==e.type?i("el-form-item",{attrs:{label:"上传视频：","label-width":e.formLabelWidth}},[i("div",{staticClass:"flexT"},[i("el-upload",{attrs:{action:"","http-request":e.thumbPictureUpload,"on-progress":e.uploadVideoProcess,"on-success":e.handleVideoSuccess,"before-upload":e.beforeUploadVideo,"show-file-list":!1,drag:"",multiple:""}},[e.params.url?i("video",{staticClass:"upload_video",attrs:{src:e.params.url,controls:"controls"}}):i("div",[i("i",{staticClass:"el-icon-upload"}),i("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处，或"),i("em",[e._v("点击上传")])])])]),e.params.url?i("span",{staticClass:"upload_again",on:{click:function(t){e.params.url=""}}},[e._v("重新上传")]):e._e()],1)]):i("el-form-item",{attrs:{label:"视频链接：","label-width":e.formLabelWidth}},[i("el-input",{staticStyle:{width:"360px"},attrs:{placeholder:"在此输入视频链接"},model:{value:e.params.url,callback:function(t){e.$set(e.params,"url",t)},expression:"params.url"}})],1)],1),i("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{on:{click:function(t){e.dialogTableVisible=!1}}},[e._v("取 消")]),i("el-button",{attrs:{type:"primary"},on:{click:e.opearVideo}},[e._v(e._s(e.isEdit?"修改":"确定"))])],1)],1)],1)},o=[],s=(i("b0c0"),i("b680"),i("b775")),l=function(e){return Object(s["a"])({url:"/setting/upload_video ",method:"post",data:e})},d=function(e){return Object(s["a"])({url:"/setting/get_video_all",method:"get",params:e})},n=function(e){return Object(s["a"])({url:"/setting/delete_video",method:"post",data:e})},r=function(e){return Object(s["a"])({url:"/setting/add_video",method:"post",data:e})},c=function(e){return Object(s["a"])({url:"/setting/edit_video",method:"post",data:e})},u=function(e){return Object(s["a"])({url:"/setting/get_video_2id",method:"get",params:e})},m={name:"backstage_video",data:function(){return{dialogTableVisible:!1,params:{url:"",name:"",id:""},imageUrl:"",formLabelWidth:"120px",videoFlag:!1,videoUploadPercent:0,isShowUploadVideo:!1,videoForm:{showVideoPath:""},videoList:"",videoDetail:"",isEdit:!1,loading:!1,type:0}},created:function(){this.getVideo()},methods:{addNew:function(){this.params={url:"",id:"",name:""},this.dialogTableVisible=!0},getDetail:function(e){var t=this;u({id:e}).then((function(e){if(200==e.code){var i=e.data,a=i.value,o=i.name,s=i.id;t.params={url:a,name:o,id:s},t.isEdit=!0,t.dialogTableVisible=!0}else t.$message.error(e.msg||"获取视频详情失败")}))},opearVideo:function(){var e=this,t=this.params,i=t.url,a=t.id,o=t.name,s=this.isEdit?{url:i,id:a,name:o}:{url:i,name:o},l=this.isEdit?c:r;l(s).then((function(t){200==t.code?(e.dialogTableVisible=!1,e.$message.success("".concat(e.isEdit?"修改":"添加","视频成功")),e.getVideo()):e.$message.error(t.msg||"".concat(e.isEdit?"修改":"添加","视频失败"))}))},delVideo:function(e){var t=this;this.$confirm("确认要删除该视频吗?","删除确认",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.delHomeVideo(e)}))},delHomeVideo:function(e){var t=this;n({id:e}).then((function(e){200==e.code?(t.$message.success("删除视频成功"),t.getVideo()):t.$message.error(e.mag||"删除视频失败")}))},getVideo:function(){var e=this;d().then((function(t){200==t.code?e.videoList=t.data:e.$message.error(t.msg||"获取视频失败")}))},thumbPictureUpload:function(e){var t=this,i=e.file;if(-1===["video/mp4","video/ogg","video/flv","video/avi","video/wmv","video/rmvb","video/mov"].indexOf(i.type))return this.$message.warning("请上传正确的视频格式"),!1;this.loading=!0;var a=new FormData;a.append("video",i),this.isShowUploadVideo=!1,this.videoFlag=!0,l(a).then((function(e){try{var i=e.message,a=e.code,o=e.data;200===a?(t.loading=!1,console.log(o,"上传视频"),t.params.url=o):(t.params.url="",t.$message.error(i))}catch(s){console.log("上传微店操作视频失败: ".concat(s))}}))},beforeUploadVideo:function(e){e.size;if(-1==["video/mp4","video/ogg","video/flv","video/avi","video/wmv","video/rmvb","video/mov"].indexOf(e.type))return this.$message.warning("请上传正确的视频格式"),!1;this.isShowUploadVideo=!1},uploadVideoProcess:function(e,t,i){this.videoFlag=!0,this.videoUploadPercent=1*t.percentage.toFixed(0)},handleVideoSuccess:function(e,t){this.isShowUploadVideo=!0,this.videoFlag=!1,this.videoUploadPercent=0}}},v=m,p=(i("9802"),i("2877")),g=Object(p["a"])(v,a,o,!1,null,"9f1fa75e",null);t["default"]=g.exports}}]);
|
