<template>
  <div class="sound-container">
    <div class="topMsg">
      <p>当前选择声部数(个）：{{ chioseSoundNum }}</p>
      <p style="margin-left: 30px">计划招生人数(个）：{{ PlannedCount }}</p>
    </div>
    <soundSetCore ref="soundSetCore" @chiosetab="chiosetab" @getNumber='getNumber'/>
    <div class="btnWrap">
      <div class="PrevBtn" @click="goback">上一步</div>
      <!--  v-if="teamStatus != 'teamAudit'" -->
      <div
        class="submitBtn"
        v-permission="{
          child: 'musicGroup/createGroup',
          parent: '/teamBuild/soundMoney',
        }"
        @click="submitInfo()"
      >
        下一步
      </div>
    </div>
  </div>
</template>
<script>
import store from "@/store";
import { formatData } from "@/utils/utils";
import {
  getSubject,
  getDefaultSubject,
  getGoods,
  createTeam,
  getSoundTree,
  findMusicGroupSubjectInfo,
  updateSubjectInfo,
  auditSuccess,
  auditFailed,
  getSubjectGoods,
} from "@/api/buildTeam";
import dayjs from "dayjs";

import soundSetCore from "./soundSetComponents/soundSetCore";

export default {
  components: { soundSetCore },
  data() {
    return {
      topfor: null, // 第一页的数据
      Fsearch: null,
      Frules: null,
      activeSoundList: [],
      chioseSoundNum:0,
      PlannedCount:0
    };
  },
  mounted() {},
  activated() {},
  methods: {
    goback() {
      this.$emit("chiosetab", 0);
    },
    submitInfo() {
      this.$refs.soundSetCore.submitInfo();
    },
    chiosetab(val) {
      this.$emit("chiosetab", val);
    },
      getNumber(chioseSoundNum,PlannedCount){
    this.chioseSoundNum = chioseSoundNum
    this.PlannedCount = PlannedCount
  },
  },


  computed: {
   
  },
};
</script>
<style lang="scss" scoped>
.topMsg {
  padding: 0 25px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 14px;
  color: #444;
  margin-bottom: 20px;
}
.soundBtnWrap {
  margin-bottom: 20px;
}
/deep/.el-collapse-item__header {
  background-color: #edeef0;
}
.coreItemTitle {
  background-color: #edeef0;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
}
.coreItem {
  padding: 25px 0 0;
}
.coreItemRow {
  padding: 0 20px;
  line-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  p {
    margin-right: 10px;
  }
  .title {
    width: 100px;
    text-align: right;
  }
}
.marginLeft10 {
  margin-left: 10px;
}
/deep/.el-collapse-item__header {
  border-bottom: 1px solid #fff;
}
.btnWrap {
  margin-top: 40px;
  .PrevBtn {
    background-color: #13817a;
    width: 120px;
  }
  .submitBtn {
    background-color: #13817a;
    width: 120px;
  }
}
</style>