82 lines
1.8 KiB
Vue
82 lines
1.8 KiB
Vue
<!-- 企业标准库公共页面 -->
|
|
<template>
|
|
<div id="enterpriseStandardDatabase">
|
|
<!-- <panel-header :tabs="tabsData" :active="active" @activated="showComponent"></panel-header>-->
|
|
<!-- <panel-content>-->
|
|
<components :is="active"></components>
|
|
<!-- </panel-content>-->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import EnterpriseStandardDatabase from './components/EnterpriseStandardDatabase'
|
|
export default {
|
|
name: 'enterpriseStandardDatabase',
|
|
components: {
|
|
EnterpriseStandardDatabase
|
|
},
|
|
data () {
|
|
return {
|
|
tabs: [
|
|
{
|
|
title: '企业标准库',
|
|
name: 'EnterpriseStandardDatabase',
|
|
id: 'KLMS56BNGD'
|
|
}
|
|
// {
|
|
// title: '企业标准台账',
|
|
// name: 'EnterpriseStandardLedger',
|
|
// id: 'DMD2Y67PVH'
|
|
// },
|
|
// {
|
|
// title: '企业标准年度计划',
|
|
// name: 'EnterprisePlanInfo',
|
|
// id: 'UGJ7HV442E'
|
|
// }
|
|
],
|
|
tabsData: [],
|
|
active: 'EnterpriseStandardDatabase'
|
|
}
|
|
},
|
|
props: {
|
|
},
|
|
watch: {
|
|
},
|
|
methods: {
|
|
// tabs 切换事件
|
|
showComponent (name) {
|
|
this.active = name
|
|
},
|
|
selectTab () {
|
|
let tabName = this.$route.params.type || ''
|
|
if (tabName !== '') {
|
|
this.showComponent(tabName)
|
|
}
|
|
},
|
|
showTabsFlag () {
|
|
this.$store.getters.getMenuList.map((menu) => {
|
|
this.tabs.map((item) => {
|
|
if (menu.id === item.id) {
|
|
this.tabsData.push(item)
|
|
this.active = this.tabsData[0].name
|
|
}
|
|
})
|
|
})
|
|
}
|
|
},
|
|
computed: {
|
|
},
|
|
mounted () {
|
|
this.selectTab()
|
|
this.showTabsFlag()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
#enterpriseStandardDatabase{
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
|