1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-50dc04f0"],{"0407":function(e,t,a){"use strict";a("f643")},b40c:function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"app-container"},[a("div",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:e.loadingFull,expression:"loadingFull",modifiers:{fullscreen:!0,lock:!0}}]}),e._v(" "),a("el-select",{attrs:{placeholder:"状态"},on:{change:function(t){e.params.page_index=1,e.getList()}},model:{value:e.params.status,callback:function(t){e.$set(e.params,"status",t)},expression:"params.status"}},e._l(e.statusOption,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1),e._v(" "),a("el-input",{staticStyle:{width:"260px"},attrs:{placeholder:"请输入名称搜索"},model:{value:e.params.search_name,callback:function(t){e.$set(e.params,"search_name",t)},expression:"params.search_name"}}),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.params.page_index=1,e.getList()}}},[e._v("搜索")]),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.visible.type=!0,e.visible.course=!0}}},[e._v("添加区域音频")]),e._v(" "),a("el-table",{staticStyle:{margin:"20px 0"},attrs:{data:e.list,border:"",stripe:""}},[a("el-table-column",{attrs:{prop:"rank",label:"排序",align:"center"}}),e._v(" "),a("el-table-column",{attrs:{prop:"title",label:"名称",align:"center"}}),e._v(" "),a("el-table-column",{attrs:{label:"音频",align:"center",width:"370"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[r.audio_url&&e.showAudio?a("audio",{attrs:{controls:""}},[a("source",{attrs:{src:r.audio_url}})]):a("span",[e._v("暂未上传音频")])]}}])}),e._v(" "),a("el-table-column",{attrs:{prop:"headimgurl",label:"图片",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[r.url?a("el-image",{staticStyle:{width:"80px",height:"80px"},attrs:{src:r.url,"preview-src-list":e.urlList}}):e._e()]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"状态",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[a("el-tag",{attrs:{type:0===r.status?"info":"success"}},[e._v(e._s(0===r.status?"禁用":"启用"))])]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"生成二维码",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.getDownload(r)}}},[e._v("下载")])]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"操作",align:"center",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.toEdit(r)}}},[e._v("修改")]),e._v(" "),a("el-button",{attrs:{type:"text"},on:{click:function(t){return e.toDelete(r.id)}}},[e._v("删除")])]}}])})],1),e._v(" "),a("pagination",{attrs:{total:e.total,limit:e.params.page_size,page:e.params.page_index},on:{pagination:e.changePagination,"update:limit":e.changePagination}}),e._v(" "),a("el-dialog",{attrs:{title:e.visible.type?"添加区域音频":"修改区域音频",visible:e.visible.course,"close-on-click-modal":!1,width:"700px","before-close":e.resetSubmitCourse,top:"50px"},on:{"update:visible":function(t){return e.$set(e.visible,"course",t)}}},[a("el-form",{ref:"courseForm",attrs:{"label-width":"120px",model:e.form,rules:e.formRule}},[a("el-form-item",{attrs:{label:"名称:",prop:"title"}},[a("el-input",{staticStyle:{width:"260px"},attrs:{placeholder:"请输入公司的区域名称",type:"text"},model:{value:e.form.title,callback:function(t){e.$set(e.form,"title",t)},expression:"form.title"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"状态:",required:""}},[a("el-select",{staticStyle:{width:"260px"},attrs:{placeholder:"请选择状态"},model:{value:e.form.status,callback:function(t){e.$set(e.form,"status",t)},expression:"form.status"}},[a("el-option",{attrs:{label:"启用",value:1}}),e._v(" "),a("el-option",{attrs:{label:"禁用",value:0}})],1)],1),e._v(" "),a("el-form-item",{attrs:{label:"排序:",required:""}},[a("el-input",{staticStyle:{width:"260px"},attrs:{placeholder:"数字越大越靠前",type:"number"},model:{value:e.form.rank,callback:function(t){e.$set(e.form,"rank",t)},expression:"form.rank"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"音频:",required:""}},[a("el-upload",{attrs:{action:"","show-file-list":!1,accept:"audio/mpeg, audio/wav, audio/flac, .mp3","http-request":e.uploadCourseAudio}},[a("div",{staticClass:"upload_radio"},[e.form.audio_url&&e.showAudio?[a("audio",{staticStyle:{"margin-bottom":"10px"},attrs:{controls:""}},[a("source",{attrs:{src:e.form.audio_url}})])]:e._e(),e._v(" "),a("el-button",{attrs:{type:"primary"}},[e._v("上传")])],2)]),e._v(" "),a("i",{staticClass:"el-icon-warning"},[e._v("音频最大不超过50M")])],1),e._v(" "),a("el-form-item",{attrs:{label:"背景图片:",required:""}},[a("el-upload",{staticClass:"avatar-uploader",attrs:{action:"","show-file-list":!1,"http-request":e.uploadCourse,accept:"image/*"}},[e.form.url?a("img",{staticClass:"avatar",attrs:{src:e.form.url}}):a("i",{staticClass:"el-icon-plus avatar-uploader-icon"})]),e._v(" "),a("i",{staticClass:"el-icon-warning"},[e._v("图片最大不超过100K")])],1),e._v(" "),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:e.toAddCourse}},[e._v(e._s(e.visible.type?"添加":"确定"))]),e._v(" "),a("el-button",{on:{click:e.resetSubmitCourse}},[e._v("取消")])],1)],1)],1),e._v(" "),a("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})],1)},i=[],l=(a("ac6a"),a("34ef"),a("28a5"),a("072e")),s=a("d044"),o=a.n(s),n={data:function(){return{visible:{course:!1,type:!0},showAudio:!0,statusOption:[{label:"启用",value:1},{label:"禁用",value:0}],urlList:[],loadingFull:!1,activitys:[],form:{id:"",title:"",url:"",audio_url:"",status:1,rank:""},formRule:{title:[{required:!0,message:"请填写课程名称",trigger:"blur"}],summary:[{required:!0,message:"请填写课程简介",trigger:"blur"}],course_time:[{required:!0,message:"请选择课程时间",trigger:"blur"}],teacher_name:[{required:!0,message:"请填写讲师姓名",trigger:"blur"}],teacher_levelname:[{required:!0,message:"请填写讲师身份",trigger:"blur"}],season:[{required:!0,message:"请选择赛季",trigger:"blur"}],week:[{required:!0,message:"请选择周期",trigger:"blur"}]},params:{page:1,page_size:10,search_name:"",status:1},total:0,list:[],teacherType:["大卫博士首席导师","大卫博士争霸赛讲师"]}},mounted:function(){this.getList()},methods:{creatQrCode:function(e){var t=new o.a("qrcode",{text:"http://api.app.cliu.cc/gzh/#/pages/detail/detail?id="+e.id,width:230,height:230,colorDark:"#000000",colorLight:"#ffffff",correctLevel:o.a.CorrectLevel.H});return this.drawAppendText(e.title),t},drawAppendText:function(e){var t=document.querySelector("#qrcode canvas");if(t.getContext){var a=t.getContext("2d");r("230","270"),a.fillStyle="rgb(255,255,255)",a.fillRect(0,230,230,40),a.fillStyle="rgb(0,0,0)",a.font="20px Arial",a.textAlign="center",a.fillText(e,115,260)}function r(e,r){var i=document.createElement("canvas");i.width=t.width,i.height=t.height,i.getContext("2d").drawImage(t,0,0),t.width=e,t.height=r,a.drawImage(i,0,0)}},getDownload:function(e){this.creatQrCode(e);var t=document.getElementById("qrcode").getElementsByTagName("canvas"),a=document.getElementById("qrcode").getElementsByTagName("img"),r=document.createElement("a"),i=t[0].toDataURL("image/jpg"),l=navigator.userAgent;if(-1!==l.indexOf("Trident")&&-1!==l.indexOf("Windows")){var s=atob(i.split(",")[1]),o=s.length,n=new Uint8Array(o);while(o--)n[o]=s.charCodeAt(o);var u=new Blob([n]);window.navigator.msSaveOrOpenBlob(u,"下载.png"),document.getElementById("qrcode").innerHTML=""}else if(l.indexOf("Firefox")>-1){var c=this.base64ToBlob(i);r.download=" ",r.href=URL.createObjectURL(c),r.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window})),document.getElementById("qrcode").innerHTML=""}else a.src=t[0].toDataURL("image/jpg"),r.href=a.src,r.download=e.title,r.click(),document.getElementById("qrcode").innerHTML=""},getList:function(){var e=this;this.loadingFull=!0,this.showAudio=!1,Object(l["e"])(this.params).then((function(t){200===t.code?(e.loadingFull=!1,e.list=t.data.list,e.showAudio=!0,e.list.forEach((function(t){e.urlList.push(t.url)})),e.total=t.data.total):(e.loadingFull=!1,e.$message.error(t.message||"获取失败"))}))},changePagination:function(e){var t=e.page,a=e.limit;this.params.page_size=a,this.params.page_index=t,this.getList()},toEdit:function(e){Object.assign(this.form,e),this.visible.type=!1,this.visible.course=!0},toDelete:function(e){var t=this;this.$confirm("确认删除吗?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.loadingFull=!0,Object(l["c"])({id:e}).then((function(e){t.loadingFull=!1,200===e.code?(t.$message.success("删除音频成功"),t.getList()):t.$message.error(e.message||"删除音频失败")})).catch((function(){t.loadingFull=!1,t.$message.error("删除音频失败")}))})).catch((function(){}))},resetSubmitCourse:function(){this.form={id:"",title:"",status:1,audio_url:"",url:"",rank:""},this.visible.type=!0,this.visible.course=!1},toAddCourse:function(){var e=this;if(!this.form.title||!this.form.rank)return this.$message.error("请补全信息"),!1;if(!this.form.url)return this.$message.error("请上传背景图片"),!1;if(!this.form.audio_url)return this.$message.error("请上传音频文件"),!1;var t=this.form,a=t.title,r=t.rank,i=t.url,s=t.status,o=t.audio_url;this.loadingFull=!0,!0===this.visible.type?Object(l["b"])({title:a,rank:r,url:i,status:s,audio_url:o}).then((function(t){e.loadingFull=!1,200===t.code?(e.$message.success("添加成功"),e.resetSubmitCourse(),e.getList()):e.$message.error(t.message||"添加失败")})).catch((function(){e.loadingFull=!1,e.$message.error("添加失败")})):Object(l["d"])(this.form).then((function(t){e.loadingFull=!1,200===t.code?(e.$message.success("修改成功"),e.resetSubmitCourse(),e.getList()):e.$message.error(t.message||"修改失败")})).catch((function(){e.loadingFull=!1,e.$message.error("修改失败")}))},uploadCourse:function(e){var t=this,a=e.file,r=a.size/1024;if(r>100)return this.$message.error("上传图片大小不能超过100k"),!1;var i=new FormData;i.append("file",a),i.append("type","img"),this.loadingFull=!0,Object(l["i"])(i).then((function(e){t.loadingFull=!1,200===e.code?t.form.url=e.data:t.$message.error(e.message||"上传背景图片失败")})).catch((function(e){t.loadingFull=!1,t.$message.error("上传背景图片失败")}))},uploadCourseAudio:function(e){var t=this,a=e.file;this.showAudio=!1;var r=a.size;if(r>52428800)return this.$message.error("音频上传最大不超过50M"),!1;var i=new FormData;i.append("file",a),i.append("type","audio"),this.loadingFull=!0,Object(l["i"])(i).then((function(e){200===e.code?(t.showAudio=!0,t.loadingFull=!1,t.form.audio_url=e.data,console.log(t.form.audio_url)):(t.showAudio=!0,t.loadingFull=!1,t.$message.error(e.message||"上传音频失败"))})).catch((function(e){t.showAudio=!0,t.loadingFull=!1,t.$message.error("上传音频失败")}))}}},u=n,c=(a("0407"),a("2877")),d=Object(c["a"])(u,r,i,!1,null,"2df5b856",null);t["default"]=d.exports},f643:function(e,t,a){}}]);
|