dy-admin-manager/src/views/teamDetail/components/modals/view-student-list.vue

<template>
  <div>
    <el-table
      :data="list"
      style
      :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
      tooltip-effect="dark"
    >
      <el-table-column
        prop="userId"
        align="center"
        width="120"
        label="学员编号"
      ></el-table-column>
      <el-table-column
        prop="nickName"
        align="center"
        width="120"
        label="学员姓名"
      ></el-table-column>
      <el-table-column
        prop="name"
        align="center"
        width="120"
        label="性别"
      >
      <template slot-scope="scope">
        <div>
          {{scope.row.gender| sex}}
        </div>
      </template>
      </el-table-column>
      <el-table-column
        prop="phone"
        align="center"
        width="120"
        label="联系电话"
      ></el-table-column>
      <el-table-column
        prop="subjectNames"
        align="center"
        width="120"
        label="专业"
      ></el-table-column>
    </el-table>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="$listeners.close">确 定</el-button>
    </div>
  </div>
</template>
<script>
export default {
  props: ['list'],
};
</script>
<style lang="scss" scoped>
/deep/.dialog-footer{
  margin-top: 10px;
}
  
</style>