<template>
  <div>
    <el-tabs type="border-card" v-model="componentName">
      <el-tab-pane v-if="hasPerms(menuId, 'SupplierInfoManageList')" :label="$t('enterpriseInfoManage.supplierInfoManage.supplier')" name="SupplierInfoManageList">
      </el-tab-pane>
      <el-tab-pane v-if="hasPerms(menuId, 'ProjCompanyInfoManageList')" :label="$t('enterpriseInfoManage.projCompanyInfoManage.projCompany')" name="ProjCompanyInfoManageList">
      </el-tab-pane>
      <el-tab-pane v-if="hasPerms(menuId, 'CoreEnterpriseInfoManageList')" :label="$t('enterpriseInfoManage.coreEnterpriseInfoManage.coreEnterprise')" name="CoreEnterpriseInfoManageList">
      </el-tab-pane>
      <keep-alive>
        <component :is="componentName" :menuId="menuId"></component>
      </keep-alive>
    </el-tabs>
  </div>
</template>

<script>
import SupplierInfoManageList from '@/pages/enterpriseInfoManage/supplierInfoManage/supplierInfoManageList.vue'
import ProjCompanyInfoManageList from '@/pages/enterpriseInfoManage/projCompanyInfoManage/projCompanyInfoManageList.vue'
import CoreEnterpriseInfoManageList from '@/pages/enterpriseInfoManage/coreEnterpriseInfoManage/coreEnterpriseInfoManageList.vue'
import BasePage from '@/pages/basePage'
export default {
  extends: new BasePage(),
  name: 'enterpriseInfoManageList',
  components: {
    SupplierInfoManageList,
    ProjCompanyInfoManageList,
    CoreEnterpriseInfoManageList
  },
  data () {
    return {
      componentName: 'SupplierInfoManageList'
    }
  },
  methods: {
    hasPerms: function (menuCode, perms) {
      // 根据权限标识进行权限判断
      return this.UtilJs.hasOperatorPermission(menuCode, perms)
    }
  }
}
</script>

<style scoped>

</style>
