+1
zhanghua
2023-11-13 2cc2f4f83a90aac000792a3b65aac9c1aeedbdf1
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
<template>
    <div>
        <el-descriptions>
            <el-descriptions-item label="餐饮企业名称">{{
                localeInfo.customer.Name
            }}</el-descriptions-item>
            <el-descriptions-item label="联系人">{{
                localeInfo.customer.Contact
            }}</el-descriptions-item>
            <el-descriptions-item label="联系电话">{{
                localeInfo.customer.Mobile
            }}</el-descriptions-item>
            <el-descriptions-item label="详细地址">
                {{ localeInfo.customer.Address }}
            </el-descriptions-item>
            <el-descriptions-item label="监测点类型">
                {{
                    localeInfo.customer.Typ == 4 ? '一般检测点' : '其他'
                }}</el-descriptions-item
            >
            <el-descriptions-item label="所属单位">
                {{ localeInfo.customer.Org }}</el-descriptions-item
            >
            <el-descriptions-item label="菜系"></el-descriptions-item>
            <el-descriptions-item label="风速">
                {{ localeInfo.locale.FanSpeed }}m/s
            </el-descriptions-item>
            <el-descriptions-item label="风量">
                {{ localeInfo.locale.FanQuantity }}m³/h</el-descriptions-item
            >
            <el-descriptions-item label="管道截面面积">
                {{ localeInfo.locale.PipeArea }}m²</el-descriptions-item
            >
            <el-descriptions-item label="灶头数量">
                {{ localeInfo.locale.StoveNum }}个</el-descriptions-item
            >
            <el-descriptions-item label="集气罩面积">
                {{ localeInfo.locale.StoveArea }}m²</el-descriptions-item
            >
        </el-descriptions>
 
        <div class="title">一、技术指导:</div>
        <el-table :data="tableData1" style="width: 100%">
            <el-table-column prop="date" label="菜系" width="180">
            </el-table-column>
            <el-table-column prop="name" label="建议使用的净化设施" width="180">
            </el-table-column>
            <el-table-column prop="address" label="净化器图片">
            </el-table-column>
            <el-table-column prop="address" label="商家净化器款式">
            </el-table-column>
            <el-table-column prop="address" label="油烟排放情况">
            </el-table-column>
        </el-table>
 
        <div class="title">二、餐饮企业在线监测情况汇总:</div>
 
        <div class="title">三、餐饮企业健康情况展示:</div>
 
        <div class="title">四、现场照片:</div>
 
        <div class="title">五、净化设备清洗维保记录:</div>
 
        <div class="title">六、整改记录:</div>
 
        <div class="title">七、执法管理记录:</div>
    </div>
</template>
 
<script>
import statisticsApi from "@/api/smoke/statistics";
export default {
    data() {
        return {
            localeInfo: {},
            tableData1:[],
            tableData2:[],
            tableData3:[],
            tableData4:[],
            tableData5:[],
            tableData6:[],
            tableData7:[]
        }
    },
 
    created() {
        this.getData();
    },
    methods: {
        getData() {
            let param = {
                field: "detectorDailySumDays",
                localeId: this.inTimeData.Lid
            }
            statisticsApi.getDocument(param).then(jsonStr => {
                const res = JSON.parse(jsonStr)
                debugger
                this.localeInfo = res.Data
            })
 
        },
 
        // 设置表格斑马纹
        tableRowClassName({ row, rowIndex }) {
            if ((rowIndex + 1) % 2 == 0) {
                return "warning-row";
            } else {
                return "success-row";
            }
            return "";
        },
    },
    props: ['inTimeData']
}
</script>
<style>
.title {
    font-size: 20px;
    text-align: left;
}
</style>