<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="AI外呼数据" name="first">
        <aiDataAiCall v-if="activeName == 'first'" />
      </el-tab-pane>
      <el-tab-pane label="活动转化数据" name="second">
        <aiDataActiveDetail v-if="activeName == 'second'" />
      </el-tab-pane>
      <el-tab-pane label="客户明细" name="third">
        <aiDataDetail v-if="activeName == 'third'" />
      </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: 'first'
    };
  },
  components: {
    aiDataActiveDetail,
    aiDataAiCall,
    aiDataDetail
  },
  watch: {}
};
</script>

<style></style>
