| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-003e8b18"],{1598:function(t,i,e){},"2f21":function(t,i,e){"use strict";var a=e("79e5");t.exports=function(t,i){return!!t&&a((function(){i?t.call(null,(function(){}),1):t.call(null)}))}},"55dd":function(t,i,e){"use strict";var a=e("5ca1"),s=e("d8e8"),o=e("4bf8"),l=e("79e5"),r=[].sort,d=[1,2,3];a(a.P+a.F*(l((function(){d.sort(void 0)}))||!l((function(){d.sort(null)}))||!e("2f21")(r)),"Array",{sort:function(t){return void 0===t?r.call(o(this)):r.call(o(this),s(t))}})},9432:function(t,i,e){"use strict";e.r(i);var a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"albumvideo"},[e("div",{staticClass:"type_title"},[e("div",[t._v("客户商H5操作视频")]),t._v(" "),e("el-button",{attrs:{type:"primary"},on:{click:t.addNew}},[t._v("添加视频")])],1),t._v(" "),e("div",{staticClass:"video_con"},t._l(t.videoList,(function(i){return e("div",{key:i.id,staticClass:"video_box"},[e("div",{staticClass:"video_intr flexS"},[e("div",{staticClass:"round"},[t._v(t._s(i.sort))]),t._v(" "),e("span",[t._v(t._s(i.title.length>17?i.title.slice(0,17)+"...":i.title))]),t._v(" "),e("div",{staticClass:"opear_icon"},[e("i",{staticClass:"el-icon-edit",on:{click:function(e){return t.getDetail(i)}}})])]),t._v(" "),e("video",{staticClass:"video",attrs:{src:i.video_url,controls:"controls"}})])})),0),t._v(" "),e("el-dialog",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],attrs:{title:t.isEdit?"编辑视频":"添加视频",visible:t.dialogTableVisible,"element-loading-text":"上传中，请耐心等待...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.8)"},on:{"update:visible":function(i){t.dialogTableVisible=i}}},[e("el-form",{attrs:{model:t.params}},[e("el-form-item",{attrs:{label:"视频名称：","label-width":t.formLabelWidth}},[e("el-input",{staticStyle:{width:"360px"},attrs:{placeholder:"在此输入视频名称"},model:{value:t.params.title,callback:function(i){t.$set(t.params,"title",i)},expression:"params.title"}})],1),t._v(" "),e("el-form-item",{attrs:{label:"排序：","label-width":t.formLabelWidth}},[e("el-input-number",{staticStyle:{width:"140px"},attrs:{min:1},model:{value:t.params.sort,callback:function(i){t.$set(t.params,"sort",i)},expression:"params.sort"}})],1),t._v(" "),e("el-form-item",{attrs:{label:"状态：","label-width":t.formLabelWidth}},[e("el-radio-group",{model:{value:t.params.status,callback:function(i){t.$set(t.params,"status",i)},expression:"params.status"}},[e("el-radio",{attrs:{label:0}},[t._v("正常")]),t._v(" "),e("el-radio",{attrs:{label:1}},[t._v("停用")])],1)],1),t._v(" "),e("el-form-item",{attrs:{label:"上传视频：","label-width":t.formLabelWidth}},[e("div",{staticClass:"flexT"},[e("el-upload",{attrs:{"http-request":t.thumbPictureUpload,"on-progress":t.uploadVideoProcess,"on-success":t.handleVideoSuccess,"before-upload":t.beforeUploadVideo,"show-file-list":!1,drag:"",multiple:""}},[t.params.url?e("video",{staticClass:"upload_video",attrs:{src:t.params.url,controls:"controls"}}):e("div",[e("i",{staticClass:"el-icon-upload"}),t._v(" "),e("div",{staticClass:"el-upload__text"},[t._v("将文件拖到此处，或"),e("em",[t._v("点击上传")])])])]),t._v(" "),t.params.url?e("span",{staticClass:"upload_again",on:{click:function(i){t.params.url=""}}},[t._v("重新上传")]):t._e()],1)])],1),t._v(" "),e("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(i){t.dialogTableVisible=!1}}},[t._v("取 消")]),t._v(" "),e("el-button",{attrs:{type:"primary"},on:{click:t.opearVideo}},[t._v(t._s(t.isEdit?"修改":"确定"))])],1)],1)],1)},s=[],o=(e("55dd"),e("4ee1")),l={data:function(){return{dialogTableVisible:!1,params:{url:"",title:"",sort:1,id:"",status:0},imageUrl:"",formLabelWidth:"120px",videoFlag:!1,videoUploadPercent:0,isShowUploadVideo:!1,videoForm:{showVideoPath:""},videoList:"",videoDetail:"",isEdit:!1,loading:!1}},created:function(){this.getVideo()},methods:{addNew:function(){this.params={url:"",id:"",title:"",status:0,sort:""},this.isEdit=!1,this.dialogTableVisible=!0},getDetail:function(t){this.params={url:t.video_url,title:t.title,id:t.id,sort:t.sort,status:t.status},this.isEdit=!0,this.dialogTableVisible=!0},opearVideo:function(){var t=this,i=this.params,e=i.url,a=i.id,s=i.title,l=i.sort,r=i.status,d=this.isEdit?{id:a,url:e,title:s,sort:l,status:r}:{url:e,title:s,sort:l,status:r},n=this.isEdit?o["c"]:o["b"];n(d).then((function(i){200===i.code?(t.dialogTableVisible=!1,t.$message.success("".concat(t.isEdit?"修改":"添加","视频成功")),t.getVideo()):t.$message.error(i.msg||"".concat(t.isEdit?"修改":"添加","视频失败"))}))},getVideo:function(){var t=this;Object(o["e"])().then((function(i){200===i.code?t.videoList=i.data:t.$message.error(i.msg||"获取视频失败")}))},thumbPictureUpload:function(t){var i=this,e=t.file;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.loading=!0;var a=new FormData;a.append("video",e),this.isShowUploadVideo=!1,this.videoFlag=!0,Object(o["k"])(a).then((function(t){try{var e=t.message,a=t.code,s=t.data;200===a?(i.loading=!1,i.params.url=s.path):(i.params.url="",i.$message.error(e))}catch(o){console.log("上传客户商操作视频失败: ".concat(o))}}))},beforeUploadVideo:function(t){if(-1===["video/mp4","video/ogg","video/flv","video/avi","video/wmv","video/rmvb","video/mov"].indexOf(t.type))return this.$message.warning("请上传正确的视频格式"),!1;this.isShowUploadVideo=!1},uploadVideoProcess:function(t,i,e){this.videoFlag=!0,this.videoUploadPercent=1*i.percentage.toFixed(0)},handleVideoSuccess:function(t,i){this.isShowUploadVideo=!0,this.videoFlag=!1,this.videoUploadPercent=0}}},r=l,d=(e("f9ca"),e("2877")),n=Object(d["a"])(r,a,s,!1,null,"615d4651",null);i["default"]=n.exports},f9ca:function(t,i,e){"use strict";e("1598")}}]);
|
