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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
| <script setup>
| import ReportItem from "./component/reportItem.vue";
|
| const data = {
| yali: {
| name: '水池液位报表',
| heade: {
| index: '序号',
| pumb: '所属泵房',
| yewei: '水池液位(cm)',
| time: '采集时间'
| },
| list: [
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房', yewei: '136', time: '2025/3/2' },
| ]
| },
| dianliang: {
| name: '运行参数报表',
| heade: {
| index: '序号',
| danwei: '所属单位',
| content: '测量内容',
| value: '测量数值',
| time: '采集时间'
| },
| list: [
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| { index: '001', danwei: '下瓦房新风井泵房', content: '电压', value: '380', time: '2025/3/2' },
| ]
| },
| nengxiao: {
| name: '单次运行时间报表',
| heade: {
| index: '序号',
| pumb: '所属泵房',
| singleTime: '单次运行时长(分)',
| time: '采集时间'
| },
| list: [
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| { index: '001', pumb: '下瓦房新风井泵房一号泵', singleTime: '36', time: '2025/3/2' },
| ],
| }
| }
| </script>
| <template>
| <div class="report">
| <div class="report-item" v-for="(item, index) in data" :key="index">
| <ReportItem :data="item" />
| </div>
| </div>
| </template>
|
| <style lang="scss" scoped>
| .report{
| height: 100%;
| display: flex;
| gap: 1.5rem;
| .report-item{
| width: 32.5%;
| height: 100%;
| flex-shrink: 0;
| }
| }
| </style>
|
|