<template>
  <div>
    <el-table
      :data="list"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="班级名称">
      </el-table-column>
      <el-table-column
        prop="date"
        label="班级类型"
        width="180">
      </el-table-column>
      <el-table-column
        prop="date"
        label="班级人数"
        width="180">
      </el-table-column>
    </el-table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="$listeners.close">取 消</el-button>
      <el-button
        type="primary"
        @click="submit"
      >确 定</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: []
    }
  },
  methods: {
    submit() {

    }
  },
}
</script>
<style lang="less" scoped>
  .dialog-footer{
    margin-top: 20px;
    display: block;
    text-align: right;
  }
</style>
