web
2 天以前 7885ad510c6246a35ba14faff7cfdbc066e269cd
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>