50 lines
982 B
Vue
50 lines
982 B
Vue
<template>
|
|
<!-- 业务中心 -->
|
|
<div class="business whiteBlock">
|
|
<el-menu
|
|
:default-active="activeIndex"
|
|
class="business-menu-demo"
|
|
mode="horizontal"
|
|
text-color="#262D47"
|
|
active-text-color="#5181F6"
|
|
>
|
|
<el-menu-item index="1">{{$t('message.quality.checkPoint')}}</el-menu-item>
|
|
</el-menu>
|
|
|
|
|
|
<check v-if="activeIndex == '1'" style="width:100%;height:calc(100% - 49px)"></check>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import check from "./businessModule/checkPoint.vue";
|
|
export default {
|
|
name: "business",
|
|
components: {
|
|
check,
|
|
},
|
|
data() {
|
|
return {
|
|
activeIndex:'1',
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.business {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.business-menu-demo {
|
|
height: 48px;
|
|
width: 100%;
|
|
line-height: 48px;
|
|
background-color: transparent;
|
|
.el-menu-item {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
}
|
|
}
|
|
.el-menu.el-menu--horizontal{
|
|
border-bottom-color: @borderColor;
|
|
}
|
|
</style> |