chunk-0f0519df.5051a5fb.js 13 KB

1
  1. (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0f0519df"],{"1db1":function(e,t,a){"use strict";a.r(t);var s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"app-container"},[a("div",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:e.loadingFull,expression:"loadingFull",modifiers:{fullscreen:!0,lock:!0}}]}),e._v(" "),a("div",[a("el-input",{staticStyle:{width:"250px"},attrs:{placeholder:"请输入教程信息",size:"small"},model:{value:e.searchParams.search_name,callback:function(t){e.$set(e.searchParams,"search_name",t)},expression:"searchParams.search_name"}}),e._v(" "),a("el-select",{attrs:{placeholder:"请选择",size:"small"},model:{value:e.searchParams.type,callback:function(t){e.$set(e.searchParams,"type",t)},expression:"searchParams.type"}},[a("el-option",{attrs:{label:"视频教程",value:"1"}}),e._v(" "),a("el-option",{attrs:{label:"图文教程",value:"2"}})],1),e._v(" "),a("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(t){e.searchParams.page_index=1,e.getGuideList()}}},[e._v("\n 查询\n ")]),e._v(" "),a("el-button",{attrs:{type:"primary",icon:"el-icon-plus",size:"small"},on:{click:function(t){e.visible.course=!0,e.editFlag=!1}}},[e._v("添加")])],1),e._v(" "),a("el-table",{staticClass:"tableBorder",attrs:{data:e.table,"header-cell-style":{background:"#f8fbfc"},border:"",stripe:""}},[a("el-table-column",{attrs:{prop:"title",label:"标题",align:"center"}}),e._v(" "),a("el-table-column",{attrs:{prop:"type",label:"类型",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row;return[e._v("\n "+e._s(1===a.type?"视频教程":"图文教程")+"\n ")]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"教程详情",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var s=t.row;return[1===s.type?[a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleSeeVideo(s)}}},[e._v("查看视频")])]:[a("el-image",{staticStyle:{width:"60px",height:"60px"},attrs:{src:s.url,fit:"cover"}})]]}}])}),e._v(" "),a("el-table-column",{attrs:{prop:"created_at",label:"上传时间",align:"center"}}),e._v(" "),a("el-table-column",{attrs:{prop:"status",label:"状态",align:"center",width:"150"},scopedSlots:e._u([{key:"default",fn:function(t){var s=t.row;return[a("el-tag",{attrs:{type:1===s.status?"success":"danger"}},[e._v(e._s(1===s.status?"正常":"已禁用"))])]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"操作",width:"200",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var s=t.row;return[a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleEdit(s)}}},[e._v("修改")]),e._v(" "),a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDelete(s)}}},[e._v("删除")]),e._v(" "),a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDisable(s)}}},[e._v(e._s(1===s.status?"禁用":"启用"))])]}}])})],1),e._v(" "),a("div",{staticClass:"batch-container"},[a("pagination",{staticStyle:{"margin-top":"0"},attrs:{total:e.tableTotal,limit:e.searchParams.page_size,page:e.searchParams.page_index},on:{pagination:e.changePagination,"update:limit":e.changePagination}})],1),e._v(" "),a("el-dialog",{attrs:{title:"添加",visible:e.visible.course},on:{"update:visible":function(t){return e.$set(e.visible,"course",t)}}},[a("el-form",{ref:"courseForm",attrs:{"label-width":"80px",model:e.course,rules:e.courseRules}},[a("el-form-item",{attrs:{label:"标题:",prop:"title"}},[a("el-input",{model:{value:e.course.title,callback:function(t){e.$set(e.course,"title",t)},expression:"course.title"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"类型:",prop:"type"}},[a("el-select",{attrs:{placeholder:"请选择",size:"small"},model:{value:e.course.type,callback:function(t){e.$set(e.course,"type",t)},expression:"course.type"}},[a("el-option",{attrs:{label:"视频教程",value:"1"}}),e._v(" "),a("el-option",{attrs:{label:"图文教程",value:"2"}})],1)],1),e._v(" "),a("el-form-item",{attrs:{label:"文件上传:"}},[a("el-upload",{staticClass:"upload-demo",attrs:{drag:"",action:"http://api.admin.app.jiuweiyun.cn/api/guide/uploadguidefiles","before-upload":e.beforeUploadVideo,"on-progress":e.uploadVideoProcess,"show-file-list":!1,"on-success":e.uploadVideoSuccess,name:"file",data:e.uploadParams,headers:e.uploadHeaders}},["1"===e.course.type?a("div",[e.videoFlag?e._e():a("div",[""!==e.course.url?a("video",{staticClass:"avatar",attrs:{src:e.course.url,controls:"controls"}},[e._v("您的浏览器不支持视频播放")]):a("div",[a("i",{staticClass:"el-icon-upload"}),e._v(" "),a("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处,或"),a("em",[e._v("点击上传")])])])]),e._v(" "),e.videoFlag?a("el-progress",{staticStyle:{"margin-top":"30px"},attrs:{type:"circle",percentage:e.videoUploadPercent}}):e._e()],1):a("div",[e.videoFlag?e._e():a("div",[""!==e.course.url?a("img",{staticClass:"avatar",attrs:{src:e.course.url}}):e._e(),e._v(" "),a("div",[a("i",{staticClass:"el-icon-upload"}),e._v(" "),a("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处,或"),a("em",[e._v("点击上传")])])])]),e._v(" "),e.videoFlag?a("el-progress",{staticStyle:{"margin-top":"30px"},attrs:{type:"circle",percentage:e.videoUploadPercent}}):e._e()],1),e._v(" "),a("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},["1"===e.course.type?[e._v("只能上传视频文件,且不超过100MB")]:[e._v("上传jpg/png图片")]],2)])],1),e._v(" "),""!==e.course.url?a("el-form-item",{attrs:{label:"链接地址:"}},[a("el-input",{attrs:{disabled:""},model:{value:e.course.url,callback:function(t){e.$set(e.course,"url",t)},expression:"course.url"}})],1):e._e(),e._v(" "),a("el-form-item",{attrs:{label:"备注:"}},[a("el-input",{attrs:{type:"textarea",rows:4,placeholder:"备注信息"},model:{value:e.course.contents,callback:function(t){e.$set(e.course,"contents",t)},expression:"course.contents"}})],1),e._v(" "),a("el-form-item",[a("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleUpload}},[e._v(e._s(e.editFlag?"修改":"添加"))]),e._v(" "),a("el-button",{attrs:{size:"small"},on:{click:e.handleClose}},[e._v("取消")])],1)],1)],1),e._v(" "),a("el-dialog",{attrs:{title:"视频教程",visible:e.visible.video},on:{"update:visible":function(t){return e.$set(e.visible,"video",t)}}},[a("video",{staticClass:"avatar",attrs:{src:e.seeVideoInfoUrl,controls:"controls"}},[e._v("您的浏览器不支持视频播放")])])],1)},r=[],i=(a("c5f6"),a("96cf"),a("1da1")),n=a("b775");function o(e){return Object(n["a"])({url:"/guide/getguidelist",method:"Get",params:e})}function l(e){return Object(n["a"])({url:"/guide/updateguide",method:"post",data:e})}function c(e){return Object(n["a"])({url:"/guide/uploadguide",method:"post",data:e})}function u(e){return Object(n["a"])({url:"/guide/disableguide",method:"post",data:e})}function d(e){return Object(n["a"])({url:"/guide/destoryguide",method:"post",data:e})}var p=a("5f87"),v={data:function(){return{searchParams:{page_index:1,page_size:10,search_name:"",type:"1"},table:[],tableTotal:0,visible:{course:!1,video:!1},course:{title:"",url:"",type:"1",contents:"",id:""},courseRules:{title:[{required:!0,message:"请输入标题",trigger:"blur"}],type:[{required:!0,message:"请选择类型",trigger:"change"}]},videoFlag:!1,videoUploadPercent:0,uploadHeaders:{authorization:"Bearer "+Object(p["a"])()},seeVideoInfoUrl:"",editFlag:!1,loadingFull:!1}},computed:{uploadParams:function(){return{type:this.course.type}}},watch:{"course.type":function(e,t){this.videoFlag=!1,this.videoUploadPercent=0,this.course.url=""}},created:function(){this.getGuideList()},methods:{getGuideList:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(){var t,a,s,r,i,n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return this.loadingFull=!0,e.prev=1,e.next=4,o(this.searchParams);case 4:t=e.sent,a=t.code,s=t.message,200===a?(r=t.data,i=r.list,n=r.total,this.table=i,this.tableTotal=n):this.$message.error(s),e.next=12;break;case 9:e.prev=9,e.t0=e["catch"](1),console.log("获取教程列表失败: ".concat(e.t0));case 12:this.loadingFull=!1;case 13:case"end":return e.stop()}}),e,this,[[1,9]])})));function t(){return e.apply(this,arguments)}return t}(),deleteGuide:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var a,s,r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d({id:t});case 3:a=e.sent,s=a.code,r=a.message,200===s?(this.$message.success(r),this.getGuideList()):this.$message.error(r),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),console.log("删除教程失败: ".concat(e.t0));case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),disableGuide:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var a,s,r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,u({id:t});case 3:a=e.sent,s=a.code,r=a.message,200===s?(this.$message.success(r),this.getGuideList()):this.$message.error(r),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("禁用教程失败!!");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),handleUpload:function(){var e=this;this.$refs.courseForm.validate((function(t){if(!t)return!1;if(e.editFlag)e.editGuide(e.course);else{var a=e.course,s=a.title,r=a.type,i=a.url,n=a.contents;e.addGuide({title:s,type:r,url:i,contents:n})}}))},addGuide:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var a,s,r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c(t);case 3:a=e.sent,s=a.code,r=a.message,200===s?(this.handleClose(),this.getGuideList(),this.$message.success(r)):this.$message.error(r),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("上传教程失败!!");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),handleClose:function(){this.$refs.courseForm.resetFields(),this.editFlag=!1,this.course.id="",this.course.url="",this.course.title="",this.course.type="1",this.course.contents="",this.videoFlag=!1,this.videoUploadPercent=0,this.visible.course=!1},handleDelete:function(e){var t=this,a=e.id,s=e.title;this.$confirm("确认删除教程: ".concat(s," 吗?"),"删除教程",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.deleteGuide(a)}))},handleDisable:function(e){var t=this,a=e.id,s=e.title,r=e.status,i=1===r?"禁用":"启用";this.$confirm("确认".concat(i,"教程: ").concat(s," 吗?"),"".concat(i,"教程"),{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.disableGuide(a)}))},beforeUploadVideo:function(e){if("1"===this.course.type){var t=e.size/1024/1024<100;if(-1===["video/mp4","video/ogg","video/flv","video/avi","video/wmv","video/rmvb"].indexOf(e.type))return this.$message.error("请上传正确的视频格式"),!1;if(!t)return this.$message.error("上传视频大小不能超过100MB"),!1}else if(-1===["image/jpg","image/jpeg","image/png"].indexOf(e.type))return this.$message.error("请上传正确的图片格式"),!1},uploadVideoProcess:function(e,t,a){this.videoFlag=!0,this.videoUploadPercent=Number(t.percentage.toFixed(0))},uploadVideoSuccess:function(e,t){this.videoFlag=!1,this.videoUploadPercent=0;var a=e.code,s=e.message;if(200===a){var r=e.data;this.course.url=r}else this.$message.error(s)},handleSeeVideo:function(e){var t=e.url;this.seeVideoInfoUrl=t,this.visible.video=!0},handleEdit:function(e){var t=e.title,a=e.type,s=e.url,r=e.id,i=e.contents;this.editFlag=!0,this.course.type=String(a),this.course.title=t,this.course.url=s,this.course.contents=i,this.course.id=r,this.visible.course=!0},editGuide:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var a,s,r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,l(t);case 3:a=e.sent,s=a.code,r=a.message,200===s?(this.handleClose(),this.getGuideList(),this.$message.success(r)):this.$message.error(r),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("修改教程失败!!");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),changePagination:function(e){var t=e.page,a=e.limit;this.searchParams.page_size=a,this.searchParams.page_index=t,this.getGuideList()}}},h=v,g=(a("acb5"),a("2877")),m=Object(g["a"])(h,s,r,!1,null,"e5d2c280",null);t["default"]=m.exports},acb5:function(e,t,a){"use strict";a("ecc2")},ecc2:function(e,t,a){}}]);