<script> import GithubCorner from '@/components/GithubCorner' import PanelGroup from './components/PanelGroup' import LineChart from './components/LineChart' import RaddarChart from './components/RaddarChart' import PieChart from './components/PieChart' import BarChart from './components/BarChart' import TransactionTable from './components/TransactionTable' import TodoList from './components/TodoList' import BoxCard from './components/BoxCard' import SRChart from './components/SRChart' import IfComponent from './components/IfComponent.vue' const lineChartData = { newVisitis: { expectedData: [100, 120, 161, 134, 105, 160, 165], actualData: [100, 82, 91, 154, 162, 140, 145] }, messages: { expectedData: [200, 192, 120, 144, 160, 130, 140], actualData: [180, 160, 151, 106, 145, 150, 130] }, purchases: { expectedData: [80, 100, 121, 104, 105, 90, 100], actualData: [120, 90, 100, 138, 142, 130, 130] }, shoppings: { expectedData: [130, 140, 141, 142, 145, 150, 160], actualData: [120, 82, 91, 154, 162, 140, 130] } } const SRChartData = { newVisitis: { expectedData: [100, 120, 161, 134, 105], actualData: [1000, 82, 91, 154, 162] }, messages: { expectedData: [2000, 192, 120, 144, 160], actualData: [180, 160, 151, 106, 145] }, purchases: { expectedData: [80, 100, 121, 104, 105], actualData: [1200, 90, 100, 138, 142] }, shoppings: { expectedData: [130, 140, 141, 142, 145], actualData: [1200, 82, 91, 154, 162] } } export default { name: 'DashboardAdmin', components: { GithubCorner, PanelGroup, LineChart, SRChart, RaddarChart, PieChart, BarChart, TransactionTable, TodoList, BoxCard, ifComponent }, data() { return { SRChartData: SRChartData.newVisitis, lineChartData: lineChartData.newVisitis, showPanelGroup: false, ifComponent:ifCompoent, } }, methods: { handleSetSRChartData(type) { this.SRChartData = SRChartData[type], this.lineChartData = lineChartData[type] } } } </script>