41 lines
1.1 KiB
Vue
41 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<el-row :gutter="12">
|
||
|
|
<el-col :span="5">
|
||
|
|
<panel-group />
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="14">
|
||
|
|
<project-list-panel/>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="5">
|
||
|
|
<el-card class="card-box">
|
||
|
|
<project-rate-chart/>
|
||
|
|
</el-card>
|
||
|
|
<el-card class="card-box">
|
||
|
|
<month-project-chart height="180px" bar-width="50%"/>
|
||
|
|
</el-card>
|
||
|
|
<el-card class="card-box" header="公告">
|
||
|
|
<notice-board/>
|
||
|
|
</el-card>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import PanelGroup from '@/views/dashboard/PanelGroup.vue';
|
||
|
|
import NoticeBoard from '@/views/dashboard/NoticeBoard.vue';
|
||
|
|
import MonthProjectChart from '@/views/dashboard/MonthProjectChart.vue';
|
||
|
|
import ProjectRateChart from '@/views/dashboard/ProjectRateChart.vue';
|
||
|
|
import ProjectListPanel from './components/ProjectListPanel.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'Index',
|
||
|
|
components: { PanelGroup, NoticeBoard, MonthProjectChart, ProjectRateChart, ProjectListPanel },
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|