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

<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      大雅规则设置
    </h2>
    <div class="m-core">
      <!-- navMenu -->
      <tab-router v-model.trim="activeIndex" @tab-click="handleClick">
        <!-- <el-tab-pane
          label="乐团参数"
          lazy
          name="1"
          v-if="permission('/institutionDayaTeamRules')"
        >
          <dayaTeamRules v-if="activeIndex==1"/>
        </el-tab-pane> -->
        <el-tab-pane
          label="商品库存规则"
          lazy
          name="3"
           v-if="permission('/institutionGoodsRules')"
        >
          <goodsRules v-if="activeIndex==3"/>
        </el-tab-pane>
        <el-tab-pane
          label="其他参数设置"
          lazy
          name="4"
           v-if="permission('/institutionOtherRules')"
        >
          <otherRules v-if="activeIndex == 4" />
        </el-tab-pane>
           <el-tab-pane
          label="乐保设置"
          lazy
          name="1"
          v-if="permission('/institutionLeBaoRules')"
        >
          <leBaoRules v-if="activeIndex==1"/>
        </el-tab-pane>
        <el-tab-pane
          label="建团编制"
          lazy
          name="5"
          v-if="permission('musicGroupPlanMaking/queryAll')"
        >

          <teamNo v-if="activeIndex==5"/>
        </el-tab-pane>
        <!-- <el-tab-pane
          label="机构参数设置"
          lazy
          name="5"
          v-if="permissionList.earlyWarning"
        >
          <institutionRules />
        </el-tab-pane> -->
      </tab-router>
    </div>
  </div>
</template>
<script>
import overallManager from "@/views/categroyManager/generalSettings/overallManager";
import leBaoRules from "@/views/courseRulersManager/components/leBaoRules";//
import dayaTeamRules from "./components/dayaTeamRules";
import goodsRules from "./components/goodsRules";
import institutionRules from "./components/institutionRules";
import teamNo from './components/teamNo'
import otherRules from './components/otherRules'
import { permission } from "@/utils/directivePage";
export default {
  components: {
    goodsRules,
    institutionRules,
    overallManager,
    dayaTeamRules,
    otherRules,
    leBaoRules,
    teamNo
  },
  name: "baseRulersManager",
  data() {
    return {
      activeIndex: "1",
    };
  },
  methods: {
    permission(str){
      return permission(str)
    },
    handleClick(val) {
      this.activeIndex = val.name;
    },
  },
};
</script>
<style lang="scss" scoped>
::v-deep .m-container {
  padding: 0 10px 40px;
}
</style>