<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>
