<template>
<div class="format xp-wrapper">
    <h2 class="xp-title">内容形式分析</h2>
    <div class="xp-card">
        <form-filter></form-filter>
    </div>
    <div class="xp-card">
        <el-tabs value="tab">
            <el-tab-pane label="内容形式趋势" name="tab">
                <chart-line-area></chart-line-area>
            </el-tab-pane>
        </el-tabs>
    </div>
    <div class="xp-card">
        <el-tabs value="tab">
            <el-tab-pane label="内容形式构成" name="tab">
                <el-row type="flex" justify="space-between">
                    <chart-pie></chart-pie>
                    <chart-pie1></chart-pie1>
                </el-row>
            </el-tab-pane>
        </el-tabs>
    </div>
    <div class="xp-card">
        <table-with-fixed-header></table-with-fixed-header>
    </div>
</div>
</template>

<script>
/**
 * @file format 页面
 *
 * @author zhangping15

 * @date 2018-07-06
 */

import chartLineArea from './components/chart-line-area/index.vue';
import chartPie from './components/chart-pie/index.vue';
import chartPie1 from './components/chart-pie1/index.vue';
import formFilter from './components/form-filter/index.vue';
import tableWithFixedHeader from './components/table-with-fixed-header/index.vue';

export default {
    components: {
        'chart-line-area': chartLineArea,
        'chart-pie': chartPie,
        'chart-pie1': chartPie1,
        'form-filter': formFilter,
        'table-with-fixed-header': tableWithFixedHeader
    },
    data() {
        return {};
    },
    mounted() {
        this.init();
    },
    methods: {
        init() {
        }
    }
};
</script>

<style lang="less">
.format {

}
</style>
