<template>
  <new-bg>
    <flex-col>
      <system-title show-back />
      <ModuleContent padding="0px 20px 20px">
        <web2-title>有组织排放统计</web2-title>
        <split num="16"></split>
        <a-tabs default-active-key="1" class="custom-tab">
          <a-tab-pane key="1" tab="总体排放">
            <a-table :columns="columns" :data-source="data"/>
          </a-tab-pane>
          <a-tab-pane key="2" tab="VOC">
            <a-table :columns="columns" :data-source="data"/>
          </a-tab-pane>
          <a-tab-pane key="3" tab="CEMS" force-render>
            <a-table :columns="columns" :data-source="data"/>
          </a-tab-pane>
        </a-tabs>
      </ModuleContent>
    </flex-col>
  </new-bg>
</template>

<script>
import FlexCol from "../../components/FlexCol.vue";
import SystemTitle from "../../components/smallCommon/SystemTitle.vue";
import NewBg from "../../components/NewBg.vue";
import ModuleContent from "../../components/ModuleContent.vue";
import Web2Title from "../../components/smallCommon/Web2Title.vue";
import Web3Title from "../../components/smallCommon/Web3Title.vue";
import Split from "../../components/Split.vue";

export default {
  name: "paifangtongji",
  components: {Split, Web3Title, Web2Title, ModuleContent, NewBg, SystemTitle, FlexCol},
  data() {
    return {
      data: [],
      columns: [
        {title: '名词', key: 'name'},
        {title: 'NO', key: 'NO'},
        {title: 'SO2', key: 'SO2'},
        {title: 'TSP', key: 'TSP'},
      ]
    }
  }
}
</script>

<style scoped lang="less">

</style>
