362 lines
8.5 KiB
Vue
362 lines
8.5 KiB
Vue
|
<template>
|
||
|
|
<div class="monitor-data">
|
||
|
|
<peak-secondary-title :title="title"/>
|
||
|
|
<div class="table-content">
|
||
|
|
<peak-custom-table :table-title="tableTitle" :data-source="dataSource"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import PeakSecondaryTitle from "@/components/peak-coal-monitoring/PeakSecondaryTitle";
|
||
|
|
import PeakCustomTable from "@/components/peak-coal-monitoring/PeakCustomTable";
|
||
|
|
export default {
|
||
|
|
name: "MonitorData",
|
||
|
|
components: {PeakCustomTable, PeakSecondaryTitle},
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
title: '实时监测数据',
|
||
|
|
tableTitle: [
|
||
|
|
{
|
||
|
|
title: '监测设备',
|
||
|
|
dataIndex: 'pointName',
|
||
|
|
dataUnit: null,
|
||
|
|
width: '25%'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '一氧化碳',
|
||
|
|
dataIndex: 'COValue',
|
||
|
|
dataUnit: 'COUnit',
|
||
|
|
width: '15%'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '二氧化硫',
|
||
|
|
dataIndex: 'SO2Value',
|
||
|
|
dataUnit: 'SO2Unit',
|
||
|
|
width: '15%'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '氮氧化物',
|
||
|
|
dataIndex: 'NOValue',
|
||
|
|
dataUnit: 'NOUnit',
|
||
|
|
width: '15%'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '臭氧',
|
||
|
|
dataIndex: 'O3Value',
|
||
|
|
dataUnit: 'O3Unit',
|
||
|
|
width: '15%'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'PM10',
|
||
|
|
dataIndex: 'PM10Value',
|
||
|
|
dataUnit: 'PM10Unit',
|
||
|
|
width: '15%'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
dataSource: [
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
pointName: '监测设备名称',
|
||
|
|
COValue: 2,
|
||
|
|
COUnit: '%VOL',
|
||
|
|
SO2Value: 30,
|
||
|
|
SO2Unit: 'mg/m³',
|
||
|
|
NOValue: 20,
|
||
|
|
NOUnit: 'mg/L',
|
||
|
|
O3Value: 10,
|
||
|
|
O3Unit: 'ppm',
|
||
|
|
PM10Value: 10,
|
||
|
|
PM10Unit: 'μg/m³',
|
||
|
|
PM25Value: 30,
|
||
|
|
PM25Unit: 'μg/m³'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
@import "assets/styles/mixin";
|
||
|
|
.monitor-data{
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
.flex-column;
|
||
|
|
.table-content{
|
||
|
|
padding-top: 20px;
|
||
|
|
flex: 1;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|