<template>
  <div style=" position: relative;" class="paiming">
    <el-tabs v-model="activeName2" type="card">

      <el-tab-pane v-if="profile.manager_type > 0" label="管理者奖扣情况" name="first1">


        <DepartmentPointAll></DepartmentPointAll>
        <a @click="$router.replace({ name: 'chart_dept'})">详情>></a>
      </el-tab-pane>


      <el-tab-pane label="最近积分" name="first">
        <jfsjlb></jfsjlb>
        <a @click="$router.replace({ name: 'event_master'})">更多>></a>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
  import jfsjlb from './jfsjlb'
  import DepartmentPointAll from './DepartmentPointAll'

  export default {
    components: { jfsjlb, DepartmentPointAll },
    data() {
      return {
        activeName2: 'first1',
        profile: this.$store.getters.user_info,
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event)
      }
    },
    created(){
      if(this.profile.manager_type <= 2){
        this.activeName2 = 'first'
      }
    }
  }
</script>

<style>
  .bottom1 a {
    position: absolute;
    z-index: 2;
    color: #fff;
    display: block;
    right: 15px;
    top: -50px;
    font-size: 16px;
  }

  .bottom1 a:hover {
    color: #fff;
  }

  .bottom1 .el-tabs__content {
    overflow: visible;
  }

  .bottom1 .el-tabs__nav-wrap {
    background-color: #5B8BF7;
    padding: 3px 3px 0 3px;
    border-radius: 3px 3px 0 0;
  }

  .bottom1 .el-tabs__item {
    color: #fff;
    border: none;
    font-weight: normal;
  }

  .bottom1 .el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: none;
  }

  .bottom1 .el-tabs--card > .el-tabs__header .el-tabs__item {
    border: none;
  }

  .bottom1 .is-active {
    color: rgba(255, 255, 255, 1);
  }

  .bottom1 .el-tabs__item.is-active {
    color: rgba(255, 255, 255, 1);
  }
</style>
