<template>
  <div>
    <Dec :content="content" />
    <div class="blendDetail">
      <p class="footer"><el-button type="primary" @click="$router.push('/classes/blend')">返回</el-button></p>
      <div style="height:calc(100% - 40px);overflow:auto;">
        <p>名单名称：0201考室</p>
        <p>选择学制：小学</p>
        <p>选择年级：一年级</p>
        <p>有效期至：2020年03月01日</p>
        <p>可见范围：全校可见</p>
        <p>启动状态：正常</p>
        <p>临时名单：</p>
        <p style="text-align:right;padding-right:10px;">
          <el-button type="primary" size="small">导出名单</el-button>
        </p>
        <el-table
          :data="tableData"
          style="width: 100%"
        >
          <el-table-column
            prop="no"
            label="序号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="number"
            label="学号"
            width="180"
          />
          <el-table-column
            prop="keybord"
            label="键盘ID"
          />
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
import Dec from '@/components/Dec'
export default {
  name: 'Detail',
  components: {
    Dec
  },
  data() {
    return {
      content: '',
      tableData: [{
        no: 1,
        name: '张三',
        sex: '男',
        number: '1001',
        keybord: '20200203'
      }, {
        no: 2,
        name: '张三',
        sex: '男',
        number: '1002',
        keybord: '20200204'
      }, {
        no: 3,
        name: '张三',
        sex: '男',
        number: '1003',
        keybord: '20200205'
      }, {
        no: 4,
        name: '张三',
        sex: '男',
        number: '1004',
        keybord: '20200206'
      },
      {
        no: 4,
        name: '张三',
        sex: '男',
        number: '1004',
        keybord: '20200206'
      },
      {
        no: 4,
        name: '张三',
        sex: '男',
        number: '1004',
        keybord: '20200206'
      },
      {
        no: 4,
        name: '张三',
        sex: '男',
        number: '1004',
        keybord: '20200206'
      },
      {
        no: 4,
        name: '张三',
        sex: '男',
        number: '1004',
        keybord: '20200206'
      }]

    }
  },
  methods: {
  }
}
</script>
<style scoped>
.blendDetail{
    max-width: 1100px;
    height:calc(100vh - 115px);
    margin:0 auto;
    background: #fff;
    margin-top:15px;
    padding:20px;
    font-size: 14px;
    position: relative;
}
.blendDetail p{
    line-height: 40px;
    margin:0;
}
.blendDetail .footer{
    width:100%;
    height:40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom:10px;
    left:0;
    background: #fff;

}
</style>
