统计表,指标,预报警表格弹框公共修改,管线分析功能

ChenZeping

2021-04-29 c56e506fd34c58209240e97fc29043639fae5d19

 src/components/table/components/IndexStatistics.vue

@@ -1,39 +1,45 @@
<template>
    <el-tabs v-model="activeName">
  <Public>
    <template v-slot:title>
      <span>{{ titleProp }}</span>
    </template>
    <template v-slot:publicTable>
      <el-tabs v-model="activeName">
        <el-tab-pane label="指标统计" name="first">
            <el-table :data="tableData" >
                <el-table-column type="index" label="序号"></el-table-column>
                <el-table-column prop="date" label="单位名称"></el-table-column>
                <el-table-column prop="province" label="工业取水量(m3)"></el-table-column>
                <el-table-column prop="province" label="外排废水量(m3)"></el-table-column>
                <el-table-column prop="province" label="工业废气排放量(m3)"></el-table-column>
                <el-table-column label="COD(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
                <el-table-column label="氨氮(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
                <el-table-column label="二氧化硫(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
                <el-table-column label="氮氧化物(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
                <el-table-column label="VOCs(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
                <el-table-column label="固废(t)">
                    <el-table-column prop="province" label="累计产生量"></el-table-column>
                    <el-table-column prop="city" label="当月产生量"></el-table-column>
                </el-table-column>
            </el-table>
          <el-table :data="tableData" :lock-scroll="true" class="scroll">
            <el-table-column type="index" label="序号"></el-table-column>
            <el-table-column prop="date" label="单位名称"></el-table-column>
            <el-table-column prop="province" label="工业取水量(m3)"></el-table-column>
            <el-table-column prop="province" label="外排废水量(m3)"></el-table-column>
            <el-table-column prop="province" label="工业废气排放量(m3)"></el-table-column>
            <el-table-column label="COD(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
            <el-table-column label="氨氮(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
            <el-table-column label="二氧化硫(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
            <el-table-column label="氮氧化物(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
            <el-table-column label="VOCs(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
            <el-table-column label="固废(t)">
              <el-table-column prop="province" label="累计产生量"></el-table-column>
              <el-table-column prop="city" label="当月产生量"></el-table-column>
            </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="企业排名" name="second"><el-table :data="tableData">
        <el-tab-pane label="企业排名" name="second">
          <el-table :data="tableData">
            <el-table-column type="index" label="序号"></el-table-column>
            <el-table-column prop="date" label="企业名称"></el-table-column>
            <el-table-column prop="name" label="废水达标率"></el-table-column>
@@ -44,8 +50,10 @@
            <el-table-column prop="zip" label="名次"></el-table-column>
            <el-table-column prop="zip" label="设备完好率"></el-table-column>
            <el-table-column prop="zip" label="排名"></el-table-column>
        </el-table></el-tab-pane>
        <el-tab-pane label="排放点排名" name="third"><el-table :data="tableData">
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="排放点排名" name="third">
          <el-table :data="tableData">
            <el-table-column type="index" label="序号"></el-table-column>
            <el-table-column prop="date" label="排放点名称"></el-table-column>
            <el-table-column prop="name" label="排放类型"></el-table-column>
@@ -55,15 +63,23 @@
            <el-table-column prop="zip" label="名次"></el-table-column>
            <el-table-column prop="zip" label="设备完好率"></el-table-column>
            <el-table-column prop="zip" label="名次"></el-table-column>
        </el-table></el-tab-pane>
    </el-tabs>

          </el-table>
        </el-tab-pane>
      </el-tabs>
    </template>
  </Public>
</template>

<script>

import Public from '@components/table/Public'

export default {
  name: 'IndexStatistics',
  components: { Public },
  data () {
    return {
      titleProp: '',
      activeName: 'first',
      tableData: [{
        date: '集团公司',
@@ -88,6 +104,11 @@
        zip: 200333
      }]
    }
  },
  methods: {
    refsDatatitle (item) {
      this.titleProp = item
    }
  }
}
</script>