<el-checkbox
:key="index"
v-model="item.show"
:label="item.label"
v-for="(item,index) in tableHeader"
/>
<el-table
:data="tableData"
v-loading="loading"
class="bgf"
border
header-row-class-name="lm-header-row"
cell-class-name="lm-cell"
style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column
:selectable="isDisabled"
type="selection"
width="55"/>
<template
v-for="(item, key) in tableHeader">
<el-table-column
:key="key"
v-if="item.show && item.prop ==='realname'"
prop="realname"
label="姓名">
<template slot-scope="scope">
<span class="go" @click="goStudentInfo(scope.row)">
{{ scope.row.realname }}
</span>
</template>
</el-table-column>
<el-table-column
:key="key"
v-else-if="item.show && item.prop ==='huodong'"
prop="huodong"
label="预约体验课">
<template slot-scope="scope">
<el-button v-if="scope.row.experience_status === '0'" size="mini" @click="yuyue(scope.row)">预约</el-button>
<el-button v-else size="mini" @click="cancelyuyue(scope.row)">取消预约</el-button>
</template>
</el-table-column>
<template v-else>
<el-table-column :key="key" :prop="item.prop" :label="item.label" v-if="item.show" />
</template>
</template>
</el-table>
data(){
return{
tableHeader: [
{
prop: 'realname',
label: '姓名',
show: true,
}, {
prop: 'mobile',
label: '手机号',
show: true,
}, {
prop: 'experience_num',
label: '体验次数',
show: true,
}, {
prop: 'last_experience_time',
label: '最近一次体验课',
show: true,
}, {
prop: 'huodong',
label: '预约体验课',
show: true,
},
],
tableData: [],
};
//下边就是请求回来的数据赋值就可以