dy-admin-manager/src/views/auditList/index.vue

<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>