<template>
  <div>
    <el-alert title="学员班级调整仅支持相同【班级类型】调整，且所选班级的剩余【课程类型】须完全相同若仅选择一个班级，则会为将所选学员从原班级中移除并新建班级"
              type="warning"
              :closable='false'
              class="alert"
              show-icon>
    </el-alert>
    <classListGroup :classList="classList" ref='classListGroup' :courseTypesByType='courseTypesByType'/>
     <div slot="footer" class="dialog-footer">
      <el-button @click="close">取 消</el-button>
      <el-button  type="primary" @click="gotoSecond">下一步</el-button>
    </div>
    <div style="clear:both;"></div>
  </div>
</template>
<script>
import classListGroup from './classList-group'
export default {
  props: ['classList','courseTypesByType'],
  components: {
    classListGroup
  },
  data () {
    return {

    }
  },methods:{
     close(){
      this.$emit('close')
    },
    gotoSecond(){
      this.$refs.classListGroup.gotoSecond()
    }
  }
}
</script>
<style lang="scss" scoped>
.alert {
  margin-bottom: 10px;
}
.dialog-footer {
  float: right;
  
}
</style>