完成在线培训一个会议多个班级的功能

luohairen

2024-10-30 d54d91e44fd8f142ba85ece304ff412ad52ed089

完成在线培训一个会议多个班级的功能

 src/api/classes.js

@@ -91,3 +91,11 @@
    method: "GET"
  })
}

// 通过会议id获取班级列表
export const getClassesListByMeetId =(meetId) => {
  return axios({
    url: "/api/admin/classes/listByMeetId/" + meetId,
    method: "GET"
  })
}

 src/api/meet.js

@@ -76,3 +76,15 @@
    params: params
  })
}

export const editMeetClasses = (meetId, changeIds) => {
  return axios({
    url: '/api/admin/meet/edit/meetClasses',
    method: 'PUT',
    data: {
      meetId: meetId,
      changeIds: changeIds
    }
  })
}


 src/views/train/index.vue

@@ -47,9 +47,10 @@
              </el-form-item>
              <el-form-item label="班级">
                <el-select
                  v-model="form.classesId"
                  v-model="changeIds"
                  placeholder="班级"
                  clearable
                  multiple
                >
                  <el-option v-for="item in classesIds" :key="item.id" :label="item.className" :value="item.id"/>
                </el-select>
@@ -86,8 +87,8 @@
<script>
import DataList from './data-list/index.vue'
import Pagination from '@/components/Pagination'
import { getMeets, addMeet, editMeet, deleteMeetById, startMeet } from '@/api/meet'
import { myClasses } from '@/api/classes'
import {getMeets, addMeet, editMeet, deleteMeetById, startMeet, editMeetClasses} from '@/api/meet'
import {getClassesListByMeetId, myClasses} from '@/api/classes'

export default {
  components: { DataList, Pagination },
@@ -104,8 +105,9 @@
      listLoading: true,
      title: '',
      form: {
        status: 0
        status: 0,
      },
      changeIds: [],
      tableData: [],
      classesIds: [],
      activeName: 'all',
@@ -175,6 +177,9 @@
        ...item,
        time: [item.startTime, item.endTime]
      }
      getClassesListByMeetId(item.id).then(re => {
        this.changeIds = re.data.data
      })
      this.open = true
    },
    // 获取房间
@@ -201,7 +206,8 @@
        startTime: null,
        endTime: null,
        time: []
      }
      },
      this.changeIds = []
    },
    submitForm () {
      this.$refs.form.validate((valid) => {
@@ -209,15 +215,19 @@
          this.form.startTime = this.form.time[0]
          this.form.endTime = this.form.time[1]
          if (this.form.id) {
            // 修改会议表
            editMeet(this.form).then(re => {
              if (re.data.code === 1) {
                this.open = false
                this.getList()
                this.$message.success(re.data.message)
              } else {
                this.$message.error(re.data.message)
              }
            })
              // 修改班级会议中间表
              editMeetClasses(this.form.id, this.changeIds).then(re => {
                if (re.data.code === 1) {
                  this.open = false
                  this.getList()
                  this.$message.success(re.data.message)
                } else {
                  this.$message.error(re.data.message)
                }
              })
            });
          } else {
            addMeet(this.form).then(re => {
              if (re.data.code === 1) {