二级标题

parent 7a4e7d2e
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=never><link rel=stylesheet href=https:////at.alicdn.com/t/font_746649_x1rivf5f5.css><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title></head><body><script src=https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js></script><script src=https://cdn.jsdelivr.net/npm/vuex@3.0.1/dist/vuex.min.js></script><script src=https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js></script><script src=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.62a6cd251e55460a4275.js></script><script type=text/javascript src=/static/js/vendor.520caa645c172051b099.js></script><script type=text/javascript src=/static/js/app.812a35112b9b7b739747.js></script></body><script>let el = document.getElementsByTagName("script");
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=never><link rel=stylesheet href=https:////at.alicdn.com/t/font_746649_x1rivf5f5.css><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title></head><body><script src=https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js></script><script src=https://cdn.jsdelivr.net/npm/vuex@3.0.1/dist/vuex.min.js></script><script src=https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js></script><script src=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.52425a7b2234fc88f273.js></script><script type=text/javascript src=/static/js/vendor.520caa645c172051b099.js></script><script type=text/javascript src=/static/js/app.812a35112b9b7b739747.js></script></body><script>let el = document.getElementsByTagName("script");
el.onerror = function(a,b,c){
console.log('error:',a,b,c);
};
......
webpackJsonp([25],{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._127)({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._22)(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._21)(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})},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},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.Y)(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._89)(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._127)({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"}})],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,{})}});
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var a={},d={56:0};function f(c){if(a[c])return a[c].exports;var d=a[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var c=d[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,f){c=d[e]=[a,f]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"30d1575fd5f1867077ab",1:"b8e8179c3856fba7a47f",2:"4eda407a20ef5bc85dc3",3:"054c41a3bbc48814da81",4:"8d310132d6a6ba891e3d",5:"16b75f02cc38e59dce0b",6:"11bcb83ab5003fc176a0",7:"5b38061e7cc114141fe4",8:"e74c416e590c65226d61",9:"0bf1f77873948dbbf325",10:"013ceb721accde0d92e0",11:"7e13dee827dd073a2d31",12:"24230cd8cc0c3bde3296",13:"f50e271d1470cb0dfa92",14:"350e3cc1e814770915e3",15:"ad2260950a27e9c4f73e",16:"7713e9acff0d0affc6e5",17:"563facb259aa65d74809",18:"cdd8e4075640ad5f5c85",19:"833fd6d0aa29618468c5",20:"1d8b5dda0bc80e46394b",21:"6d7f89fc0a8b5d7f9b4b",22:"1470ff731e65c5eb613c",23:"692db527f34abf901b35",24:"a16d7b7d0839a445dcca",25:"9cbbc23ff76b33ea8e1e",26:"928e2c49eba5a9d21cf5",27:"c06b189cc1436bf4373e",28:"c661ebb6917587959570",29:"11a949172e20bd07be2e",30:"7d20ad753a8f40d2e0e0",31:"90c579f3240da6fc68ba",32:"6127731062bfcb3de75c",33:"832fa550dd85ffb04d94",34:"8ae1df0bedda2578578f",35:"7ad4a98c93abaf6eb2c6",36:"7bfaf51717c86e65c120",37:"01c7b4ed077e6ce1be36",38:"ee86682eefcf3c19d5be",39:"f0951057562b1a737e45",40:"c203a97e2a3efa3c0d26",41:"567e7c1d9cbd0d9ed72e",42:"e455ead31de5076c54a4",43:"790e9555b1ee2e9221d3",44:"2a563b8a9904cc6c691c",45:"de5778b0f29df0610ad1",46:"2b6bd996d5e1d9b81baf",47:"4787ff23f021c16defb9",48:"ee634714fb9e4bc14d70",49:"50bc67b3a14ef2fe4e89",50:"9b7e075b4b2d4aff7d55",51:"1e44d487abfa7b7651bc",52:"5ad0885cabf077d56aa8",53:"9b07e7af58cbe192873a"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="/",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=never><link rel=stylesheet href=https:////at.alicdn.com/t/font_746649_x1rivf5f5.css><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title><link href=/static/css/app.af5d6f2ad4d9c8100126c7b0d469065d.css rel=stylesheet></head><body><script src=https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js></script><script src=https://cdn.jsdelivr.net/npm/vuex@3.0.1/dist/vuex.min.js></script><script src=https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js></script><script src=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.59b8a67e210497985519.js></script><script type=text/javascript src=/static/js/vendor.1989ff930c83bbe25dc0.js></script><script type=text/javascript src=/static/js/app.a54ffc5753a3526fd854.js></script></body><script>let el = document.getElementsByTagName("script");
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=never><link rel=stylesheet href=https:////at.alicdn.com/t/font_746649_x1rivf5f5.css><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title><link href=/static/css/app.af5d6f2ad4d9c8100126c7b0d469065d.css rel=stylesheet></head><body><script src=https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js></script><script src=https://cdn.jsdelivr.net/npm/vuex@3.0.1/dist/vuex.min.js></script><script src=https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js></script><script src=https://cdn.jsdelivr.net/npm/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.31740832f08d8a52271a.js></script><script type=text/javascript src=/static/js/vendor.1989ff930c83bbe25dc0.js></script><script type=text/javascript src=/static/js/app.c3e0b642938a3e127187.js></script></body><script>let el = document.getElementsByTagName("script");
el.onerror = function(a,b,c){
console.log('error:',a,b,c);
};
......
webpackJsonp([33],{CGL6:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("CCn6"),n={name:"banner",components:{page:i("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(a._127)({file:t.file,type:"local",obj:t}).then(function(i){e.$message({type:"success",message:"上传成功!"}),t.onSuccess("上传成功"),e.dialog.form.link="https://cdn.singsingenglish.com/"+i.url,e.audio.push({name:i.name,url:"https://cdn.singsingenglish.com/"+i.url,title:"",tips:"",image:""})})},onPageChange:function(t){this.nowPage=t,this.getList()},changeStatus:function(t){var e=this,i=void 0,n=void 0;1===t.status?(i="此操作将下架,是否继续?",n=2):(i="此操作将上架,是否继续?",n=1),this.$confirm(i,"提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){var i={status:n};Object(a.t)(t.id,i).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(a._22)(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(a._21)(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})},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},del:function(t){var e=this;this.$confirm("此操作将删除该?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){Object(a.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 i=t.dialog;if(i.form.id){var n={title:i.form.title,link:i.form.link,sub_title:i.form.sub_title};t.imageList.length>0&&(n.url=t.imageList[0].url),t.$confirm("确认修改","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(a.Y)(i.form.id,n).then(function(){t.$message({type:"success",message:"修改成功!"}),i.show=!1,t.getList()})})}else{var s={title:i.form.title,link:i.form.link,sub_title:i.form.sub_title};t.imageList.length>0&&(s.url=t.imageList[0].url),t.$confirm("确认添加","提示",{confirmButtonText:"继续",cancelButtonText:"取消",type:"warning"}).then(function(){Object(a.b)(t.searchFrom.type,s).then(function(){t.$message({type:"success",message:"添加成功!"}),i.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 i=this;this.loading=!0,Object(a._89)(t,e).then(function(){i.loading=!1,i.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(a._127)({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={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"banner"},[i("div",{staticClass:"head clear-both"},[t.$store.state.readonly?t._e():i("el-button",{staticStyle:{float:"right"},attrs:{plain:"",type:"success"},on:{click:t.add}},[t._v("新增")])],1),t._v(" "),i("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"}},[i("el-tab-pane",{attrs:{label:"磨耳朵",name:"2"}}),t._v(" "),i("el-tab-pane",{attrs:{label:"启蒙小课堂",name:"3"}}),t._v(" "),i("el-tab-pane",{attrs:{label:"明星学员",name:"4"}})],1),t._v(" "),i("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"}},[i("el-tab-pane",{attrs:{label:"全部",name:"-1"}}),t._v(" "),i("el-tab-pane",{attrs:{label:"上架",name:"1"}}),t._v(" "),i("el-tab-pane",{attrs:{label:"下架",name:"2"}})],1),t._v(" "),i("el-table",{staticStyle:{width:"100%"},attrs:{data:t.bannerList}},[i("el-table-column",{attrs:{prop:"id",label:"ID"}}),t._v(" "),i("el-table-column",{attrs:{prop:"title",label:"标题"}}),t._v(" "),i("el-table-column",{attrs:{prop:"url",label:"图片"},scopedSlots:t._u([{key:"default",fn:function(t){return[i("a",{attrs:{href:t.row.url,target:"_blank"}},[i("img",{staticClass:"short-banner",attrs:{src:t.row.url}})])]}}])}),t._v(" "),i("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(" "),i("el-table-column",{attrs:{prop:"link",label:"链接"}}),t._v(" "),t.$store.state.readonly?t._e():i("el-table-column",{attrs:{label:"操作",width:"100"},scopedSlots:t._u([{key:"default",fn:function(e){return[i("el-popover",{attrs:{placement:"top",width:"280"}},[i("div",{staticStyle:{"text-align":"center"}},[i("el-button",{attrs:{size:"mini",plain:"",type:"primary"},on:{click:function(i){t.edit(e.row)}}},[t._v("\n 编辑\n ")]),t._v(" "),t.$store.state.deletePermission?i("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(i){t.del(e.row)}}},[t._v("\n 删除\n ")]):t._e(),t._v(" "),2==e.row.status?i("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(i){t.changeStatus(e.row)}}},[t._v("\n 上架\n ")]):t._e(),t._v(" "),1==e.row.status?i("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(i){t.changeStatus(e.row)}}},[t._v("\n 下架\n ")]):t._e(),t._v(" "),e.$index>0?i("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(i){t.moveUp(e.$index)}}},[t._v("\n 上移\n ")]):t._e(),t._v(" "),e.$index!==t.bannerList.length-1?i("el-button",{attrs:{size:"mini",type:"primary",plain:""},on:{click:function(i){t.moveDown(e.$index)}}},[t._v("\n 下移\n ")]):t._e()],1),t._v(" "),i("el-button",{attrs:{slot:"reference",size:"mini",type:"text"},slot:"reference"},[t._v("操作")])],1)]}}])})],1),t._v(" "),i("page",{attrs:{nowPage:t.nowPage,total:t.total,limit:t.limit},on:{pageChange:t.onPageChange,sizeChange:t.onSizeChange}}),t._v(" "),i("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)}}},[i("el-form",{ref:"form",attrs:{rules:t.dialog.rules,model:t.dialog.form,"label-width":"100px"}},[i("el-form-item",{attrs:{label:"名称",prop:"title"}},[i("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(" "),i("el-form-item",{attrs:{label:"二级名称",prop:"sub_title"}},[i("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(" "),i("el-form-item",{attrs:{label:"链接",prop:"link"}},[i("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(" "),i("div",{staticClass:"upload-block"},[i("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}},[i("i",{staticClass:"el-icon-plus"})]),t._v(" "),i("p",{staticClass:"size"},[t._v("750*400")])],1),t._v(" "),2==t.searchFrom.type&&0==t.audio.length?i("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:""}},[i("i",{staticClass:"el-icon-upload"}),t._v(" "),i("div",{staticClass:"el-upload__text"},[t._v("\n 将文件拖到此处,或"),i("em",[t._v("点击上传")]),t._v(" "),i("br"),t._v(" "),i("span",{staticStyle:{color:"#888888","font-size":"12px"}},[t._v("只能上传MP3文件")])])]):t._e()],1),t._v(" "),i("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{on:{click:function(e){t.dialog.show=!1}}},[t._v("取 消")]),t._v(" "),i("el-button",{attrs:{type:"primary"},on:{click:t.sub}},[t._v("确 定")])],1)],1)],1)},staticRenderFns:[]};var o=i("VU/8")(n,s,!1,function(t){i("fF9s"),i("tps5")},null,null);e.default=o.exports},fF9s:function(t,e){},tps5:function(t,e){}});
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var c={},d={56:0};function f(a){if(c[a])return c[a].exports;var d=c[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var a=d[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,f){a=d[e]=[c,f]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"5e68a78fd0f32efc3cfa",1:"04f7a18d2118f415b2c2",2:"8e269d9ef27759b24b4f",3:"32266d6ca4e9d370e7df",4:"99d84f433fd7ffee7616",5:"8454354e64d3f43ab724",6:"6162cf04b3490b3b3c7d",7:"c31d134e8e96f0672852",8:"0ad260cb39e071a7e196",9:"eb7af95ba1cc45d9f961",10:"7e5b32e8fff3ed732e38",11:"b873b43823e842b29cc5",12:"6b3c4021c112527009d8",13:"29ace0e8488b7adce350",14:"dae2eb114893d0442b83",15:"494aeeb4bfc2f0928f47",16:"0bd1729330a54f9aa776",17:"d0073f252d431dd96c54",18:"267101b8acb86776b942",19:"ce59be62646b4f29bbd6",20:"4d15a5a9ea5d18dd4392",21:"3756047a6c83dc1d5bf1",22:"c5b48b47880b8d0a1a17",23:"38c2bb10832e64a0c9b4",24:"949d45883ca71d115941",25:"081ccb24ef96f5c31db6",26:"df7561440cda5b57dc0c",27:"68b10b9bac77db656f91",28:"437049e5ae0fb132d2c7",29:"393b67e8f777719ad1a7",30:"70ea69646eccd62dd614",31:"dc153b59703e95bda423",32:"52aa62533e7531944de7",33:"b67bc456d3a4e3e47987",34:"b3521767a9ef34c01dd2",35:"ed2a0730646ada932475",36:"81ea632ea9eda16746d1",37:"da0e79090eac9663a951",38:"f22ca177cbf43b4da6e5",39:"ee96f35a78ac4da4b002",40:"61ebeb81d472233d7c07",41:"c68b38e419700f2360f2",42:"763a06dd5a8f1c294ed8",43:"d6ca3244eabb41bd433c",44:"1f8cbc823545dc0ead73",45:"72321842f166e7cb07d2",46:"6160a0396be5fae604fd",47:"5b61065fd15ec856d2ad",48:"b163cd5e2750e3f00800",49:"1e74e50f9ff025c63601",50:"1848c1e06098fda64d9b",51:"3ce59ce3d8e6a8bedda9",52:"cca2d0f53a2a04ffbf90",53:"3fbb9128e343b4c43134"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},f.m=e,f.c=c,f.d=function(e,a,c){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="/",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
......@@ -165,7 +165,7 @@
{required: true, message: '请填写链接', trigger: 'change'},
],
sub_title: [
{required: true, message: '请填写链接', trigger: 'change'},
{required: true, message: '请填写子名称', trigger: 'change'},
]
},
form:{
......@@ -277,6 +277,7 @@
this.dialog.title = '编辑';
getBannerDetailApi(data.id).then((res)=>{
this.dialog.form.title = res.title
this.dialog.form.sub_title = res.sub_title
this.dialog.form.link = res.link
this.imageList = [{name:res.url,url:res.url}]
this.dialog.show = true;
......@@ -288,6 +289,7 @@
this.dialog.form.id = '';
this.dialog.title = '新增';
this.dialog.form.title = ''
this.dialog.form.sub_title = ''
this.dialog.form.link = '';
this.imageList = [];
this.uploadShow = true;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment