<template>
  <div style=" position: relative;" class="">
    <el-tabs v-model="activeName2" type="card">
      <el-tab-pane label="未审核" name="waiting">

      </el-tab-pane>
      <el-tab-pane label="已通过" name="complete">

      </el-tab-pane>
      <el-tab-pane label="已驳回" name="refuse">

      </el-tab-pane>
    </el-tabs>
    <ReviewManageAwaited ref="ReviewManageAwaited"></ReviewManageAwaited>
  </div>
</template>


<script>
  import ReviewManageAwaited from './ReviewManageAwaited'
  import ReviewManageAccepted from './ReviewManageAccepted'
  import ReviewManageRejected from './ReviewManageRejected'

  export default {
    components: {ReviewManageAwaited},
    data() {
      return {
        activeName2: 'waiting'
      };
    },
    watch:{
      activeName2(val,old){
        this.$refs['ReviewManageAwaited'].set_status(val)
        this.$refs['ReviewManageAwaited'].onFilterChanged()
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>

<style>


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

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

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

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

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

  .paiming .is-active {
    background-color: #fff;
    color: rgba(96, 98, 102, 1);
    border-radius: 3px 3px 0 0;
  }

  .paiming .el-tabs__item.is-active {
    color: rgba(96, 98, 102, 1);
  }
</style>
