<template>
  <!-- 标准中心 -->
  <div class="criterion whiteBlock">
    <el-menu
      :default-active="activeIndex"
      class="criterion-menu-demo whiteBlock"
      mode="horizontal"
      text-color="#262D47"
      active-text-color="#5181F6"
    >
      <el-menu-item index="1">{{$t('message.quality.qualityProblemBank')}}</el-menu-item>
    </el-menu>
    <quality v-if="activeIndex == '1'" style="width:100%;height:calc(100% - 49px)"></quality>
  </div>
</template>
<script>
import quality from "./criterionModule/qualityProblemBank.vue";
export default {
  name: "criterion",
  components: {
    quality,
  },
  data() {
    return {
      activeIndex: "1",
    };
  },
};
</script>
<style lang="less" scoped>
.criterion {
  width: 100%;
  height: 100%;
}
.criterion-menu-demo {
  height: 48px;
  width: 100%;
  line-height: 48px;
  border-bottom-color: @borderColor;
  .el-menu-item {
    height: 48px;
    line-height: 48px;
  }
}
</style>