<template>
  <div class="aiDataIndex">
    <el-tabs v-model="activeName">
      <el-tab-pane label="AI外呼数据" name="1">
        <aiDataAiCall v-if="activeName == '1'" />
      </el-tab-pane>
      <el-tab-pane label="活动转化数据" name="2" v-if="this.$route.query.analyseFlag == 1">
        <aiDataActiveDetail v-if="activeName == '2'" />
      </el-tab-pane>
      <el-tab-pane label="客户明细" name="3">
        <aiDataDetail v-if="activeName == '3'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import aiDataActiveDetail from './ai-data-active-data.vue';
import aiDataAiCall from './ai-data-aiCall.vue';
import aiDataDetail from './ai-data-detail.vue';
export default {
  data() {
    return {
      activeName: '1'
    };
  },
  components: {
    aiDataActiveDetail,
    aiDataAiCall,
    aiDataDetail
  },
  created() {
    console.log(this.$route.query.name);
    this.activeName = this.$route.query.name;
  }
};
</script>

<style lang="scss" scoped>
.aiDataIndex {
  /deep/ .el-tabs__nav-wrap {
    padding-left: 20px;
  }
}
</style>
