<template>
  <div class="container">
    <el-tabs v-model="activeName" style="background-color: #EEEEEE;" @tab-click="handleClick">
      <el-tab-pane
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :name="item.value"
      >
        <account-page :account-type="item.value" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import page from './page'
import ROLEKEY from '@/const/roleType'

export default {
  name: 'AccountManagement',

  components: {
    'account-page': page
  },

  data() {
    return {
      activeName: null,
      options: ROLEKEY.ROLEPAGE
    }
  },

  methods: {
    handleClick(e) {
    }
  }
}
</script>

<style scoped>
.btn-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
</style>
