From 4f991aec60775ac0f74f46e96cbca932d3d9c286 Mon Sep 17 00:00:00 2001 From: "@fawn-nine" <1271023382@qq.com> Date: Mon, 5 Aug 2024 09:36:05 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/modules/miniClass/miniClass.vue | 24 +- src/views/modules/miniClass/miniClassList.vue | 310 ++++++++++++------ 2 files changed, 232 insertions(+), 102 deletions(-) diff --git a/src/views/modules/miniClass/miniClass.vue b/src/views/modules/miniClass/miniClass.vue index 2841d73..117f4fd 100644 --- a/src/views/modules/miniClass/miniClass.vue +++ b/src/views/modules/miniClass/miniClass.vue @@ -106,10 +106,11 @@ - + - + { + if (valid) { + // var _myist = [] + // var _Str = this.member.monitor+','+ this.member.dmonitor+','+this.member.learner + // _myist = _Str.split(',') + // _myist.push(...this.member.scorer) + // _myist.push(...this.member.counter) + // console.log('_Str',_myist,this.member.scorer,this.member.counter) + var url = '' this.$http({ url: this.$http.adornUrl("/common/class/setUserRole"), method: "post", @@ -438,7 +454,7 @@ export default { this.$message.error(data.msg); } }) - + }}) }, // 创建/编辑班级 saveAdd() { diff --git a/src/views/modules/miniClass/miniClassList.vue b/src/views/modules/miniClass/miniClassList.vue index 6f7f309..d8f84b7 100644 --- a/src/views/modules/miniClass/miniClassList.vue +++ b/src/views/modules/miniClass/miniClassList.vue @@ -1,12 +1,16 @@ - + @@ -147,8 +155,47 @@ ref="miniClass" v-if="miniClassVisible" @handleClose="miniClassHandleClose" - :miniClass="miniClass" + :miniClass="miniClass" > + + +
+ + + + + + + + + +
+ + 关 闭 + + + @@ -157,41 +204,43 @@ import miniClass from "./miniClass.vue"; export default { data() { return { - setMemberVisible:false, + setStudentVisible: false, + setStudentVisible: false, + studentList: [], // 学员列表 dataForm: { title: "", - type:'0', - state:'0' - }, + type: "0", + state: "0" + }, // courseId: {}, course: null, miniClass: undefined, // showMiniClass:false, options: [ - { - value: '0', + { + value: "0", label: "普通小班" }, { - value: '1', + value: "1", label: "联合班" }, { - value: '2', + value: "2", label: "精英班" } ], - statusOptions : [ + statusOptions: [ { - value: '0', + value: "0", label: "待开班" }, { - value: '1', + value: "1", label: "已开班" }, { - value: '2', + value: "2", label: "已结班" } ], @@ -212,58 +261,129 @@ export default { }; }, filters: { - getStatus: function (value) { - var _str = '454545' - switch (value) { - case '0': - _str = '待开班' - break; - case '1': - _str = '已开班' - break; - case '2': - _str = '已结班' - break; + getStatus: function(value) { + var _str = "454545"; + switch (value) { + case "0": + _str = "待开班"; + break; + case "1": + _str = "已开班"; + break; + case "2": + _str = "已结班"; + break; + } + return _str; } - return _str - } -}, + }, components: { miniClass }, created() { // this.courseId = this.$route.query.courseId; - console.log("得到的课程id"); + console.log("得到的课程id"); // this.getCourseInfo() this.getDataList(); - - }, - mounted(){ + }, + mounted() { console.log("得到的课程id"); }, methods: { - setMemberClose(){ - + setStudentClose() { + this.miniClass = {}; + this.setStudentVisible = false; + this.studentList = []; }, - // 管理人员设置 - setMember(data){ + // 获取班级详情 + async getCLassInfo(id){ + return new Promise(async(resolve, reject) => { + await this.$http({ + url: this.$http.adornUrl("/common/class/getClassInfo"), + method: "post", + data: this.$http.adornData({ + classId: id + }) + }) + .then(data => { + // console.log('得到了值') + resolve(data); + }) + .catch(e => { + reject(e) + // this.$message.error("获取学员列表失败"); + }); + }) + }, + // 管理学员 + async setStudent(data) { + this.miniClass = data; + var _classId = data.id; + var jieguo = await this.getCLassInfo(_classId) + // console.log('jieguo',jieguo.data.code) + if(jieguo.data.code == 0){ + this.studentList = jieguo.data.result.students; + this.setStudentVisible = true; + }else{ + this.$message.error("获取学员列表失败"); + } + }, + // 踢出班级 + async outClass(row) { + let that = this; + this.$confirm(`确定将学员电话为：${row.tel}踢出班级？`, "提示", { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + }) + .then(() => { + this.$http({ + // url: this.$http.adornUrl('/book/user/list'), + url: this.$http.adornUrl("/common/class/quitClass"), + method: "post", + data: this.$http.adornData({ + classId: that.miniClass.id, + userId: row.id + }) + }).then(async ({ data }) => { + if (data && data.code === 0) { + this.$message({ + type: "success", + message: "删除成功!" + }); + var jieguo = await this.getCLassInfo(this.miniClass.id) + console.log('jieguo',jieguo.data.code) + if(jieguo.data.code == 0){ + this.studentList = jieguo.data.result.students; + this.setStudentVisible = true; + }else{ + this.$message.error("获取学员列表失败"); + } + } + }); + }) + .catch(() => { + this.$message({ + type: 'info', + message: '删除失败' + }); + }); }, // 管理员小班管理 showMiniClass(data) { // console.log('miniClass',data) - if(data){ - this.miniClass = data - } + if (data) { + this.miniClass = data; + } this.miniClassVisible = true; - }, // 关闭小班设置 miniClassHandleClose() { this.miniClassVisible = false; - this.miniClass = undefined - this.getDataList() - }, + this.miniClass = undefined; + this.getDataList(); + }, // 获取数据列表 getDataList() { this.dataListLoading = true; @@ -309,42 +429,36 @@ export default { // 删除 deleteHandle(id) { - var ids = id - // ? [id] - // : this.dataListSelections.map(item => { - // return item.id; - // }); - this.$confirm( - `确定删除操作?`, - "提示", - { - confirmButtonText: "确定", - cancelButtonText: "取消", - type: "warning" - } - ).then(() => { + var ids = id; + this.$confirm(`确定删除操作?`, "提示", { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + }).then(() => { this.$http({ url: this.$http.adornUrl("/common/class/delClass"), method: "post", data: this.$http.adornData({ - classId:ids + classId: ids }) - }).then(({ data }) => { - if (data && data.code === 0) { - this.$message({ - message: "操作成功", - type: "success", - duration: 1500, - onClose: () => { - this.getDataList(); - } - }); - } else { - this.$message.error(data.msg); - } - }).catch(e => { - this.$message.error('删除失败'); - }); + }) + .then(({ data }) => { + if (data && data.code === 0) { + this.$message({ + message: "操作成功", + type: "success", + duration: 1500, + onClose: () => { + this.getDataList(); + } + }); + } else { + this.$message.error(data.msg); + } + }) + .catch(e => { + this.$message.error("删除失败"); + }); }); } }