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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| <template>
| <div id="analysisA">
| <div class="demo-collapse">
| <el-collapse accordion>
| <el-collapse-item v-for="(item,index) in setTitle" :name="index + 1">
| <template #title>
| <el-icon size="16" color="#3b8e8e"><Memo /></el-icon>
| <span class="collr-title">班次{{index + 1}}</span>
| <el-button size="small">{{item.indexName}}</el-button>
| </template>
| <div>
| BAI
| </div>
| </el-collapse-item>
| </el-collapse>
| </div>
| <div class="paginationwork">
| <el-pagination layout="prev, pager, next" @current-change="recordChange" :total="total" :default-page-size="6"/>
| </div>
| </div>
| </template>
|
| <script>
| import * as ElementPlusIconsVue from '@element-plus/icons-vue'
| let icons = []
| for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
| icons.push(key)
| }
| import moment from 'moment';
| import * as echarts from 'echarts';
| export default {
| components: {
| ...ElementPlusIconsVue
| },
| props: ['setDataA','setTitle'],
| watch: {
| setDataA(val) {
| this.current = "1";
| alert(1)
| //this.getCharts();
| }
| },
| data() {
| return {
| titleList: [],
| current: "1",
| size: "10",
| total: "0"
| }
| },
| mounted() {
| alert(4)
| },
| methods: {
| recordChange() {
|
| },
| getDataChartsA(index) {
| var obj = {
| enums: "SHIFT",
| groupCategory: 1,
| groupType: "group_workstation",
| ids: [],
| month: moment(this.date).get('month') + 1,
| queryTime: this.date,
| shiftIndex: index,
| type: 0,
| week: moment(this.date).get('week'),
| year: moment(this.date).get('year')
| }
| this.$HTTP.post(`/api/blade-mdc/time-used-analysis/work-stations?current=${this.current}&size=${this.size}`,obj).then(res=> {
| if(res.code == 200) {
| this.setChartsA = res.data;
| }
| })
| },
| }
| }
| </script>
|
| <style scoped>
| .demo-collapse {
|
| }
| .collr-title {
| margin-left:8px;
| margin-right: 8px;
| font-weight: bold;
| }
| .demo-collapse /deep/ .el-collapse-item__header {
| background-color: #d8e8e8;
| margin: 8px;
| height: 32px;
| padding-left: 16px;
| border-radius: 4px;
| }
| .demo-collapse /deep/ .el-collapse-item__content {
| margin: 8px;
| padding-left: 16px;
| }
| </style>
|
|
