364 lines
8.3 KiB
Vue
364 lines
8.3 KiB
Vue
<template>
|
|
<div class="w-z-dialog" :class="[type]">
|
|
<custom-table :type="type" :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "SDJCYDialog",
|
|
data() {
|
|
return {
|
|
tableTitle: [
|
|
{
|
|
title: '监测设备',
|
|
dataIndex: 'pointName',
|
|
width: '15%'
|
|
},
|
|
{
|
|
title: '一氧化碳[0.5%VOL]',
|
|
dataIndex: 'COValue',
|
|
width: '15%'
|
|
},
|
|
{
|
|
title: '二氧化硫[30mg/m³]',
|
|
dataIndex: 'SO2Value',
|
|
width: '15%'
|
|
},
|
|
{
|
|
title: '氮氧化物[10mg/L]',
|
|
dataIndex: 'NOValue',
|
|
width: '15%'
|
|
},
|
|
{
|
|
title: '臭氧[80⏜ppm]',
|
|
dataIndex: 'O3Value',
|
|
width: '15%'
|
|
},
|
|
{
|
|
title: 'PM10[50μg/m³]',
|
|
dataIndex: 'PM10Value',
|
|
width: '25%'
|
|
}
|
|
],
|
|
standardValue: {
|
|
COValue: 0.5,
|
|
SO2Value: 30,
|
|
NOValue: 10,
|
|
O3Value: 80,
|
|
PM10Value: 50
|
|
},
|
|
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³'
|
|
}
|
|
]
|
|
|
|
}
|
|
},
|
|
props: {
|
|
/**
|
|
* 地图类型
|
|
* @param { 'big' | 'small' } type
|
|
*/
|
|
type: {
|
|
type: String,
|
|
default: 'big'
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.w-z-dialog {
|
|
height: 2000px;
|
|
width: 100%;
|
|
&.middle {
|
|
height: 1200px;
|
|
}
|
|
}
|
|
</style>
|
|
|