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");