(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-07cb8c14"],{"1db1":function(e,t,s){"use strict";s.r(t);var a=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"app-container"},[s("div",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:e.loadingFull,expression:"loadingFull",modifiers:{fullscreen:!0,lock:!0}}]}),e._v(" "),s("div",[s("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(" "),s("el-select",{attrs:{placeholder:"请选择",size:"small"},model:{value:e.searchParams.type,callback:function(t){e.$set(e.searchParams,"type",t)},expression:"searchParams.type"}},[s("el-option",{attrs:{label:"视频教程",value:"1"}}),e._v(" "),s("el-option",{attrs:{label:"图文教程",value:"2"}})],1),e._v(" "),s("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(t){e.searchParams.page_index=1,e.getGuideList()}}},[e._v("\n      查询\n    ")]),e._v(" "),s("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(" "),s("el-table",{staticClass:"tableBorder",attrs:{data:e.table,"header-cell-style":{background:"#f8fbfc"},border:"",stripe:""}},[s("el-table-column",{attrs:{prop:"title",label:"标题",align:"center"}}),e._v(" "),s("el-table-column",{attrs:{prop:"type",label:"类型",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var s=t.row;return[e._v("\n        "+e._s(1===s.type?"视频教程":"图文教程")+"\n      ")]}}])}),e._v(" "),s("el-table-column",{attrs:{label:"教程详情",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row;return[1===a.type?[s("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleSeeVideo(a)}}},[e._v("查看视频")])]:[s("el-image",{staticStyle:{width:"60px",height:"60px"},attrs:{src:a.url,fit:"cover"}})]]}}])}),e._v(" "),s("el-table-column",{attrs:{prop:"created_at",label:"上传时间",align:"center"}}),e._v(" "),s("el-table-column",{attrs:{prop:"status",label:"状态",align:"center",width:"150"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row;return[s("el-tag",{attrs:{type:1===a.status?"success":"danger"}},[e._v(e._s(1===a.status?"正常":"已禁用"))])]}}])}),e._v(" "),s("el-table-column",{attrs:{label:"操作",width:"200",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row;return[s("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleEdit(a)}}},[e._v("修改")]),e._v(" "),s("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDelete(a)}}},[e._v("删除")]),e._v(" "),s("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDisable(a)}}},[e._v(e._s(1===a.status?"禁用":"启用"))])]}}])})],1),e._v(" "),s("div",{staticClass:"batch-container"},[s("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(" "),s("el-dialog",{attrs:{title:"添加",visible:e.visible.course},on:{"update:visible":function(t){return e.$set(e.visible,"course",t)}}},[s("el-form",{ref:"courseForm",attrs:{"label-width":"80px",model:e.course,rules:e.courseRules}},[s("el-form-item",{attrs:{label:"标题:",prop:"title"}},[s("el-input",{model:{value:e.course.title,callback:function(t){e.$set(e.course,"title",t)},expression:"course.title"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"类型:",prop:"type"}},[s("el-select",{attrs:{placeholder:"请选择",size:"small"},model:{value:e.course.type,callback:function(t){e.$set(e.course,"type",t)},expression:"course.type"}},[s("el-option",{attrs:{label:"视频教程",value:"1"}}),e._v(" "),s("el-option",{attrs:{label:"图文教程",value:"2"}})],1)],1),e._v(" "),s("el-form-item",{attrs:{label:"文件上传:"}},[s("el-upload",{staticClass:"upload-demo",attrs:{drag:"",action:"https://ht.cliu.cc/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?s("div",[e.videoFlag?e._e():s("div",[""!==e.course.url?s("video",{staticClass:"avatar",attrs:{src:e.course.url,controls:"controls"}},[e._v("您的浏览器不支持视频播放")]):s("div",[s("i",{staticClass:"el-icon-upload"}),e._v(" "),s("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处，或"),s("em",[e._v("点击上传")])])])]),e._v(" "),e.videoFlag?s("el-progress",{staticStyle:{"margin-top":"30px"},attrs:{type:"circle",percentage:e.videoUploadPercent}}):e._e()],1):s("div",[e.videoFlag?e._e():s("div",[""!==e.course.url?s("img",{staticClass:"avatar",attrs:{src:e.course.url}}):e._e(),e._v(" "),s("div",[s("i",{staticClass:"el-icon-upload"}),e._v(" "),s("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处，或"),s("em",[e._v("点击上传")])])])]),e._v(" "),e.videoFlag?s("el-progress",{staticStyle:{"margin-top":"30px"},attrs:{type:"circle",percentage:e.videoUploadPercent}}):e._e()],1),e._v(" "),s("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?s("el-form-item",{attrs:{label:"链接地址:"}},[s("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(" "),s("el-form-item",{attrs:{label:"备注:"}},[s("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(" "),s("el-form-item",[s("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleUpload}},[e._v(e._s(e.editFlag?"修改":"添加"))]),e._v(" "),s("el-button",{attrs:{size:"small"},on:{click:e.handleClose}},[e._v("取消")])],1)],1)],1),e._v(" "),s("el-dialog",{attrs:{title:"视频教程",visible:e.visible.video},on:{"update:visible":function(t){return e.$set(e.visible,"video",t)}}},[s("video",{staticClass:"avatar",attrs:{src:e.seeVideoInfoUrl,controls:"controls"}},[e._v("您的浏览器不支持视频播放")])])],1)},r=[],i=(s("c5f6"),s("c7eb")),l=(s("96cf"),s("1da1")),o=s("b775");function n(e){return Object(o["a"])({url:"/guide/getguidelist",method:"Get",params:e})}function c(e){return Object(o["a"])({url:"/guide/updateguide",method:"post",data:e})}function u(e){return Object(o["a"])({url:"/guide/uploadguide",method:"post",data:e})}function d(e){return Object(o["a"])({url:"/guide/disableguide",method:"post",data:e})}function p(e){return Object(o["a"])({url:"/guide/destoryguide",method:"post",data:e})}var v=s("5f87"),h={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(v["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(l["a"])(Object(i["a"])().mark((function e(){var t,s,a,r,l,o;return Object(i["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return this.loadingFull=!0,e.prev=1,e.next=4,n(this.searchParams);case 4:t=e.sent,s=t.code,a=t.message,200===s?(r=t.data,l=r.list,o=r.total,this.table=l,this.tableTotal=o):this.$message.error(a),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(l["a"])(Object(i["a"])().mark((function e(t){var s,a,r;return Object(i["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,p({id:t});case 3:s=e.sent,a=s.code,r=s.message,200===a?(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(l["a"])(Object(i["a"])().mark((function e(t){var s,a,r;return Object(i["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d({id:t});case 3:s=e.sent,a=s.code,r=s.message,200===a?(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 s=e.course,a=s.title,r=s.type,i=s.url,l=s.contents;e.addGuide({title:a,type:r,url:i,contents:l})}}))},addGuide:function(){var e=Object(l["a"])(Object(i["a"])().mark((function e(t){var s,a,r;return Object(i["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,u(t);case 3:s=e.sent,a=s.code,r=s.message,200===a?(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,s=e.id,a=e.title;this.$confirm("确认删除教程: ".concat(a," 吗?"),"删除教程",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.deleteGuide(s)}))},handleDisable:function(e){var t=this,s=e.id,a=e.title,r=e.status,i=1===r?"禁用":"启用";this.$confirm("确认".concat(i,"教程: ").concat(a," 吗?"),"".concat(i,"教程"),{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.disableGuide(s)}))},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,s){this.videoFlag=!0,this.videoUploadPercent=Number(t.percentage.toFixed(0))},uploadVideoSuccess:function(e,t){this.videoFlag=!1,this.videoUploadPercent=0;var s=e.code,a=e.message;if(200===s){var r=e.data;this.course.url=r}else this.$message.error(a)},handleSeeVideo:function(e){var t=e.url;this.seeVideoInfoUrl=t,this.visible.video=!0},handleEdit:function(e){var t=e.title,s=e.type,a=e.url,r=e.id,i=e.contents;this.editFlag=!0,this.course.type=String(s),this.course.title=t,this.course.url=a,this.course.contents=i,this.course.id=r,this.visible.course=!0},editGuide:function(){var e=Object(l["a"])(Object(i["a"])().mark((function e(t){var s,a,r;return Object(i["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c(t);case 3:s=e.sent,a=s.code,r=s.message,200===a?(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,s=e.limit;this.searchParams.page_size=s,this.searchParams.page_index=t,this.getGuideList()}}},g=h,m=(s("fc8d"),s("2877")),f=Object(m["a"])(g,a,r,!1,null,"2efbaf62",null);t["default"]=f.exports},8099:function(e,t,s){},fc8d:function(e,t,s){"use strict";s("8099")}}]);