9.e34b45c78b40e70f1560.js 13.7 KB
webpackJsonp([9],{AbSL:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s("CCn6"),o=s("kmJW"),n=s("lP78"),a=s.n(n),l=s("WY0H"),r=s.n(l),c={name:"dialogObj",props:["dialogObj"],data:function(){return{selectedLesson:[],selectedLessonList:[],lessonList:[],showLessonList:[],selectedBox:[],selectedBoxList:[],boxList:[],showBoxList:[],imageList:[],loading:!1,uploadShow:!0,downSrc:a.a,upSrc:r.a,form:{title:"",type:0,text_category_ids:[],item_category_ids:[],cover:0},rules:{title:[{required:!0,message:"请输入课程标题",trigger:"change"}]}}},methods:{handleItemChange:function(e){},changLessonItem:function(){0===this.form.type?this.showLessonList.forEach(function(e){e.children=e.children||[],e.children.forEach(function(e){e.children&&delete e.children})}):this.showLessonList=this.lessonList},delLesson:function(e){this.selectedLessonList=this.selectedLessonList.filter(function(t){return t.id!==e.id})},delBox:function(e){this.selectedBoxList=this.selectedBoxList.filter(function(t){return t.id!==e.id})},selectLesson:function(e){var t=this.showLessonList.find(function(t){return t.id===e[0]});t.children&&(t=t.children.find(function(t){return t.id===e[1]}),3===e.length&&(t=t.children.find(function(t){return t.id===e[2]})),-1===this.selectedLessonList.findIndex(function(e){return e===t})?this.selectedLessonList.push(t):this.$message({type:"info",message:"不能重复添加!"}))},selectBox:function(e){var t=this.showBoxList.find(function(t){return t.id===e[0]});-1===this.selectedBoxList.findIndex(function(e){return e===t})?this.selectedBoxList.push(t):this.$message({type:"info",message:"不能重复添加!"})},sub:function(){var e=this;this.$refs.form.validate(function(t){var s=[],o=[];e.selectedBoxList.forEach(function(e){s.push(e.id)}),e.selectedLessonList.forEach(function(e){o.push(e.id)}),e.imageList[0]&&(e.form.cover=e.imageList[0].name);var n=e.form;if(n.item_category_ids=s.toString(),n.text_category_ids=o.toString(),t){if(!e.form.cover)return void e.$message({type:"error",message:"请上传封面!"});if(!n.text_category_ids)return void e.$message({type:"error",message:"请选择课程!"});switch(e.dialogObj.type){case 1:Object(i._8)(e.dialogObj.id,n).then(function(t){e.$message({type:"success",message:"修改成功!"}),e.$emit("reflash"),e.dialogObj.show=!1});break;case 0:Object(i.l)(n).then(function(t){e.$message({type:"success",message:"新增成功!"}),e.$emit("reflash"),e.dialogObj.show=!1})}}})},initDialog:function(){var e=this;Object(i._29)().then(function(t){t&&(e.boxList=t,e.showBoxList=JSON.parse(JSON.stringify(t)))}),Object(i._31)().then(function(t){switch(e.lessonList=t,e.showLessonList=JSON.parse(JSON.stringify(t)),e.dialogObj.type){case 0:e.form={title:"",type:0,text_category_ids:[],item_category_ids:[],cover:0},e.uploadShow=!0,e.imageList=[],e.selectedLessonList=[],e.selectedBoxList=[];break;case 1:Object(i._49)(e.dialogObj.id).then(function(t){e.form={title:t.title,type:t.type,text_category_ids:[],item_category_ids:[],cover:""},e.imageList=[{name:t.cover,url:"https://cdn.singsingenglish.com/"+t.cover}],e.uploadShow=!1,e.selectedLessonList=[],e.selectedBoxList=[],0===t.type?t.detail[0].forEach(function(t){e.selectLesson([t.pid,t.id])}):1===t.type&&t.detail[1].forEach(function(t){var s=e.showLessonList.find(function(e){return e.children=e.children||[],e.children.find(function(e){return e.id===t.pid})});e.selectLesson([s.id,t.pid,t.id])}),t.detail[2]&&t.detail[2].forEach(function(t){e.selectBox([t.id])})});break;case 2:e.title="编辑",e.show=e.dialogObj.show,e.id=e.dialogObj.id,e.type=2}})},beforeAvatarUpload:function(){this.uploadShow=!1},handleRemove:function(){this.uploadShow=!0},handleAvatarSuccess:function(e){this.imageList=[{name:e.data.url,url:"https://cdn.singsingenglish.com/"+e.data.url}]},uploadFileMain:function(e){var t=this;this.$store.dispatch("setProgress",{type:"new",id:e.file.uid}),this.fileUid=e.file.uid,Object(i._141)({file:e.file,type:"local"}).then(function(e){t.form.cover="https://cdn.singsingenglish.com/"+e.url,t.imageList[0]={name:e.url,url:"https://cdn.singsingenglish.com/"+e.url,title:"",lable:""}})},moveBox:function(e,t){var s=this.selectedBoxList,i=s[e],o=s[t];this.selectedBoxList.splice(e,1,o),this.selectedBoxList.splice(t,1,i)},moveItem:function(e,t){var s=this.selectedLessonList,i=s[e],o=s[t];this.selectedLessonList.splice(e,1,o),this.selectedLessonList.splice(t,1,i)}},watch:{"dialogObj.show":function(e){e&&this.initDialog()}}},d={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("el-dialog",{attrs:{title:e.dialogObj.title,center:"","append-to-body":"",visible:e.dialogObj.show,width:"800px"},on:{"update:visible":function(t){e.$set(e.dialogObj,"show",t)}}},[s("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}]},[s("el-form",{ref:"form",attrs:{model:e.form,"label-width":"120px",rules:e.rules,disabled:e.dialogObj.read}},[s("el-form-item",{attrs:{label:"课程标题",prop:"title"}},[s("el-input",{model:{value:e.form.title,callback:function(t){e.$set(e.form,"title",t)},expression:"form.title"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"课程封面(670*472)"}},[s("el-upload",{class:{disabled:!e.uploadShow},attrs:{action:"/api/public/upload","http-request":e.uploadFileMain,"before-upload":e.beforeAvatarUpload,"list-type":"picture-card","file-list":e.imageList,"on-success":e.handleAvatarSuccess,"on-remove":e.handleRemove}},[s("i",{staticClass:"el-icon-plus"})])],1),e._v(" "),s("el-row",[s("el-col",{attrs:{span:10}},[s("el-form-item",{attrs:{label:"课程类型"}},[s("el-select",{attrs:{placeholder:"请选择课程类型"},on:{change:function(t){e.selectedLesson=[],e.selectedLessonList=[]}},model:{value:e.form.type,callback:function(t){e.$set(e.form,"type",t)},expression:"form.type"}},[s("el-option",{attrs:{label:"月课",value:0}}),e._v(" "),s("el-option",{attrs:{label:"日课",value:1}})],1)],1)],1),e._v(" "),s("el-col",{attrs:{span:10}},[s("el-form-item",{attrs:{label:"选择课程"}},[s("el-cascader",{attrs:{clearable:"",value:e.selectedLesson,options:e.showLessonList,"show-all-levels":!1,props:{label:"name",value:"id",children:"children"}},on:{"active-item-change":e.changLessonItem,change:e.selectLesson}})],1)],1)],1),e._v(" "),s("el-row",[s("el-col",{attrs:{span:24}},[s("el-form-item",{attrs:{label:"已选课程"}},e._l(e.selectedLessonList,function(t,i){return s("div",{key:i,staticClass:"selected-block"},[s("el-card",{attrs:{shadow:"always"}},[s("div",{staticClass:"name"},[e._v(e._s(i+1)+"."+e._s(t.name))]),e._v(" "),e.dialogObj.read?e._e():s("div",{staticClass:"move"},[0!==i?s("img",{staticClass:"directionIcon",attrs:{src:e.upSrc},on:{click:function(t){e.moveItem(i-1,i)}}}):e._e(),e._v(" "),i!==e.selectedLessonList.length-1?s("img",{staticClass:"directionIcon",attrs:{src:e.downSrc},on:{click:function(t){e.moveItem(i,i+1)}}}):e._e(),e._v(" "),s("i",{staticClass:"el-icon-delete grey",on:{click:function(s){e.delLesson(t)}}})])])],1)}))],1)],1),e._v(" "),s("el-row",[s("el-col",{attrs:{span:10}},[s("el-form-item",{attrs:{label:"选择盒子"}},[s("el-cascader",{attrs:{clearable:"",value:e.selectedBox,options:e.showBoxList,"show-all-levels":!1,"expand-trigger":"hover",props:{label:"name",value:"id",children:"children"}},on:{change:e.selectBox}})],1)],1)],1),e._v(" "),s("el-row",[s("el-col",{attrs:{span:24}},[s("el-form-item",{attrs:{label:"已选盒子"}},e._l(e.selectedBoxList,function(t,i){return s("div",{key:t.id,staticClass:"selected-block"},[s("el-card",{attrs:{shadow:"always"}},[s("div",{staticClass:"name"},[e._v(e._s(t.name))]),e._v(" "),e.dialogObj.read?e._e():s("div",{staticClass:"move"},[0!==i?s("img",{staticClass:"directionIcon",attrs:{src:e.upSrc},on:{click:function(t){e.moveBox(i-1,i)}}}):e._e(),e._v(" "),i!==e.selectedBoxList.length-1?s("img",{staticClass:"directionIcon",attrs:{src:e.downSrc},on:{click:function(t){e.moveBox(i,i+1)}}}):e._e(),e._v(" "),s("i",{staticClass:"el-icon-delete grey",on:{click:function(s){e.delBox(t)}}})])])],1)}))],1)],1)],1),e._v(" "),2===e.dialogObj.type||e.dialogObj.read?e._e():s("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[s("el-button",{on:{click:function(t){e.dialogObj.show=!1}}},[e._v("取 消")]),e._v(" "),s("el-button",{attrs:{type:"primary"},on:{click:e.sub}},[e._v("确 定")])],1)],1)])},staticRenderFns:[]};var h=s("VU/8")(c,d,!1,function(e){s("PkbO"),s("g14y")},"data-v-615702d6",null).exports,u=s("+TkF"),g={name:"index",data:function(){return{searchFrom:{title:"",type:"-1"},userList:[],total:0,nowPage:1,limit:10,dialogObj:{type:0,show:!1,id:""}}},components:{page:o.a,dialogCom:h},filters:{lessonType:function(e){return u.p[e]}},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;this.searchFrom.page=this.nowPage;var t={limit:this.limit,page:this.nowPage};this.searchFrom.title&&(t.title=this.searchFrom.title),this.searchFrom.type&&"-1"!==this.searchFrom.type&&(t.type=this.searchFrom.type),Object(i._48)(t).then(function(t){e.userList=t.list,e.total=t.total})},edit:function(e){this.dialogObj={type:1,show:!0,id:e.id,title:"编辑课程"}},add:function(){this.dialogObj={type:0,show:!0,id:"",title:"新增课程"}},detail:function(e){this.dialogObj.id=e.id,this.dialogObj.type=1,this.dialogObj.show=!0,this.dialogObj.read=!0},delTeacher:function(e){var t=this;this.$confirm("此操作将删除该课程?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){Object(i.U)(e.id).then(function(e){t.$message({type:"success",message:"删除成功!"}),t.getUser()})})},changeShow:function(e){this.dialogObj.show=e}}},m={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"user"},[s("el-form",{ref:"searchFrom",staticClass:"search-form",attrs:{model:e.searchFrom,"label-width":"100px",inline:""}},[s("el-form-item",{attrs:{label:"课程标题"}},[s("el-input",{model:{value:e.searchFrom.title,callback:function(t){e.$set(e.searchFrom,"title",t)},expression:"searchFrom.title"}})],1),e._v(" "),s("el-form-item",{attrs:{label:""}},[s("div",{staticClass:"search-btn-block"},[s("el-button",{attrs:{type:"primary",plain:"",icon:"el-icon-search"},on:{click:e.getUser}},[e._v("搜索")]),e._v(" "),e.$store.state.readonly?e._e():s("el-button",{attrs:{type:"success",plain:"",icon:"el-icon-plus"},on:{click:e.add}},[e._v("新增课程")])],1)])],1),e._v(" "),s("el-tabs",{staticStyle:{background:"white","padding-top":"10px"},attrs:{type:"card"},on:{"tab-click":e.getUser},model:{value:e.searchFrom.type,callback:function(t){e.$set(e.searchFrom,"type",t)},expression:"searchFrom.type"}},[s("el-tab-pane",{attrs:{label:"全部",name:"-1"}}),e._v(" "),s("el-tab-pane",{attrs:{label:"日课",name:"1"}}),e._v(" "),s("el-tab-pane",{attrs:{label:"月课",name:"0"}})],1),e._v(" "),s("el-table",{staticStyle:{width:"100%"},attrs:{data:e.userList}},[s("el-table-column",{attrs:{prop:"title",label:"课程名"},scopedSlots:e._u([{key:"default",fn:function(t){return[s("router-link",{attrs:{to:{name:"periods",query:{id:t.row.id}}}},[e._v("\n          "+e._s(t.row.title)+"\n        ")])]}}])}),e._v(" "),s("el-table-column",{attrs:{label:"课程类型"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n        "+e._s(e._f("lessonType")(t.row.type))+"\n      ")]}}])}),e._v(" "),s("el-table-column",{attrs:{prop:"theme_num",label:"主题数"}}),e._v(" "),s("el-table-column",{attrs:{prop:"sing_num",label:"歌曲数"}}),e._v(" "),s("el-table-column",{attrs:{prop:"item_num",label:"实体包数量"}}),e._v(" "),s("el-table-column",{attrs:{width:"250",label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){return[s("el-button",{attrs:{size:"mini",plain:"",type:"primary"},on:{click:function(s){e.detail(t.row)}}},[e._v("\n          查看详情\n        ")]),e._v(" "),e.$store.state.readonly?e._e():s("el-button",{attrs:{size:"mini",plain:"",type:"warning"},on:{click:function(s){e.edit(t.row)}}},[e._v("\n          编辑\n        ")]),e._v(" "),e.$store.state.deletePermission&&!e.$store.state.readonly?s("el-button",{attrs:{size:"mini",plain:"",type:"danger"},on:{click:function(s){e.delTeacher(t.row)}}},[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}}),e._v(" "),s("dialog-com",{attrs:{dialogObj:e.dialogObj},on:{changeShow:e.changeShow,reflash:e.getUser}})],1)},staticRenderFns:[]};var f=s("VU/8")(g,m,!1,function(e){s("d665")},"data-v-e2c0ec40",null);t.default=f.exports},PkbO:function(e,t){},WY0H:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAL1JREFUOBHtUsENwyAMNKhiDz55Z4R2g47QbpQNmg26QkbIE/hkhUwA9akuoirwqNRfkU65+M5nJ4Lol8d7fwZ6M3RLDCFcWLsDwqtWVauiIaV0KzWl1HUYhrmsgX8EyMqYvBZ6Yj7WQt4+gSePbJwZqzHmxFvsADhqzCfx8Ovz5AAIbFi4vKHBWruLh8AlZIOnDMkBMcZjrbkWIt6X1H465xag7SDKG/RMPe0fQHTo/SC+eZPWOt+Hnvdr7QHl81VpSdWOuAAAAABJRU5ErkJggg=="},d665:function(e,t){},g14y:function(e,t){},lP78:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA0klEQVQ4T+2TsRHCMAxFpSZus4Ibx2VGCBuECYANGIUNgA3YAEagdJzCK6RNiogTh3PGJDkO7qhwpzv9J0v6Qvjy4Zy+ruui7/s0y7LTVN4swBhzYaHWuvgDfjEDY8wWEVdJkiyklA1PPd6Ccy7tuu5MREet9Y5zhjVaa3Mi4rU5DwkBXgwAEhELpdT1CcBBDGnb9m4gIUTJlWPxC+ABWRPRHgC4gv8hAUAOAMvYlaNOtNZ6yGBARNwopQ6xIyetHEKmxKMthBWqqio5/viY3rn0G9fOdxEKoA2QAAAAAElFTkSuQmCC"}});