<template>
|
<div class="data-container">
|
<el-row :gutter="40">
|
<el-col :xs='24' :md="24" :sm="24" :lg="17" :xl="17">
|
<data-table></data-table>
|
<data-chart></data-chart>
|
</el-col>
|
<el-col :xs='24' :md="24" :sm="24" :lg="7" :xl="7">
|
<data-rank></data-rank>
|
<data-check></data-check>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import DataTable from '../data-table/index.vue';
|
import DataRank from '../data-rank/index.vue';
|
import DataCheck from '../data-check/index.vue';
|
import DataChart from '../data-chart/index.vue';
|
export default {
|
name: 'DataWrapper',
|
components: {
|
DataTable,
|
DataRank,
|
DataCheck,
|
DataChart
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
|
</style>
|
