<template>
  <div>
      <!-- <el-alert title="其它=听从老师安排" type="info" effect="dark" :closable="false"></el-alert> -->
      <el-table
        style="width: 100%"
        max-height="300px"
        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
        :data="list"
      >
        <el-table-column prop="subjectName" align="center" label="声部">
        </el-table-column>
        <el-table-column prop="firstSubjectNum" align="center" label="首选人数">
          <template slot-scope="scope">
            {{ scope.row.firstSubjectNum }}人
          </template>
        </el-table-column>
        <el-table-column prop="secondSubjectNum" align="center" label="次选人数">
            <template slot-scope="scope">
                {{ scope.row.secondSubjectNum }}人
            </template>
        </el-table-column>
      </el-table>
  </div>
</template>
<script>
import { queryPreApplySubjectList } from '../api'
export default {
    data() {
        let query = this.$route.query
        return {
            list: [],
            musicGroupId: query.id
        }
    },
    mounted() {
        this.FetchList()
    },
    methods: {
        async FetchList() {
            const res = await queryPreApplySubjectList({
                musicGroupId: this.musicGroupId,
            })
            this.list = res.data
        },
    }
}
</script>
<style lang="less" scoped>
  .dialog-footer{
    margin-top: 20px;
    display: block;
    text-align: right;
  }
</style>
