webpackJsonp([17],{"1G3/":function(t,n,e){var i=e("glVp");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e("rjj0")("0ab0da85",i,!1,{})},BhuU:function(t,n,e){(t.exports=e("FZ+f")(!0)).push([t.i,"\n.disabled .el-upload--picture-card {\n display: none !important;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/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:""}])},CGL6:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=e("CCn6"),a={name:"banner",components:{page:e("kmJW").a},data:function(){return{loading:!1,bannerList:[],total:0,nowPage:1,uploadShow:!0,limit:10,dialog:{title:"新增Banner",show:!1,rules:{title:[{required:!0,message:"请填写Banner名称",trigger:"change"}],link:[{required:!0,message:"请填写Banner链接",trigger:"change"}]},form:{title:"",url:"",link:"",id:""}},imageList:[]}},created:function(){this.getList()},filters:{status:function(t){return 1===t?"上架中":"已下架"}},methods:{onPageChange:function(t){this.nowPage=t,this.getList()},changeStatus:function(t){var n=this,e=void 0,a=void 0;1===t.status?(e="此操作将下架该Banner，是否继续？",a=2):(e="此操作将上架该Banner，是否继续？",a=1),this.$confirm(e,"提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){var e={status:a};Object(i.q)(t.id,e).then(function(t){n.$message({type:"success",message:"修改成功!"}),n.getList()})})},onSizeChange:function(t){this.nowPage=1,this.limit=t,this.getList()},getList:function(){var t=this;this.loading=!0;var n={limit:this.limit,page:this.nowPage};Object(i._9)(n).then(function(n){n&&(t.bannerList=n.list,t.total=n.total,t.loading=!1)})},edit:function(t){var n=this;this.dialog.form.id=t.id,this.dialog.title="编辑Banner",Object(i._8)(t.id).then(function(t){n.dialog.form.title=t.title,n.dialog.form.link=t.link,n.imageList=[{name:t.url,url:t.url}],n.dialog.show=!0,n.uploadShow=!1})},add:function(){this.dialog.show=!0,this.dialog.form.id="",this.dialog.title="新增Banner",this.dialog.form.title="",this.dialog.form.link="",this.imageList=[],this.uploadShow=!0},del:function(t){var n=this;this.$confirm("此操作将删除该Banner?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.y)(t.id).then(function(t){n.$message({type:"success",message:"删除成功!"}),n.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(n){if(n){var e=t.dialog;if(e.form.id){var a={title:e.form.title,link:e.form.link};t.imageList.length>0&&(a.url=t.imageList[0].url),t.$confirm("确认修改Banner","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.R)(e.form.id,a).then(function(){t.$message({type:"success",message:"修改成功!"}),e.show=!1,t.getList()})})}else{var o={title:e.form.title,link:e.form.link};t.imageList.length>0&&(o.url=t.imageList[0].url),t.$confirm("确认添加Banner","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.b)(o).then(function(){t.$message({type:"success",message:"添加成功!"}),e.show=!1,t.getList()})})}}})},moveUp:function(t){var n=this.bannerList;this.sort(n[t].id,n[t-1].id)},moveDown:function(t){var n=this.bannerList;this.sort(n[t+1].id,n[t].id)},sort:function(t,n){var e=this;this.loading=!0,Object(i._57)(t,n).then(function(){e.loading=!1,e.getList()})},uploadFile:function(t){var n=this;this.loading=!0,this.$store.dispatch("setProgress",{type:"new",id:t.file.uid}),this.fileUid=t.file.uid,Object(i._76)({file:t.file,type:"local"}).then(function(t){n.imageList=[{name:t.url,url:"https://cdn.singsingenglish.com/"+t.url}],n.loading=!1,n.$message({type:"success",message:"上传成功!"})}).catch(function(){n.loading=!1})}}},o=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"banner"},[e("div",{staticClass:"head clear-both"},[t.$store.state.readonly?t._e():e("el-button",{staticStyle:{float:"right"},attrs:{plain:"",type:"success"},on:{click:t.add}},[t._v("新增banner")])],1),t._v(" "),e("el-table",{staticStyle:{width:"100%"},attrs:{data:t.bannerList}},[e("el-table-column",{attrs:{prop:"id",label:"ID"}}),t._v(" "),e("el-table-column",{attrs:{prop:"title",label:"标题"}}),t._v(" "),e("el-table-column",{attrs:{prop:"url",label:"图片"},scopedSlots:t._u([{key:"default",fn:function(t){return[e("a",{attrs:{href:t.row.url,target:"_blank"}},[e("img",{staticClass:"short-banner",attrs:{src:t.row.url}})])]}}])}),t._v(" "),e("el-table-column",{attrs:{label:"状态"},scopedSlots:t._u([{key:"default",fn:function(n){return[t._v("\n "+t._s(t._f("status")(n.row.status))+"\n ")]}}])}),t._v(" "),e("el-table-column",{attrs:{prop:"link",label:"链接"}}),t._v(" "),t.$store.state.readonly?t._e():e("el-table-column",{attrs:{label:"操作",width:"100"},scopedSlots:t._u([{key:"default",fn:function(n){return[e("el-popover",{attrs:{placement:"top",width:"280"}},[e("div",{staticStyle:{"text-align":"center"}},[e("el-button",{attrs:{size:"mini",plain:"",type:"primary"},on:{click:function(e){t.edit(n.row)}}},[t._v("\n 编辑\n ")]),t._v(" "),t.$store.state.deletePermission?e("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(e){t.del(n.row)}}},[t._v("\n 删除\n ")]):t._e(),t._v(" "),2==n.row.status?e("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(e){t.changeStatus(n.row)}}},[t._v("\n 上架\n ")]):t._e(),t._v(" "),1==n.row.status?e("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(e){t.changeStatus(n.row)}}},[t._v("\n 下架\n ")]):t._e(),t._v(" "),n.$index>0?e("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(e){t.moveUp(n.$index)}}},[t._v("\n 上移\n ")]):t._e(),t._v(" "),n.$index!==t.bannerList.length-1?e("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(e){t.moveDown(n.$index)}}},[t._v("\n 下移\n ")]):t._e()],1),t._v(" "),e("el-button",{attrs:{slot:"reference",size:"mini",type:"text"},slot:"reference"},[t._v("操作")])],1)]}}])})],1),t._v(" "),e("page",{attrs:{nowPage:t.nowPage,total:t.total,limit:t.limit},on:{pageChange:t.onPageChange,sizeChange:t.onSizeChange}}),t._v(" "),e("el-dialog",{attrs:{title:t.dialog.title,center:"","append-to-body":"",visible:t.dialog.show,width:"30%"},on:{"update:visible":function(n){t.$set(t.dialog,"show",n)}}},[e("el-form",{ref:"form",attrs:{rules:t.dialog.rules,model:t.dialog.form,"label-width":"100px"}},[e("el-form-item",{attrs:{label:"banner名称",prop:"title"}},[e("el-input",{model:{value:t.dialog.form.title,callback:function(n){t.$set(t.dialog.form,"title",n)},expression:"dialog.form.title"}})],1),t._v(" "),e("el-form-item",{attrs:{label:"banner链接",prop:"link"}},[e("el-input",{model:{value:t.dialog.form.link,callback:function(n){t.$set(t.dialog.form,"link",n)},expression:"dialog.form.link"}})],1),t._v(" "),e("div",{staticClass:"upload-block"},[e("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}},[e("i",{staticClass:"el-icon-plus"})]),t._v(" "),e("p",{staticClass:"size"},[t._v("750*400")])],1)],1),t._v(" "),e("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(n){t.dialog.show=!1}}},[t._v("取 消")]),t._v(" "),e("el-button",{attrs:{type:"primary"},on:{click:t.sub}},[t._v("确 定")])],1)],1)],1)};o._withStripped=!0;var s={render:o,staticRenderFns:[]},l=s;var r=!1;var c=e("VU/8")(a,l,!1,function(t){r||(e("1G3/"),e("NP+V"))},null,null);c.options.__file="src/components/system/banner.vue";n.default=c.exports},"NP+V":function(t,n,e){var i=e("BhuU");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e("rjj0")("62671bb6",i,!1,{})},glVp:function(t,n,e){(t.exports=e("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:["/Users/wang/Documents/changchang/projects/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:""}])}});-
王 authored27860f1b