1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <template>
| <BackgroundBoardLayout>
| <template #leftBlock1>
| <StatisticalBox></StatisticalBox>
| </template>
| <template #leftBlock2>
| <MachineStartupRate></MachineStartupRate>
| </template>
| <template #leftBlock3>
| <CountView></CountView>
| </template>
| <template #rightBlock2>
| <MaterialChart @should-reload="reloadAllData"></MaterialChart>
| </template>
| <template #rightBlock3>
| <BarChart @should-reload="reloadAllData"></BarChart>
| </template>
| </BackgroundBoardLayout>
| </template>
|
| <script>
| import StatisticalBox from "@/views/cockpitPage/components/StatisticalBox";
| import MachineStartupRate from "@/views/cockpitPage/components/MachineStartupRate";
| import CountView from "@/views/cockpitPage/components/CountView";
| import BackgroundBoardLayout from "@/components/cockpitPage/BackgroundBoardLayout.vue";
| import MaterialChart from "@/views/cockpitPage/components/MaterialChart.vue";
| import BarChart from "@/views/cockpitPage/components/BarChart.vue";
| export default {
| components: {
| StatisticalBox,
| BackgroundBoardLayout,
| MaterialChart,
| BarChart,
| MachineStartupRate,
| CountView,
| },
| props: {},
| data() {
| return {};
| },
| mounted() {},
| watch: {},
| methods: {},
| };
| </script>
|
| <style scoped lang="scss"></style>
|
|
