SOURCE

console 命令行工具 X clear

                    
>
console
var Main = {
    data() {
      return {
        activeName: 'first',
        rdo:0,
        tableData:[]
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.7/lib/index.js"></script>
<div id="app">
<el-tabs type="border-card">
  <el-tab-pane label="WeNet语音识别实战课(第1期)-3班"><b>学号:010010</br></br></b>

      
      <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="提交的作业列表....."
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="文件....等等">
    </el-table-column>
  </el-table>
  </el-tab-pane>
  <el-tab-pane label="AIshell课-1班"><b>学号:222</br></br></b>
      <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="提交的作业列表....."
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="文件....等等">
    </el-table-column></el-tab-pane>
  <el-tab-pane label="某某课-x班"><b>学号:3333</br></br></b></el-tab-pane>
</el-tabs>







学员提交作业界面,学员自己所在的班级




  <div style="margin:60px 0 0 0">
    <el-radio-group v-model="rdo" >
      <el-radio-button label="WeNet语音识别实战课(第1期)-3班(学号:010010)"></el-radio-button>
      <el-radio-button label="AIshell课-1班(学号:020012)"></el-radio-button>
      <el-radio-button label="某某课-x班(学号:040013)"></el-radio-button>
    </el-radio-group>
  </div>



 <el-table
    :data="tableData"
    border
    style="width: 100%;margin:20px 0 0 0">
    <el-table-column
      prop="date"
      label="提交的作业列表....."
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="文件....等等">
    </el-table-column>
  </el-table>
  </div>
@import url("//unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css");