<template>
  <div>
    <div class="tabs normal-panel normal-margin">
      <el-tabs v-model="activeName">
        <el-tab-pane label="经销商分析" name="first"></el-tab-pane>
        <el-tab-pane label="团队内部分析" name="second"></el-tab-pane>
      </el-tabs>
    </div>
    <agent v-if="activeName === 'first'"></agent>
    <group v-else></group>
  </div>
</template>

<script>
import agent from './agent/index.vue'
import group from './group/index.vue'

export default {
  components:{
    agent,
    group
  },
  data () {
    return {
      activeName:'first'
    }
  }
}

</script>
<style>
.tabs .el-tabs__header{
  margin: 0;
  padding:0 16px
}
.tabs .el-tabs__nav-wrap::after{
  background: none;
}
</style>