<template>
<div class="analysis-behavior xp-wrapper">
    <h2 class="xp-title">分析报告</h2>
    <div class="xp-card">
        <h5 class="xp-subtitle">检索词构成</h5>
        <el-row type="flex" justify="space-between">
            <el-col :span="12">
                <table-with-schedule></table-with-schedule>
            </el-col>
            <el-col :span="12">
                <chart-pie></chart-pie>
            </el-col>
        </el-row>
    </div>
    <div class="xp-card">
        <h5 class="xp-subtitle">概况分析</h5>
        <chart-scatter-bubble-diagram></chart-scatter-bubble-diagram>
    </div>
</div>
</template>

<script>
/**
 * @file analysis-behavior 页面
 *
 * @author zhangping15

 * @date 2018-07-06
 */

import tableWithSchedule from './components/table-with-schedule/index.vue';
import chartPie from './components/chart-pie/index.vue';
import chartScatterBubbleDiagram from './components/chart-scatter-bubble-diagram/index.vue';

export default {
    components: {
        'table-with-schedule': tableWithSchedule,
        'chart-pie': chartPie,
        'chart-scatter-bubble-diagram': chartScatterBubbleDiagram
    },
    data() {
        return {};
    },
    mounted() {
        this.init();
    },
    methods: {
        init() {
        }
    }
};
</script>

<style lang="less">
.analysis-behavior {

}
</style>
