<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane v-if="buttonPermissions.includes('user:special:table:query:list')" :label="$t('pages.specialIdRoleManagement.tabs.specialSetting')" name="SpecialSetting" />
      <el-tab-pane v-if="buttonPermissions.includes('user:special:log:table:query:list')" :label="$t('pages.specialIdRoleManagement.tabs.specialLogInfo')" name="SpecialLogInfo" />
      <component :is="activeName" />
    </el-tabs>
  </div>
</template>
<script>
import SpecialSetting from './special-setting'
import SpecialLogInfo from './special-log-info'
import { mapGetters } from 'vuex'
export default {
  name: 'GiftConfig',
  components: { SpecialSetting, SpecialLogInfo },
  computed: {
    ...mapGetters([
      'buttonPermissions'
    ])
  },
  data() {
    return {
      activeName: 'SpecialSetting',
      tables: [
        {
          title: this.$t('pages.specialIdRoleManagement.tabs.specialSetting'),
          component: 'SpecialSetting'
        },
        {
          title: this.$t('pages.specialIdRoleManagement.tabs.specialLogInfo'),
          component: 'SpecialLogInfo'
        }
      ]
    }
  }
}
</script>
