<template>
  <div class="ai-data-report">
    <div class="report-module">
      <dm-sub-title>活动信息</dm-sub-title>
      <activity-info @flag="getFlag"></activity-info>
    </div>
    <div class="report-module">
      <dm-sub-title> AI外呼数据<span class="title-tip">数据实时更新</span> </dm-sub-title>
      <ai-data :ai-data-show="aiDataShow"></ai-data>
    </div>
    <div class="report-module">
      <dm-sub-title> 活动转化数据<span class="title-tip">数据每天更新 1 次</span> </dm-sub-title>
      <conversion></conversion>
    </div>
  </div>
</template>

<script>
// import G2 from '@antv/g2';
import ActivityInfo from './ai-data-report/activity-info.vue';
import AiData from './ai-data-report/ai-data.vue';
import Conversion from './ai-data-report/conversion.vue';
export default {
  name: 'AiDataReport',
  components: { ActivityInfo, AiData, Conversion },
  data() {
    return {
      aiDataShow: {
        analyseFlag: 0,
        smsFlag: 0
      }
    };
  },
  methods: {
    getFlag(flag) {
      this.aiDataShow = flag;
    }
  }
};
</script>

<style lang="scss" scoped>
.ai-data-report {
  background-color: #f7f8fa;
  .report-module {
    padding: 20px;
    background-color: #fff;
    + .report-module {
      margin-top: 16px;
    }
    .title-tip {
      margin-left: 16px;
      font-size: 12px;
      font-weight: 400;
      color: #606266;
      line-height: 17px;
    }
  }
}
</style>
