<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      费用审核
    </h2>
    <div class="m-core">
      <tab-router v-model.trim="activeIndex"
               type="card">
        <el-tab-pane label="乐团缴费"
                     name="1"
                     v-if="permission('auditList/music')">
          <musicGroup v-if="activeIndex === '1'" />
        </el-tab-pane>
        <el-tab-pane label="团练宝缴费"
                     name="2"
                     v-if="permission('cloudCoachPaymentProgram/queryPage/home')">
          <member v-if="activeIndex === '2'" />
        </el-tab-pane>
      </tab-router>
    </div>
  </div>
</template>
<script>
import { permission } from "@/utils/directivePage";
import musicGroup from "./musicGroup";
import member from "./member";
export default {
  name: "Main",
  components: {
    musicGroup,
    member
  },
  data() {
    return {
      activeIndex: null,
    };
  },
  mounted() {
    // console.log(permission('/main/main/allData/826'))
  },
  methods: {
    permission,
  },
};
</script>
<style lang="scss" scope>
</style>
