<template>
  <div>
    <el-table :data='tableList'
              :header-cell-style="{background:'#EDEEF0',color:'#444'}">
      <el-table-column align='center'
                       width="180px;"
                       prop="subName"
                       label="声部名称">
      </el-table-column>
      <el-table-column align='left'
                       prop="fee"
                       label="预计收费">
        <template slot-scope="scope">
          <div>
            <el-input style="width:100px"
                      v-model="scope.row.fee"></el-input>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div class="btnWrap"
         style="margin-top:30px">
      <div class="closeBtn"
           @click="getSound">取消</div>
      <div class="okBtn"
           @click="saveInfo">保存</div>
    </div>
  </div>
</template>
<script>
import { findMusicGroupSubjectInfo, resetSubjectPlan } from '@/api/buildTeam'
export default {
  data () {
    return {
      tableList: [],
      teamid: ''
    }
  },
  mounted () {
    // 获取声部信息
    this.teamid = this.$route.query.id
    this.getSound();
    sessionStorage.setItem('resetCode', '2')
  },
  methods: {
    getSound () {
      findMusicGroupSubjectInfo({ musicGroupId: this.teamid }).then(res => {
        if (res.code == 200) {
          this.tableList = res.data.musicGroupSubjectPlans;
        }
      })
    },
    saveInfo () {
      resetSubjectPlan(this.tableList).then(res => {
        if (res.code == 200) {

        }
      })
    }
  },
}
</script>
<style lang="scss">
</style>