Commit 0b58c3ed authored by wangwei's avatar wangwei

课包编辑 编写

parent e3d643d7
...@@ -6,6 +6,6 @@ module.exports = merge(prodEnv, { ...@@ -6,6 +6,6 @@ module.exports = merge(prodEnv, {
NODE_ENV: '"development"', NODE_ENV: '"development"',
API_URL: '"/"', API_URL: '"/"',
MAX_FILESIZE:'1024*1024*10', MAX_FILESIZE:'1024*1024*10',
IMAGE_URL_HEAD:'"http://cdn.singsingenglish.com/"', IMAGE_URL_HEAD:'"https://cdn.singsingenglish.com/"',
INVITE_URL:'"https://wechat-test.changchangenglish.com/"', INVITE_URL:'"https://wechat-test.changchangenglish.com/"',
}); });
'use strict'; 'use strict';
module.exports = { module.exports = {
NODE_ENV: '"testing"', NODE_ENV: '"testing"',
IMAGE_URL_HEAD:'"http://cdn.singsingenglish.com/"', IMAGE_URL_HEAD:'"https://cdn.singsingenglish.com/"',
API_URL: '"/"', API_URL: '"/"',
MAX_FILESIZE:'1024*1024*10', MAX_FILESIZE:'1024*1024*10',
INVITE_URL:'"https://wechat-test.changchangenglish.com/"', INVITE_URL:'"https://wechat-test.changchangenglish.com/"',
......
<!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://unpkg.com/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title></head><body><script src=https://unpkg.com/vue@2.5.17/dist/vue.js></script><script src=https://unpkg.com/vuex@3.0.1/dist/vuex.min.js></script><script src=https://unpkg.com/axios@0.18.0/dist/axios.min.js></script><script src=https://unpkg.com/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.4584263f3cf4262d8fb6.js></script><script type=text/javascript src=/static/js/vendor.44e1e5644ae24f910e52.js></script><script type=text/javascript src=/static/js/app.18d9ba04e79d5018e975.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://unpkg.com/element-ui@2.4.9/lib/theme-chalk/index.css><title>唱唱启蒙-后台</title></head><body><script src=https://unpkg.com/vue@2.5.17/dist/vue.js></script><script src=https://unpkg.com/vuex@3.0.1/dist/vuex.min.js></script><script src=https://unpkg.com/axios@0.18.0/dist/axios.min.js></script><script src=https://unpkg.com/element-ui@2.4.9/lib/index.js></script><div id=app></div><script type=text/javascript src=/static/js/manifest.24e25cd7a2cf26982067.js></script><script type=text/javascript src=/static/js/vendor.44e1e5644ae24f910e52.js></script><script type=text/javascript src=/static/js/app.18d9ba04e79d5018e975.js></script></body><script>let el = document.getElementsByTagName("script");
el.onerror = function(a,b,c){ el.onerror = function(a,b,c){
console.log('error:',a,b,c); console.log('error:',a,b,c);
}; };
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([15],{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._56)(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._74)({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("VTr3"),e("sqFS"))},null,null);c.options.__file="src\\components\\system\\banner.vue";n.default=c.exports},FXRW: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:["D:/myproject/changchang-admin-new/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,n,e){var i=e("FXRW");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e("rjj0")("bd259388",i,!1,{})},c75b: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:["D:/myproject/changchang-admin-new/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,n,e){var i=e("c75b");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e("rjj0")("c157bef0",i,!1,{})}});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([34],{"OIp/":function(n,e,t){var i=t("ieLF");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("66671e80",i,!1,{})},iPJD:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=t("CCn6"),r={name:"upload",data:function(){return{fileList:[]}},methods:{uploadFileVideo1Banner:function(n){var e=this;Object(i._74)({file:n.file,type:"local"}).then(function(n){n.url="https://cdn.singsingenglish.com/"+n.url,e.fileList.push(n)})}}},l=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("el-upload",{staticClass:"upload-demo",attrs:{action:"/api/public/upload","http-request":n.uploadFileVideo1Banner,"list-type":"picture-card",multiple:""}}),n._v(" "),t("pre",[n._v(" <p>\n ")]),n._v(" "),n._l(n.fileList,function(e){return t("pre",[n._v(' <img src="'+n._s(e.url)+'" style="display:block">\n ')])}),n._v(" "),t("pre",[n._v(" </p>\n ")])],2)};l._withStripped=!0;var o={render:l,staticRenderFns:[]},s=o;var a=!1;var p=t("VU/8")(r,s,!1,function(n){a||t("OIp/")},"data-v-46451c0f",null);p.options.__file="src\\components\\framework\\upload.vue";e.default=p.exports},ieLF:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","",{version:3,sources:[],names:[],mappings:"",file:"upload.vue",sourceRoot:""}])}});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,r,t){for(var d,o,b,i=0,u=[];i<a.length;i++)o=a[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(a,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var a={},f={42:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"53afe6475f3a9c5a4cb7",1:"8f50963bd6fdca2bbc3d",2:"4c183436d5446cece479",3:"1984648477db2ab41ac7",4:"8d048ac62c9635b95e1c",5:"56ccc28818550654eba5",6:"4c1a43dc0060d89ba9dd",7:"984e0ffc6b0871ee9622",8:"bb9cdd49f15f1a45fce6",9:"e56273193d82dc9daa87",10:"8f785e4335cdb987dc3d",11:"92c4756735cf7f92294c",12:"53d4e5a5ecf493cde3f2",13:"5eada2208ca5971fcf28",14:"8eb0f551a78806da01a0",15:"1c93652d6950e50d383e",16:"2dd9992de78fde8322d8",17:"82da55ae0d64f7599736",18:"692489712d3f7e7b75f2",19:"a54c6b36a122b4fd13bd",20:"a45e736554777aaeb89c",21:"70caa9fd338476f2acf7",22:"c4394f2a0fd74168b28b",23:"3c28a097b66ff5b3057e",24:"0c8eae9a6f96382f1a26",25:"8bae274439d940c1630b",26:"be3a2c64fca880ac9773",27:"a0ce4cf364c89e293f73",28:"586ff288516e66f5c379",29:"dad2437060a95a66b1a7",30:"fa9f517f244298c3ee8e",31:"de67c709d07948e5725e",32:"db1daa6bef63faedf8df",33:"dc5441f221181c75b830",34:"4eccfaf85ffe323736f9",35:"9fa70099b272fee5b92d",36:"59545b937a125c147025",37:"c7b7a8ab0c7da87074a3",38:"a329d65cf6c7338b630e",39:"58270d116696b8b057e7"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,t){for(var d,o,b,i=0,u=[];i<c.length;i++)o=c[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(a&&a(c,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var c={},f={42:0};function n(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,n){a=f[e]=[c,n]});a[2]=c;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"53afe6475f3a9c5a4cb7",1:"f1eacf8f7efa436d26e6",2:"4c183436d5446cece479",3:"1984648477db2ab41ac7",4:"8d048ac62c9635b95e1c",5:"56ccc28818550654eba5",6:"4c1a43dc0060d89ba9dd",7:"984e0ffc6b0871ee9622",8:"bb9cdd49f15f1a45fce6",9:"e56273193d82dc9daa87",10:"8f785e4335cdb987dc3d",11:"92c4756735cf7f92294c",12:"53d4e5a5ecf493cde3f2",13:"5eada2208ca5971fcf28",14:"8eb0f551a78806da01a0",15:"1c93652d6950e50d383e",16:"2dd9992de78fde8322d8",17:"82da55ae0d64f7599736",18:"692489712d3f7e7b75f2",19:"a54c6b36a122b4fd13bd",20:"a45e736554777aaeb89c",21:"70caa9fd338476f2acf7",22:"c4394f2a0fd74168b28b",23:"3c28a097b66ff5b3057e",24:"0c8eae9a6f96382f1a26",25:"8bae274439d940c1630b",26:"be3a2c64fca880ac9773",27:"a0ce4cf364c89e293f73",28:"586ff288516e66f5c379",29:"dad2437060a95a66b1a7",30:"fa9f517f244298c3ee8e",31:"de67c709d07948e5725e",32:"db1daa6bef63faedf8df",33:"dc5441f221181c75b830",34:"4eccfaf85ffe323736f9",35:"9fa70099b272fee5b92d",36:"59545b937a125c147025",37:"c7b7a8ab0c7da87074a3",38:"a329d65cf6c7338b630e",39:"58270d116696b8b057e7"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),c},n.m=e,n.c=c,n.d=function(e,a,c){n.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},n.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(a,"a",a),a},n.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
...@@ -7,7 +7,12 @@ ...@@ -7,7 +7,12 @@
<el-input v-model="formData.title"/> <el-input v-model="formData.title"/>
</el-form-item> </el-form-item>
<el-form-item label="封面"> <el-form-item label="封面">
<div style="margin: 10px">
<el-button @click="uploadType = true" v-if="!uploadType">地址上传</el-button>
<el-button @click="uploadType = false" v-if="uploadType">文件上传</el-button>
</div>
<el-upload <el-upload
v-if="!uploadType"
class="avatar-uploader" class="avatar-uploader"
:http-request="uploadFileImage" :http-request="uploadFileImage"
action="https://jsonplaceholder.typicode.com/posts/" action="https://jsonplaceholder.typicode.com/posts/"
...@@ -16,6 +21,7 @@ ...@@ -16,6 +21,7 @@
<img v-if="formData.cover" :src="formData.cover" class="avatar"> <img v-if="formData.cover" :src="formData.cover" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
<el-input v-model="formData.cover" v-if="uploadType"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -32,6 +38,7 @@ ...@@ -32,6 +38,7 @@
], ],
data(){ data(){
return{ return{
uploadType:false
} }
}, },
methods:{ methods:{
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
padding: 97px 49px 93px 51px; padding: 97px 49px 93px 51px;
margin: auto; margin: auto;
.title{ .title{
width:219px; width:235px;
font-size:24px; font-size:24px;
margin: 36px auto 16px; margin: 36px auto 16px;
text-align: center; text-align: center;
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
width="550px"> width="550px">
<el-form label-width="80px"> <el-form label-width="80px">
<el-form-item label="图片"> <el-form-item label="图片">
<el-upload <el-upload
action="/api/public/upload" action="/api/public/upload"
:http-request="uploadFile" :http-request="uploadFile"
...@@ -103,6 +104,7 @@ ...@@ -103,6 +104,7 @@
return { return {
dialogVisibleMp3:false, dialogVisibleMp3:false,
radio:[], radio:[],
imageType:false,
form:{ form:{
imgList:[], imgList:[],
big:false, big:false,
......
...@@ -8,10 +8,16 @@ ...@@ -8,10 +8,16 @@
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<div v-if="!formData.type"> <div v-if="!formData.type">
<el-form-item label="视频"> <el-form-item label="视频">
<div style="margin: 10px">
<el-button @click="uploadType = true" v-if="!uploadType">地址上传</el-button>
<el-button @click="uploadType = false" v-if="uploadType">文件上传</el-button>
</div>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
drag drag
v-if="!uploadType"
:http-request="uploadFileVideo" :http-request="uploadFileVideo"
:file-list="formData.video" :file-list="formData.video"
:on-exceed="handleExceed" :on-exceed="handleExceed"
...@@ -26,6 +32,12 @@ ...@@ -26,6 +32,12 @@
</div> </div>
<div class="el-upload__tip" slot="tip"></div> <div class="el-upload__tip" slot="tip"></div>
</el-upload> </el-upload>
<el-input v-if="uploadType" v-for="data in formData.video" style="margin-bottom: 10px" v-model="data.url">
<i slot="suffix" class="el-input__icon el-icon-delete" @click="delVideo(data)"></i>
</el-input>
<div v-if="uploadType" style="text-align: center">
<el-button @click="pushNewVideo">添加视频</el-button>
</div>
</el-form-item> </el-form-item>
<el-form-item label="是否切换"> <el-form-item label="是否切换">
<el-switch <el-switch
...@@ -35,7 +47,12 @@ ...@@ -35,7 +47,12 @@
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="切换音频" v-if="formData.change"> <el-form-item label="切换音频" v-if="formData.change">
<div style="margin: 10px">
<el-button @click="uploadType = true" v-if="!uploadType">地址上传</el-button>
<el-button @click="uploadType = false" v-if="uploadType">文件上传</el-button>
</div>
<el-upload <el-upload
v-if="!uploadType"
class="upload-demo" class="upload-demo"
:http-request="uploadFileAudio" :http-request="uploadFileAudio"
:file-list="formData.audio" :file-list="formData.audio"
...@@ -51,6 +68,12 @@ ...@@ -51,6 +68,12 @@
<span style="color: #888888;font-size: 12px">只能上传MP3文件</span> <span style="color: #888888;font-size: 12px">只能上传MP3文件</span>
</div> </div>
</el-upload> </el-upload>
<el-input v-if="uploadType" v-for="data in formData.audio" style="margin-bottom: 10px" v-model="data.url">
<i slot="suffix" class="el-input__icon el-icon-delete" @click="delAudio(data)"></i>
</el-input>
<div v-if="uploadType" style="text-align: center">
<el-button @click="pushNewAudio">添加音频</el-button>
</div>
</el-form-item> </el-form-item>
<div v-if="formData.change" v-for="(data,index) in formData.audio" class="mp3-block"> <div v-if="formData.change" v-for="(data,index) in formData.audio" class="mp3-block">
<h3> <h3>
...@@ -84,9 +107,14 @@ ...@@ -84,9 +107,14 @@
</el-form-item> </el-form-item>
<!--分龄--> <!--分龄-->
<el-form-item label="视频" v-if="formData.age"> <el-form-item label="视频" v-if="formData.age">
<div style="margin: 10px">
<el-button @click="uploadType = true" v-if="!uploadType">地址上传</el-button>
<el-button @click="uploadType = false" v-if="uploadType">文件上传</el-button>
</div>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
drag drag
v-if="!uploadType"
:http-request="uploadFileVideo2" :http-request="uploadFileVideo2"
:file-list="formData.video2" :file-list="formData.video2"
:on-exceed="handleExceed" :on-exceed="handleExceed"
...@@ -101,6 +129,12 @@ ...@@ -101,6 +129,12 @@
</div> </div>
<div class="el-upload__tip" slot="tip"></div> <div class="el-upload__tip" slot="tip"></div>
</el-upload> </el-upload>
<el-input v-if="uploadType" v-for="data in formData.video2" style="margin-bottom: 10px" v-model="data.url">
<i slot="suffix" class="el-input__icon el-icon-delete" @click="delVideo2(data)"></i>
</el-input>
<div v-if="uploadType" style="text-align: center">
<el-button @click="pushNewVideo2">添加视频</el-button>
</div>
</el-form-item> </el-form-item>
<el-form-item label="是否切换" v-if="formData.age"> <el-form-item label="是否切换" v-if="formData.age">
<el-switch <el-switch
...@@ -110,7 +144,12 @@ ...@@ -110,7 +144,12 @@
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="切换音频" v-if="formData.age && formData.change2"> <el-form-item label="切换音频" v-if="formData.age && formData.change2">
<div style="margin: 10px">
<el-button @click="uploadType = true" v-if="!uploadType">地址上传</el-button>
<el-button @click="uploadType = false" v-if="uploadType">文件上传</el-button>
</div>
<el-upload <el-upload
v-if="!uploadType"
class="upload-demo" class="upload-demo"
:http-request="uploadFileAudio2" :http-request="uploadFileAudio2"
:file-list="formData.audio2" :file-list="formData.audio2"
...@@ -126,6 +165,12 @@ ...@@ -126,6 +165,12 @@
<span style="color: #888888;font-size: 12px">只能上传MP3文件</span> <span style="color: #888888;font-size: 12px">只能上传MP3文件</span>
</div> </div>
</el-upload> </el-upload>
<el-input v-if="uploadType" v-for="data in formData.audio2" style="margin-bottom: 10px" v-model="data.url">
<i slot="suffix" class="el-input__icon el-icon-delete" @click="delAudio2(data)"></i>
</el-input>
<div v-if="uploadType" style="text-align: center">
<el-button @click="pushNewAudio2">添加音频</el-button>
</div>
</el-form-item> </el-form-item>
<div v-if="formData.change2 && formData.age" v-for="(data,index) in formData.audio2" class="mp3-block"> <div v-if="formData.change2 && formData.age" v-for="(data,index) in formData.audio2" class="mp3-block">
<h3> <h3>
...@@ -205,9 +250,39 @@ ...@@ -205,9 +250,39 @@
], ],
name: "videoUpload", name: "videoUpload",
data(){ data(){
return {} return {
uploadType:false
}
}, },
methods:{ methods:{
pushNewVideo(){
this.formData.video.push({name:'地址输入文件',url:''})
},
pushNewAudio(){
this.formData.audio.push({name:'地址录入文件',url:'',title:'',tips:'',image:''})
},
delVideo(data){
let i = this.formData.video.indexOf(data);
this.formData.video.splice(i,1)
},
delAudio(data){
let i = this.formData.audio.indexOf(data);
this.formData.audio.splice(i,1)
},
pushNewVideo2(){
this.formData.video2.push({name:'地址输入文件',url:''})
},
pushNewAudio2(){
this.formData.audio2.push({name:'地址录入文件',url:'',title:'',tips:'',image:''})
},
delVideo2(data){
let i = this.formData.video2.indexOf(data);
this.formData.video2.splice(i,1)
},
delAudio2(data){
let i = this.formData.audio2.indexOf(data);
this.formData.audio2.splice(i,1)
},
uploadFileVideo(a){ uploadFileVideo(a){
if( a.file.type === 'video/mp4'){ if( a.file.type === 'video/mp4'){
uploadFileApi({file:a.file,type:'local',obj:a}).then(res=>{ uploadFileApi({file:a.file,type:'local',obj:a}).then(res=>{
......
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