26.29b711a70156b2bfd4c7.js 12.1 KB
webpackJsonp([26],{CGL6:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n("CCn6"),a={name:"banner",components:{page:n("kmJW").a},data:function(){return{loading:!1,bannerList:[],searchFrom:{status:"1",type:"2"},total:0,nowPage:1,uploadShow:!0,limit:10,dialog:{title:"新增",show:!1,rules:{title:[{required:!0,message:"请填写名称",trigger:"change"}],link:[{required:!0,message:"请填写链接",trigger:"change"}],sub_title:[{required:!0,message:"请填写子名称",trigger:"change"}]},form:{title:"",url:"",link:"",id:"",sub_title:""}},imageList:[],audio:[]}},created:function(){this.getList()},filters:{status:function(t){return 1===t?"上架中":"已下架"}},methods:{removeFileAudio2:function(t,e){this.audio=e},handleExceed:function(){},beforeAvatarAudio:function(t){var e="audio/mp3"===t.type;return e||this.$message.error("上传视频只能是MP3格式!"),e},uploadFileAudio2:function(t){var e=this;Object(i._137)({file:t.file,type:"local",obj:t}).then(function(n){e.$message({type:"success",message:"上传成功!"}),t.onSuccess("上传成功"),e.dialog.form.link="https://cdn.singsingenglish.com/"+n.url,e.audio.push({name:n.name,url:"https://cdn.singsingenglish.com/"+n.url,title:"",tips:"",image:""})})},onPageChange:function(t){this.nowPage=t,this.getList()},changeStatus:function(t){var e=this,n=void 0,a=void 0;1===t.status?(n="此操作将下架,是否继续?",a=2):(n="此操作将上架,是否继续?",a=1),this.$confirm(n,"提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){var n={status:a};Object(i.t)(t.id,n).then(function(t){e.$message({type:"success",message:"修改成功!"}),e.getList()})})},onSizeChange:function(t){this.nowPage=1,this.limit=t,this.getList()},getList:function(){var t=this;this.loading=!0;var e={limit:this.limit,page:this.nowPage};"-1"!==this.searchFrom.status&&(e.status=this.searchFrom.status),Object(i._23)(this.searchFrom.type,e).then(function(e){e&&(t.bannerList=e.list,t.total=e.total,t.loading=!1)})},edit:function(t){var e=this;this.dialog.form.id=t.id,this.dialog.title="编辑",Object(i._22)(t.id).then(function(t){e.dialog.form.title=t.title,e.dialog.form.sub_title=t.sub_title,e.dialog.form.link=t.link,e.imageList=[{name:t.url,url:t.url}],e.dialog.show=!0,e.uploadShow=!1,e.audio=[]})},add:function(){this.dialog.show=!0,this.dialog.form.id="",this.dialog.title="新增",this.dialog.form.title="",this.dialog.form.sub_title="",this.dialog.form.link="",this.imageList=[],this.uploadShow=!0,this.audio=[]},del:function(t){var e=this;this.$confirm("此操作将删除该?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.E)(t.id).then(function(t){e.$message({type:"success",message:"删除成功!"}),e.getList()})})},handleAvatarSuccess:function(t){this.imageList=[{name:t.data.url,url:"https://cdn.singsingenglish.com/"+t.data.url}],this.dialog.form.url="https://cdn.singsingenglish.com/"+t.data.url},beforeAvatarUpload:function(){this.uploadShow=!1},handleRemove:function(){this.uploadShow=!0},sub:function(){var t=this;this.$refs.form.validate(function(e){if(e){var n=t.dialog;if(n.form.id){var a={title:n.form.title,link:n.form.link,sub_title:n.form.sub_title};t.imageList.length>0&&(a.url=t.imageList[0].url),t.$confirm("确认修改","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.Z)(n.form.id,a).then(function(){t.$message({type:"success",message:"修改成功!"}),n.show=!1,t.getList()})})}else{var s={title:n.form.title,link:n.form.link,sub_title:n.form.sub_title};t.imageList.length>0&&(s.url=t.imageList[0].url),t.$confirm("确认添加","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.b)(t.searchFrom.type,s).then(function(){t.$message({type:"success",message:"添加成功!"}),n.show=!1,t.getList()})})}}})},moveUp:function(t){var e=this.bannerList;this.sort(e[t].id,e[t-1].id)},moveDown:function(t){var e=this.bannerList;this.sort(e[t+1].id,e[t].id)},sort:function(t,e){var n=this;this.loading=!0,Object(i._93)(t,e).then(function(){n.loading=!1,n.getList()})},uploadFile:function(t){var e=this;this.loading=!0,this.$store.dispatch("setProgress",{type:"new",id:t.file.uid}),this.fileUid=t.file.uid,Object(i._137)({file:t.file,type:"local"}).then(function(t){e.imageList=[{name:t.url,url:"https://cdn.singsingenglish.com/"+t.url}],e.loading=!1,e.$message({type:"success",message:"上传成功!"})}).catch(function(){e.loading=!1})}}},s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"banner"},[n("div",{staticClass:"head clear-both"},[t.$store.state.readonly?t._e():n("el-button",{staticStyle:{float:"right"},attrs:{plain:"",type:"success"},on:{click:t.add}},[t._v("新增")])],1),t._v(" "),n("el-tabs",{staticStyle:{background:"white","padding-top":"10px"},attrs:{type:"card"},on:{"tab-click":t.getList},model:{value:t.searchFrom.type,callback:function(e){t.$set(t.searchFrom,"type",e)},expression:"searchFrom.type"}},[n("el-tab-pane",{attrs:{label:"磨耳朵",name:"2"}}),t._v(" "),n("el-tab-pane",{attrs:{label:"启蒙小课堂",name:"3"}}),t._v(" "),n("el-tab-pane",{attrs:{label:"明星学员",name:"4"}}),t._v(" "),n("el-tab-pane",{attrs:{label:"精彩直播课",name:"5"}})],1),t._v(" "),n("el-tabs",{staticStyle:{background:"white","padding-top":"10px"},attrs:{type:"card"},on:{"tab-click":t.getList},model:{value:t.searchFrom.status,callback:function(e){t.$set(t.searchFrom,"status",e)},expression:"searchFrom.status"}},[n("el-tab-pane",{attrs:{label:"全部",name:"-1"}}),t._v(" "),n("el-tab-pane",{attrs:{label:"上架",name:"1"}}),t._v(" "),n("el-tab-pane",{attrs:{label:"下架",name:"2"}})],1),t._v(" "),n("el-table",{staticStyle:{width:"100%"},attrs:{data:t.bannerList}},[n("el-table-column",{attrs:{prop:"id",label:"ID"}}),t._v(" "),n("el-table-column",{attrs:{prop:"title",label:"标题"}}),t._v(" "),n("el-table-column",{attrs:{prop:"url",label:"图片"},scopedSlots:t._u([{key:"default",fn:function(t){return[n("a",{attrs:{href:t.row.url,target:"_blank"}},[n("img",{staticClass:"short-banner",attrs:{src:t.row.url}})])]}}])}),t._v(" "),n("el-table-column",{attrs:{label:"状态"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n        "+t._s(t._f("status")(e.row.status))+"\n      ")]}}])}),t._v(" "),n("el-table-column",{attrs:{prop:"link",label:"链接"}}),t._v(" "),t.$store.state.readonly?t._e():n("el-table-column",{attrs:{label:"操作",width:"100"},scopedSlots:t._u([{key:"default",fn:function(e){return[n("el-popover",{attrs:{placement:"top",width:"280"}},[n("div",{staticStyle:{"text-align":"center"}},[n("el-button",{attrs:{size:"mini",plain:"",type:"primary"},on:{click:function(n){t.edit(e.row)}}},[t._v("\n              编辑\n            ")]),t._v(" "),t.$store.state.deletePermission?n("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(n){t.del(e.row)}}},[t._v("\n              删除\n            ")]):t._e(),t._v(" "),2==e.row.status?n("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(n){t.changeStatus(e.row)}}},[t._v("\n              上架\n            ")]):t._e(),t._v(" "),1==e.row.status?n("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(n){t.changeStatus(e.row)}}},[t._v("\n              下架\n            ")]):t._e(),t._v(" "),e.$index>0?n("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(n){t.moveUp(e.$index)}}},[t._v("\n              上移\n            ")]):t._e(),t._v(" "),e.$index!==t.bannerList.length-1?n("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(n){t.moveDown(e.$index)}}},[t._v("\n              下移\n            ")]):t._e()],1),t._v(" "),n("el-button",{attrs:{slot:"reference",size:"mini",type:"text"},slot:"reference"},[t._v("操作")])],1)]}}])})],1),t._v(" "),n("page",{attrs:{nowPage:t.nowPage,total:t.total,limit:t.limit},on:{pageChange:t.onPageChange,sizeChange:t.onSizeChange}}),t._v(" "),n("el-dialog",{attrs:{title:t.dialog.title,center:"","append-to-body":"",visible:t.dialog.show,width:"30%"},on:{"update:visible":function(e){t.$set(t.dialog,"show",e)}}},[n("el-form",{ref:"form",attrs:{rules:t.dialog.rules,model:t.dialog.form,"label-width":"100px"}},[n("el-form-item",{attrs:{label:"名称",prop:"title"}},[n("el-input",{model:{value:t.dialog.form.title,callback:function(e){t.$set(t.dialog.form,"title",e)},expression:"dialog.form.title"}})],1),t._v(" "),n("el-form-item",{attrs:{label:"二级名称",prop:"sub_title"}},[n("el-input",{model:{value:t.dialog.form.sub_title,callback:function(e){t.$set(t.dialog.form,"sub_title",e)},expression:"dialog.form.sub_title"}})],1),t._v(" "),n("el-form-item",{attrs:{label:"链接",prop:"link"}},[n("el-input",{model:{value:t.dialog.form.link,callback:function(e){t.$set(t.dialog.form,"link",e)},expression:"dialog.form.link"}})],1),t._v(" "),n("div",{staticClass:"upload-block"},[n("el-upload",{class:{disabled:!t.uploadShow},attrs:{action:"/api/public/upload/zone","http-request":t.uploadFile,"before-upload":t.beforeAvatarUpload,"list-type":"picture-card","file-list":t.imageList,"on-success":t.handleAvatarSuccess,"on-remove":t.handleRemove}},[n("i",{staticClass:"el-icon-plus"})]),t._v(" "),n("p",{staticClass:"size"},[t._v("750*400")])],1),t._v(" "),2==t.searchFrom.type&&0==t.audio.length?n("el-upload",{staticClass:"upload-demo",attrs:{"http-request":t.uploadFileAudio2,"before-upload":t.beforeAvatarAudio,"file-list":t.audio,"on-exceed":t.handleExceed,"on-remove":t.removeFileAudio2,drag:"",action:"https://jsonplaceholder.typicode.com/posts/",multiple:""}},[n("i",{staticClass:"el-icon-upload"}),t._v(" "),n("div",{staticClass:"el-upload__text"},[t._v("\n          将文件拖到此处,或"),n("em",[t._v("点击上传")]),t._v(" "),n("br"),t._v(" "),n("span",{staticStyle:{color:"#888888","font-size":"12px"}},[t._v("只能上传MP3文件")])])]):t._e()],1),t._v(" "),n("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[n("el-button",{on:{click:function(e){t.dialog.show=!1}}},[t._v("取 消")]),t._v(" "),n("el-button",{attrs:{type:"primary"},on:{click:t.sub}},[t._v("确 定")])],1)],1)],1)};s._withStripped=!0;var o={render:s,staticRenderFns:[]},l=o;var r=!1;var c=n("VU/8")(a,l,!1,function(t){r||(n("VTr3"),n("sqFS"))},null,null);c.options.__file="src\\components\\system\\banner.vue";e.default=c.exports},FXRW:function(t,e,n){(t.exports=n("FZ+f")(!0)).push([t.i,"\n.banner {\n  width: 100%;\n  padding: 20px 0;\n}\n.banner .head {\n  /*padding: 5px;*/\n  margin-bottom: 10px;\n}\n.banner .page-div {\n  text-align: center;\n  padding-top: 20px;\n}\n.short-banner {\n  width: 50px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.size {\n  color: #666;\n  font-size: 14px;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/后台/admin/src/components/system/banner.vue"],names:[],mappings:";AACA;EACE,YAAY;EACZ,gBAAgB;CACjB;AACD;EACE,iBAAiB;EACjB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,kBAAkB;CACnB;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,YAAY;EACZ,gBAAgB;CACjB",file:"banner.vue",sourcesContent:["\n.banner {\n  width: 100%;\n  padding: 20px 0;\n}\n.banner .head {\n  /*padding: 5px;*/\n  margin-bottom: 10px;\n}\n.banner .page-div {\n  text-align: center;\n  padding-top: 20px;\n}\n.short-banner {\n  width: 50px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.size {\n  color: #666;\n  font-size: 14px;\n}\n"],sourceRoot:""}])},VTr3:function(t,e,n){var i=n("FXRW");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("bd259388",i,!1,{})},c75b:function(t,e,n){(t.exports=n("FZ+f")(!0)).push([t.i,"\n.disabled .el-upload--picture-card {\n  display: none !important;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/后台/admin/src/components/system/banner.vue"],names:[],mappings:";AACA;EACE,yBAAyB;CAC1B",file:"banner.vue",sourcesContent:["\n.disabled .el-upload--picture-card {\n  display: none !important;\n}\n"],sourceRoot:""}])},sqFS:function(t,e,n){var i=n("c75b");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("c157bef0",i,!1,{})}});