Commit 84eeba67 authored by wangwei's avatar wangwei

课包 上传修改

parent 88104ee9
<!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_7dsnjecwkpg.css><title>唱唱启蒙-后台</title><link href=/static/css/app.4746830645f364c5803d50bf3a2b9783.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.0075298779fe2591e759.js></script><script type=text/javascript src=/static/js/vendor.23cbd467eb26df857ed2.js></script><script type=text/javascript src=/static/js/app.d373ba31fb114e94c992.js></script></body></html> <!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_7dsnjecwkpg.css><title>唱唱启蒙-后台</title><link href=/static/css/app.89fe2d1e7c46dbcfba5b58f69aa75a66.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.be86c616ad86c2da26b4.js></script><script type=text/javascript src=/static/js/vendor.23cbd467eb26df857ed2.js></script><script type=text/javascript src=/static/js/app.d373ba31fb114e94c992.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([12],{"/RsJ":function(e,r){},"0HId":function(e,r,s){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var t=s("CCn6"),n=s("NC6I"),o=s.n(n),a=s("Nr3E"),i=s.n(a),l={data:function(){return{bgUrl:i.a,login:{username:"",password:""},loginRules:{username:[{required:!0,message:"请输入您的用户名",trigger:"blur"}],password:[{required:!0,message:"请输入您的密码",trigger:"blur"}]}}},mounted:function(){var e=this;document.onkeydown=function(r){var s=r||window.event;if(13===(s.keyCode||s.which||s.charCode)&&"login"===e.$route.name)return e.submitForm(),!1;return!0}},methods:{submitForm:function(){var e=this;this.$refs.loginForm.validate(function(r){if(r){var s={username:e.login.username,password:o()(e.login.password)};Object(t._25)(s).then(function(r){e.$store.dispatch("setToken",r.token),e.$store.dispatch("setUserName",r.user_name),e.$router.push({name:"resources"})})}})}}},u={render:function(){var e=this,r=e.$createElement,s=e._self._c||r;return s("div",{staticClass:"login"},[s("div",{staticClass:"wrap-main"},[s("h1",{staticClass:"title"},[e._v("唱唱启蒙——后台管理系统")]),e._v(" "),s("el-form",{ref:"loginForm",attrs:{model:e.login,rules:e.loginRules}},[s("el-form-item",{attrs:{prop:"username"}},[s("el-input",{attrs:{placeholder:"用户名"},model:{value:e.login.username,callback:function(r){e.$set(e.login,"username",r)},expression:"login.username"}})],1),e._v(" "),s("el-form-item",{attrs:{prop:"password"}},[s("el-input",{attrs:{type:"password",placeholder:"密码"},model:{value:e.login.password,callback:function(r){e.$set(e.login,"password",r)},expression:"login.password"}})],1),e._v(" "),s("el-form-item",[s("el-button",{staticClass:"btn",attrs:{size:"medium",type:"primary"},on:{click:e.submitForm}},[e._v("登陆")])],1)],1)],1)])},staticRenderFns:[]};var c=s("VU/8")(l,u,!1,function(e){s("/RsJ")},"data-v-acc971a4",null);r.default=c.exports},Nr3E:function(e,r,s){e.exports=s.p+"static/img/skyBackground.d3b1524.png"}});
\ No newline at end of file
webpackJsonp([12],{"0HId":function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var s=t("CCn6"),n=t("NC6I"),o=t.n(n),a=t("Nr3E"),i=t.n(a),l={data:function(){return{bgUrl:i.a,login:{username:"",password:""},loginRules:{username:[{required:!0,message:"请输入您的用户名",trigger:"blur"}],password:[{required:!0,message:"请输入您的密码",trigger:"blur"}]}}},mounted:function(){var e=this;document.onkeydown=function(r){var t=r||window.event;if(13===(t.keyCode||t.which||t.charCode)&&"login"===e.$route.name)return e.submitForm(),!1;return!0}},methods:{submitForm:function(){var e=this;this.$refs.loginForm.validate(function(r){if(r){var t={username:e.login.username,password:o()(e.login.password)};Object(s._25)(t).then(function(r){e.$store.dispatch("setToken",r.token),e.$store.dispatch("setUserName",r.user_name),e.$router.push({name:"resources"})})}})}}},u={render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"login"},[t("div",{staticClass:"wrap-main"},[t("h1",{staticClass:"title"},[e._v("唱唱启蒙——后台管理系统")]),e._v(" "),t("el-form",{ref:"loginForm",attrs:{model:e.login,rules:e.loginRules}},[t("el-form-item",{attrs:{prop:"username"}},[t("el-input",{attrs:{placeholder:"用户名"},model:{value:e.login.username,callback:function(r){e.$set(e.login,"username",r)},expression:"login.username"}})],1),e._v(" "),t("el-form-item",{attrs:{prop:"password"}},[t("el-input",{attrs:{type:"password",placeholder:"密码"},model:{value:e.login.password,callback:function(r){e.$set(e.login,"password",r)},expression:"login.password"}})],1),e._v(" "),t("el-form-item",[t("el-button",{staticClass:"btn",attrs:{size:"medium",type:"primary"},on:{click:e.submitForm}},[e._v("登陆")])],1)],1)],1)])},staticRenderFns:[]};var c=t("VU/8")(l,u,!1,function(e){t("AAFR")},"data-v-71b9dfdc",null);r.default=c.exports},AAFR:function(e,r){},Nr3E:function(e,r,t){e.exports=t.p+"static/img/skyBackground.d3b1524.png"}});
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(n,t,d){for(var o,f,b,i=0,u=[];i<n.length;i++)f=n[i],r[f]&&u.push(r[f][0]),r[f]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(c&&c(n,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=a(a.s=d[i]);return b};var n={},r={30:0};function a(c){if(n[c])return n[c].exports;var r=n[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.e=function(e){var c=r[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var n=new Promise(function(n,a){c=r[e]=[n,a]});c[2]=n;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,a.nc&&d.setAttribute("nonce",a.nc),d.src=a.p+"static/js/"+e+"."+{0:"583b4eb0f6f3e6c13eaa",1:"ce2973acb99cfebacaf9",2:"584411714d0b5f26a217",3:"8a6a28fbd223a63bc2cd",4:"bd5c173d0eb4de6315f8",5:"e5de567eb38120d6b4a9",6:"767c8657d25c914313c7",7:"4a84f642c2a3f83e638e",8:"57e2db840a808ce2ced8",9:"b902839018d2d3cd111a",10:"fb3b9b7818970f56fabe",11:"d2c883a2e4e7d089161c",12:"fb53cdc4311734f741db",13:"fd8358fc020c148d7390",14:"b9d865c60a97c3320e94",15:"289b730dd367bd6dd34e",16:"7e598c07db6d0aa3c107",17:"00572d62e1dcf7d24a2a",18:"1ed45d8d3dca7d9bcc39",19:"98d8ad6a7081d1be1a27",20:"ee06c0ead15f10d0b7f7",21:"ca1c02a172c3bc67b868",22:"060e8e7fda73e1f4db60",23:"55df30481f35602d1fba",24:"a60c28b7b0fb0d86d0a5",25:"2ee7e65c23944db3c247",26:"5b14669e851629419baf",27:"aed1710fdee959b271f5"}[e]+".js";var o=setTimeout(f,12e4);function f(){d.onerror=d.onload=null,clearTimeout(o);var c=r[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return d.onerror=d.onload=f,t.appendChild(d),n},a.m=e,a.c=n,a.d=function(e,c,n){a.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:n})},a.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(c,"a",c),c},a.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},a.p="/",a.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var o,f,b,i=0,u=[];i<c.length;i++)f=c[i],n[f]&&u.push(n[f][0]),n[f]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={30:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"583b4eb0f6f3e6c13eaa",1:"824dbcaa10b23cc38f37",2:"584411714d0b5f26a217",3:"8a6a28fbd223a63bc2cd",4:"bd5c173d0eb4de6315f8",5:"e5de567eb38120d6b4a9",6:"767c8657d25c914313c7",7:"4a84f642c2a3f83e638e",8:"57e2db840a808ce2ced8",9:"b902839018d2d3cd111a",10:"fb3b9b7818970f56fabe",11:"d2c883a2e4e7d089161c",12:"3332d4e7365a92a64a49",13:"fd8358fc020c148d7390",14:"b9d865c60a97c3320e94",15:"289b730dd367bd6dd34e",16:"7e598c07db6d0aa3c107",17:"00572d62e1dcf7d24a2a",18:"1ed45d8d3dca7d9bcc39",19:"98d8ad6a7081d1be1a27",20:"ee06c0ead15f10d0b7f7",21:"ca1c02a172c3bc67b868",22:"060e8e7fda73e1f4db60",23:"55df30481f35602d1fba",24:"a60c28b7b0fb0d86d0a5",25:"2ee7e65c23944db3c247",26:"5b14669e851629419baf",27:"aed1710fdee959b271f5"}[e]+".js";var o=setTimeout(f,12e4);function f(){d.onerror=d.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=f,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="/",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
<div class="icon-class"> <div class="icon-class">
<img :src="mouldImg.play1.play"/> <img :src="mouldImg.play1.play"/>
</div> </div>
<video v-if="selectedMould[nowIndex].content.videoUrl.length > 0" :poster="selectedMould[nowIndex].content.banner[0].url" :src="selectedMould[nowIndex].content.videoUrl[0].url"></video> <video v-if="selectedMould[nowIndex].content.videoUrl.length > 0" :poster="selectedMould[nowIndex].content.banner[0] ? selectedMould[nowIndex].content.banner[0].url : '' " :src="selectedMould[nowIndex].content.videoUrl[0].url"></video>
</div> </div>
<img :src="mouldImg.play1.radio" class="radio-img"/> <img :src="mouldImg.play1.radio" class="radio-img"/>
<img :src="mouldImg.play1.backBtn" class="btn back"/> <img :src="mouldImg.play1.backBtn" class="btn back"/>
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="/api/public/upload" action="/api/public/upload"
:on-remove="removeFile" :on-remove="removeFileRadio"
:http-request="uploadFileRadio" :http-request="uploadFileRadio"
multiple multiple
:limit="1" :limit="1"
...@@ -235,10 +235,9 @@ ...@@ -235,10 +235,9 @@
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="/api/public/upload" action="/api/public/upload"
:on-remove="removeFile" :on-remove="removeFileRadio2"
:http-request="uploadFileRadio2" :http-request="uploadFileRadio2"
multiple multiple
:limit="1"
:disabled="(fileUid && progress < 99)" :disabled="(fileUid && progress < 99)"
:file-list="selectedMould[nowIndex].content.radio"> :file-list="selectedMould[nowIndex].content.radio">
<el-button size="small" type="primary" :disabled="(fileUid && progress < 99)">点击上传</el-button> <el-button size="small" type="primary" :disabled="(fileUid && progress < 99)">点击上传</el-button>
...@@ -246,15 +245,7 @@ ...@@ -246,15 +245,7 @@
<el-progress v-if="fileUid" :percentage="progress"></el-progress> <el-progress v-if="fileUid" :percentage="progress"></el-progress>
</div> </div>
</el-upload> </el-upload>
<el-upload
class="upload-demo"
action="/api/public/upload"
multiple
:on-exceed="handleExceed"
:on-success="uploadSuccessRadio1"
:file-list="selectedMould[nowIndex].content.radio">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item> </el-form-item>
<div v-for="(data,index) in selectedMould[nowIndex].content.radio"> <div v-for="(data,index) in selectedMould[nowIndex].content.radio">
<el-form-item label="音频名字"> <el-form-item label="音频名字">
...@@ -340,13 +331,13 @@ ...@@ -340,13 +331,13 @@
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="/api/public/upload" action="/api/public/upload"
:http-request="uploadFile" :http-request="uploadFileVideo"
:on-remove="removeFile" :on-remove="removeFileVideoUrl"
:on-exceed="handleExceed" :on-exceed="handleExceed"
multiple multiple
:limit="1" :limit="1"
:disabled="(fileUid && progress < 99)" :disabled="(fileUid && progress < 99)"
:file-list="selectedMould[nowIndex].content.radio"> :file-list="selectedMould[nowIndex].content.videoUrl">
<el-button size="small" type="primary" :disabled="(fileUid && progress < 99)">点击上传</el-button> <el-button size="small" type="primary" :disabled="(fileUid && progress < 99)">点击上传</el-button>
<div style="width: 300px"> <div style="width: 300px">
<el-progress v-if="fileUid" :percentage="progress"></el-progress> <el-progress v-if="fileUid" :percentage="progress"></el-progress>
...@@ -358,13 +349,13 @@ ...@@ -358,13 +349,13 @@
class="upload-demo" class="upload-demo"
action="/api/public/upload" action="/api/public/upload"
:http-request="uploadFileVideo1Banner" :http-request="uploadFileVideo1Banner"
:on-remove="removeFile" :on-remove="removeFileBanner"
:on-exceed="handleExceed" :on-exceed="handleExceed"
list-type="picture-card" list-type="picture-card"
multiple multiple
:limit="1" :limit="1"
:disabled="(fileUid && progress < 99)" :disabled="(fileUid && progress < 99)"
:file-list="selectedMould[nowIndex].content.radio"> :file-list="selectedMould[nowIndex].content.banner">
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="是否切换"> <el-form-item label="是否切换">
...@@ -411,7 +402,7 @@ ...@@ -411,7 +402,7 @@
:http-request="uploadFileRadio" :http-request="uploadFileRadio"
multiple multiple
:on-exceed="handleExceed" :on-exceed="handleExceed"
:on-remove="removeFile" :on-remove="removeFileRadio"
:limit="1" :limit="1"
:disabled="(fileUid && progress < 99)" :disabled="(fileUid && progress < 99)"
:file-list="selectedMould[nowIndex].content.radio"> :file-list="selectedMould[nowIndex].content.radio">
...@@ -427,12 +418,12 @@ ...@@ -427,12 +418,12 @@
action="/api/public/upload" action="/api/public/upload"
:http-request="uploadFileVideo1Banner" :http-request="uploadFileVideo1Banner"
list-type="picture-card" list-type="picture-card"
:on-remove="removeFile" :on-remove="removeFileBanner"
multiple multiple
:on-exceed="handleExceed" :on-exceed="handleExceed"
:limit="1" :limit="1"
:disabled="(fileUid && progress < 99)" :disabled="(fileUid && progress < 99)"
:file-list="selectedMould[nowIndex].content.radio"> :file-list="selectedMould[nowIndex].content.banner">
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="上一步序号"> <el-form-item label="上一步序号">
...@@ -556,8 +547,21 @@ ...@@ -556,8 +547,21 @@
}, },
// 删除文件 // 删除文件
removeFile(a){ removeFileVideoUrl(a,b){
this.$store.dispatch('setProgress',{type:'delete',id:a.file.uid}) this.selectedMould[this.nowIndex].content.videoUrl = [];
this.fileUid=null
},
removeFileBanner(a,b){
this.selectedMould[this.nowIndex].content.banner = [];
this.fileUid=null
},
removeFileRadio(a,b){
this.selectedMould[this.nowIndex].content.radio = [];
this.fileUid=null
},
removeFileRadio2(a,b){
this.selectedMould[this.nowIndex].content.radio = b;
this.fileUid=null
}, },
// 上传音频 // 上传音频
uploadFileRadio(a){ uploadFileRadio(a){
...@@ -574,17 +578,17 @@ ...@@ -574,17 +578,17 @@
this.$store.dispatch('setProgress',{type:'new',id:a.file.uid}); this.$store.dispatch('setProgress',{type:'new',id:a.file.uid});
this.fileUid = a.file.uid; this.fileUid = a.file.uid;
uploadFileApi({file:a.file,type:'local'}).then(res=>{ uploadFileApi({file:a.file,type:'local'}).then(res=>{
this.selectedMould[this.nowIndex].content.radio[0] = {name:res.url,url:process.env.IMAGE_URL_HEAD + res.url,title:'',lable:''}; this.selectedMould[this.nowIndex].content.radio.push({name:res.url,url:process.env.IMAGE_URL_HEAD + res.url,title:'',lable:''});
this.$store.dispatch('setProgress',{type:'delete',id:a.file.uid}); this.$store.dispatch('setProgress',{type:'delete',id:a.file.uid});
this.fileUid=null this.fileUid=null
}) })
}, },
// 上传视频 // 上传视频
uploadFile(a){ uploadFileVideo(a){
this.$store.dispatch('setProgress',{type:'new',id:a.file.uid}); this.$store.dispatch('setProgress',{type:'new',id:a.file.uid});
this.fileUid = a.file.uid; this.fileUid = a.file.uid;
uploadFileApi({file:a.file,type:'local'}).then(res=>{ uploadFileApi({file:a.file,type:'local'}).then(res=>{
this.selectedMould[this.nowIndex].content.radio.push({name:a.data.url,url:process.env.IMAGE_URL_HEAD + a.data.url,title:'',lable:''}); this.selectedMould[this.nowIndex].content.videoUrl[0]= {name:res.url,url:process.env.IMAGE_URL_HEAD + res.url,title:'',lable:''};
this.$store.dispatch('setProgress',{type:'delete',id:a.file.uid}); this.$store.dispatch('setProgress',{type:'delete',id:a.file.uid});
this.fileUid=null this.fileUid=null
}) })
...@@ -597,14 +601,6 @@ ...@@ -597,14 +601,6 @@
handleExceed(){ handleExceed(){
this.$message.error('超出文件限制个数'); this.$message.error('超出文件限制个数');
}, },
// 源生上传成功回调
uploadSuccess(a){
this.selectedMould[this.nowIndex].content.radioUrl.push({name:a.data.url,url:process.env.IMAGE_URL_HEAD + a.data.url})
},
// 源生上传成功音频回调
uploadSuccessRadio1(a){
this.selectedMould[this.nowIndex].content.radio.push({name:a.data.url,url:process.env.IMAGE_URL_HEAD + a.data.url,title:'',lable:''})
},
delMould(index){ delMould(index){
this.selectedMould.splice(index,1); this.selectedMould.splice(index,1);
if(this.nowIndex > this.selectedMould.length - 1){ if(this.nowIndex > this.selectedMould.length - 1){
......
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