4.4

parent 69da3c6d
<!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.d6bacf2c44997dce2e67.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.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");
el.onerror = function(a,b,c){
console.log('error:',a,b,c);
};
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
!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:"307a73d2788a40175449",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.831c2742f790fa5c7b0d7a05865028e8.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.ae3a9d331c38a6a2171c.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");
<!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");
el.onerror = function(a,b,c){
console.log('error:',a,b,c);
};
......
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.
This diff is collapsed.
webpackJsonp([34],{"3Wk/":function(e,t){},AEsg:function(e,t){},K2yr:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=s("CCn6"),o={name:"index",data:function(){return{searchFrom:{mobile:"",old_user_id:"",course_title:""},userList:[],total:0,nowPage:1,limit:10,showDetail:!1}},components:{page:s("kmJW").a},mounted:function(){this.getUser()},methods:{onPageChange:function(e){this.nowPage=e,this.getUser()},onSizeChange:function(e){this.limit=e,this.nowPage=1,this.getUser()},getUser:function(){var e=this,t={page:this.nowPage,limit:this.limit};this.searchFrom.old_user_id&&(t.old_user_id=this.searchFrom.old_user_id),this.searchFrom.course_title&&(t.course_title=this.searchFrom.course_title),this.searchFrom.mobile&&(t.mobile=this.searchFrom.mobile),Object(r._51)(t).then(function(t){e.userList=t.list,e.total=t.total})},deleteOption:function(e){var t=this;this.$confirm("确定删除?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){Object(r.L)(e).then(function(e){t.$message({type:"success",message:"删除成功"}),t.getUser()})})}}},i={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"user"},[s("el-form",{ref:"searchFrom",attrs:{model:e.searchFrom,"label-width":"80px",inline:""}},[s("el-form-item",{attrs:{label:"用户ID"}},[s("el-input",{model:{value:e.searchFrom.old_user_id,callback:function(t){e.$set(e.searchFrom,"old_user_id",t)},expression:"searchFrom.old_user_id"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"课程名称"}},[s("el-input",{model:{value:e.searchFrom.course_title,callback:function(t){e.$set(e.searchFrom,"course_title",t)},expression:"searchFrom.course_title"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"手机号"}},[s("el-input",{model:{value:e.searchFrom.mobile,callback:function(t){e.$set(e.searchFrom,"mobile",t)},expression:"searchFrom.mobile"}})],1),e._v(" "),s("el-form-item",[s("el-button",{attrs:{type:"primary",plain:""},on:{click:e.getUser}},[e._v("搜索")])],1)],1),e._v(" "),s("el-table",{staticStyle:{width:"100%"},attrs:{data:e.userList}},[s("el-table-column",{attrs:{className:"f-c",label:"用户"},scopedSlots:e._u([{key:"default",fn:function(t){return[s("img",{staticClass:"avatar",attrs:{src:t.row.headimgurl}}),e._v(e._s(t.row.nickname)+"(ID:"+e._s(t.row.old_user_id)+")\n ")]}}])}),e._v(" "),s("el-table-column",{attrs:{prop:"mobile",label:"手机号"}}),e._v(" "),s("el-table-column",{attrs:{prop:"course_title",label:"课程名字"}}),e._v(" "),s("el-table-column",{attrs:{prop:"start_time",label:"开课时间"}}),e._v(" "),e.$store.state.readonly?e._e():s("el-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){return[e.$store.state.deletePermission?s("el-button",{attrs:{size:"mini",plain:"",type:"danger"},on:{click:function(s){e.deleteOption(t.row.id)}}},[e._v("\n 删除\n ")]):e._e()]}}])})],1),e._v(" "),s("page",{attrs:{total:e.total,limit:e.limit},on:{pageChange:e.onPageChange,sizeChange:e.onSizeChange}})],1)},staticRenderFns:[]};var a=s("VU/8")(o,i,!1,function(e){s("AEsg"),s("3Wk/")},"data-v-29f63a32",null);t.default=a.exports}});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
!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:"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:"86acf176a4c2f1f206fc",34:"22ab9fe5eb3b11f0448d",35:"75ac38a3a41300fc75f0",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 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
<template>
<div class="banner" v-loading="loading">
<div class="head clear-both">
<el-button @click="add" plain type="success" style="float: right" v-if="!$store.state.readonly">新增banner</el-button>
<el-button @click="add" plain type="success" style="float: right" v-if="!$store.state.readonly">新增</el-button>
</div>
<el-tabs v-model="searchFrom.type" type="card" style="background: white;padding-top: 10px" @tab-click="getList">
<el-tab-pane label="磨耳朵" name="2"></el-tab-pane>
......@@ -84,13 +84,13 @@
:visible.sync="dialog.show"
width="30%">
<el-form ref="form" :rules="dialog.rules" :model="dialog.form" label-width="100px">
<el-form-item label="banner名称" prop="title">
<el-form-item label="名称" prop="title">
<el-input v-model="dialog.form.title"></el-input>
</el-form-item>
<el-form-item label="banner二级名称" prop="sub_title">
<el-form-item label="二级名称" prop="sub_title">
<el-input v-model="dialog.form.sub_title"></el-input>
</el-form-item>
<el-form-item label="banner链接" prop="link">
<el-form-item label="链接" prop="link">
<el-input v-model="dialog.form.link"></el-input>
</el-form-item>
<div class="upload-block">
......@@ -107,6 +107,24 @@
</el-upload>
<p class="size">750*400</p>
</div>
<el-upload
v-if="searchFrom.type==2&&audio.length==0"
class="upload-demo"
:http-request="uploadFileAudio2"
:before-upload="beforeAvatarAudio"
:file-list="audio"
:on-exceed="handleExceed"
:on-remove="removeFileAudio2"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处,或<em>点击上传</em>
<br>
<span style="color: #888888;font-size: 12px">只能上传MP3文件</span>
</div>
</el-upload>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialog.show = false">取 消</el-button>
......@@ -137,14 +155,17 @@
uploadShow: true,
limit: 10,
dialog:{
title:'新增Banner',
title:'新增',
show:false,
rules: {
title: [
{required: true, message: '请填写Banner名称', trigger: 'change'},
{required: true, message: '请填写名称', trigger: 'change'},
],
link: [
{required: true, message: '请填写Banner链接', trigger: 'change'},
{required: true, message: '请填写链接', trigger: 'change'},
],
sub_title: [
{required: true, message: '请填写链接', trigger: 'change'},
]
},
form:{
......@@ -155,7 +176,8 @@
sub_title:''
}
},
imageList: []
imageList: [],
audio:[]
}
},
created(){
......@@ -171,6 +193,31 @@
}
},
methods: {
removeFileAudio2(file,fileList){
this.audio = fileList
},
handleExceed(){
},
// 音频文件限制
beforeAvatarAudio(file){
const isJPG = (file.type === 'audio/mp3' );
if (!isJPG) {
this.$message.error('上传视频只能是MP3格式!');
}
return isJPG;
},
// 上传音频2
uploadFileAudio2(a){
uploadFileApi({file:a.file,type:'local',obj:a}).then(res=>{
this.$message({
type: 'success',
message: '上传成功!'
});
a.onSuccess('上传成功');
this.dialog.form.link = process.env.IMAGE_URL_HEAD + res.url
this.audio.push({name:res.name,url:process.env.IMAGE_URL_HEAD + res.url,title:'',tips:'',image:''});
})
},
onPageChange(val){
this.nowPage = val;
this.getList()
......@@ -179,10 +226,10 @@
let msg;
let status;
if(data.status === 1){
msg = '此操作将下架该Banner,是否继续?';
msg = '此操作将下架,是否继续?';
status = 2
}else{
msg = '此操作将上架该Banner,是否继续?';
msg = '此操作将上架,是否继续?';
status = 1
}
this.$confirm(msg, '提示', {
......@@ -227,7 +274,7 @@
},
edit(data){
this.dialog.form.id = data.id;
this.dialog.title = '编辑Banner';
this.dialog.title = '编辑';
getBannerDetailApi(data.id).then((res)=>{
this.dialog.form.title = res.title
this.dialog.form.link = res.link
......@@ -239,14 +286,14 @@
add(){
this.dialog.show = true;
this.dialog.form.id = '';
this.dialog.title = '新增Banner';
this.dialog.title = '新增';
this.dialog.form.title = ''
this.dialog.form.link = '';
this.imageList = [];
this.uploadShow = true;
},
del(data){
this.$confirm('此操作将删除该Banner?', '提示', {
this.$confirm('此操作将删除该?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
......@@ -283,7 +330,7 @@
if (this.imageList.length > 0) {
json.url = this.imageList[0].url
}
this.$confirm('确认修改Banner', '提示', {
this.$confirm('确认修改', '提示', {
confirmButtonText: '继续',
cancelButtonText: '取消',
type: 'warning'
......@@ -307,7 +354,7 @@
if (this.imageList.length > 0) {
json.url = this.imageList[0].url
}
this.$confirm('确认添加Banner', '提示', {
this.$confirm('确认添加', '提示', {
confirmButtonText: '继续',
cancelButtonText: '取消',
type: 'warning'
......
......@@ -290,7 +290,7 @@
beforeAvatarAudio(file){
const isJPG = (file.type === 'audio/mp3' );
if (!isJPG) {
this.$message.error('上传视频只能是MP4格式!');
this.$message.error('上传视频只能是MP3格式!');
}
return isJPG;
},
......
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