| | |
| | | <template> |
| | | <div class="dashboard-editor-container"> |
| | | |
| | | <panel-group @handleSetLineChartData="handleSetLineChartData" /> |
| | | <panel-group style="margin-bottom: 10px" @handleSetLineChartData="handleSetLineChartData" /> |
| | | |
| | | <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> |
| | | <el-row style="background:#fff;padding:16px 16px 0; width: 1292px"> |
| | | <el-col :xs="24" :sm="12"> |
| | | <pie-chart /> |
| | | </el-col> |
| | | |
| | | <el-col :xs="24" :sm="12"> |
| | | <line-chart :chart-data="lineChartData" /> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | import PanelGroup from './dashboard/PanelGroup' |
| | | import LineChart from './dashboard/LineChart' |
| | | import PieChart from './dashboard/PieChart' |
| | | import pieChart from "@/views/dashboard/PieChart.vue"; |
| | | |
| | | const lineChartData = { |
| | | newVisitis: { |
| | |
| | | |
| | | export default { |
| | | name: 'Index', |
| | | computed: { |
| | | pieChart() { |
| | | return pieChart |
| | | } |
| | | }, |
| | | components: { |
| | | PanelGroup, |
| | | LineChart, |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .dashboard-editor-container { |
| | | padding: 32px; |
| | | padding: 20px; |
| | | background-color: rgb(240, 242, 245); |
| | | position: relative; |
| | | |