班级学员管理

xiangpei

2024-06-04 c87c4fe5aa3987d61b10d57208232a94eec83d7c

 src/views/Manage/ClassManagement/Class.vue

@@ -36,14 +36,14 @@
                <el-table-column
                  align="center"
                  label="班级"
                  prop="class"
                  width="80px"
                  prop="className"
                  width="180px"
                ></el-table-column>
                <el-table-column
                  label="年级"
                  label="状态"
                  align="center"
                  width="80px"
                  prop="grade"
                  prop="status"
                ></el-table-column>
                <el-table-column
                  width="100px"
@@ -55,35 +55,37 @@
                  align="center"
                  width="100px"
                  label="教师"
                  prop="teacher"
                  prop="createUserName"
                ></el-table-column>
                <el-table-column
                  align="center"
                  width="120px"
                  label="联系电话"
                  prop="phone"
                  prop="teacherPhone"
                ></el-table-column>
                <el-table-column
                  width="140px"
                  label="电子邮件"
                  align="center"
                  prop="email"
                ></el-table-column>
                <el-table-column
                  width="90px"
                  label="开班时间"
                  align="center"
                  prop="openingTime"
                  prop="startTime"
                ></el-table-column>
                <el-table-column
                  width="140px"
                  label="结束时间"
                  align="center"
                  prop="endTime"
                ></el-table-column>
                <el-table-column
                  label="操作"
                  align="center"
                  fixed="right"
                >
                  <template slot-scope="scope">
                    <el-button>班级验证</el-button>
                    <el-button>通知</el-button>
                    <el-button @click="routersTo()">成员管理</el-button>
                    <el-button>添加成员</el-button>
                    <el-button size="small" @click="handlerEdit(scope.row)" type="primary">修改</el-button>
                    <el-button size="small" type="warning">班级验证</el-button>
                    <el-button size="small" type="info">通知</el-button>
                    <el-button @click="studentManager(scope.row.id)" size="small" type="success">成员管理</el-button>
                    <el-button @click="remove(scope.row.id)" type="danger" size="small">解散</el-button>
                  </template>
                </el-table-column>
              </el-table>
@@ -149,7 +151,7 @@
</template>

<script>
import { addClasses, editClasses, getClassess } from "@/api/classes";
import { addClasses, editClasses, getClassess, deleteClassesById } from "@/api/classes";
import Pagination from "@/components/Pagination"
export default {
  components: {Pagination},
@@ -194,6 +196,7 @@
    page() {
      getClassess(this.searchForm).then(res => {
        this.tableData = res.data.data
        this.total = res.data.total
      })
    },
    resetForm() {
@@ -213,17 +216,30 @@
          if (this.form.id) {
            editClasses(this.form).then(res => {
              this.$message.success("修改成功")
              this.resetForm()
              this.open = false
            })
          } else {
            addClasses(this.form).then(res => {
              this.$message.success("添加班级成功")
              this.resetForm()
              this.open = false
            })
          }
          this.resetForm()
        } else {
          return false;
        }
      });
    },
    remove(id) {
      deleteClassesById(id).then(res => {
        this.$message.success(res.data.message)
        this.page()
      })
    },
    handlerEdit(row) {
      this.form = row;
      this.open = true
    },
    handleClose() {
      this.open = false
@@ -234,16 +250,17 @@
      this.title = "新增班级"
    },
    // 跳转(查看班级人员情况)
    routersTo() {
      this.$router.push({
        name: "ClassStaff",
      });
    studentManager(classesId) {
      this.$router.push({ path: "class-management/Class-staff", query: { classesId: classesId } });
    },
    // 返回上一个页面
    goBack() {
      this.$router.back();
    },
  },
  created() {
    this.page()
  },
};
</script>