<template>
<div class="analysis-prefer xp-wrapper">
    <h2 class="xp-title">分析报告</h2>
    <card-pane :item="list[0]">
        <el-row type="flex" justify="space-between">
            <chart-radar></chart-radar>
            <chart-radar1></chart-radar1>
        </el-row>
    </card-pane>
    <card-pane :item="list[1]">
        <chart-line-area></chart-line-area>
    </card-pane>
</div>
</template>

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

 * @date 2018-07-06
 */

import chartRadar1 from './components/chart-radar1/index.vue';
import chartLineArea from './components/chart-line-area/index.vue';
import chartRadar from './components/chart-radar/index.vue';
import cardPane from '@/components/card-pane';

export default {
    components: {
        'card-pane': cardPane,
        'chart-radar': chartRadar,
        'chart-line-area': chartLineArea,
        'chart-radar1': chartRadar1
    },
    data() {
        return {
            list: [{
                icon: 'fa-bar-chart',
                title: '内容类型分布',
                name: '0'
            }, {
                icon: 'fa-table',
                title: '内容类型偏好',
                name: '1'
            }]
        };
    },
    mounted() {
        this.init();
    },
    methods: {
        init() {
        }
    }
};
</script>

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

}
</style>
