code init

src/pages/regulatoryRepository/enterpriseStandardDatabase/components/EnterprisePlanInfo.vue

@@ -0,0 +1,17 @@
+<template>
+    <div id="EnterprisePlanInfo">
+
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'EnterprisePlanInfo'
+}
+</script>
+
+<style scoped>
+#EnterprisePlanInfo{
+
+}
+</style>

src/pages/regulatoryRepository/enterpriseStandardDatabase/components/EnterpriseStandardLedger.vue

@@ -0,0 +1,17 @@
+<template>
+    <div id="EnterpriseStandardLedger">
+
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'EnterpriseStandardLedger'
+}
+</script>
+
+<style scoped>
+#EnterpriseStandardLedger{
+
+}
+</style>

src/pages/regulatoryRepository/enterpriseStandardDatabase/index.vue

@@ -0,0 +1,81 @@
+<!-- 企业标准库公共页面 -->
+<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>
+