| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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: '集团公司', |
| | |
| | | zip: 200333 |
| | | }] |
| | | } |
| | | }, |
| | | methods: { |
| | | refsDatatitle (item) { |
| | | this.titleProp = item |
| | | } |
| | | } |
| | | } |
| | | </script> |