| | |
| | | <template> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="指标统计" name="first"><el-table |
| | | :data="tableData" |
| | | style="width: 100%"> |
| | | :data="tableData"> |
| | | <el-table-column |
| | | prop="date" |
| | | label="序号" |
| | | width="150"> |
| | | type="index" |
| | | label="序号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="单位名称" |
| | | width="150"> |
| | | label="单位名称"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="工业取水量(m3)" |
| | | width="150"> |
| | | prop="province" |
| | | label="工业取水量(m3)"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="外排废水量(m3)" |
| | | width="150"> |
| | | prop="province" |
| | | label="外排废水量(m3)"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="工业废气排放量(m3)" |
| | | width="150"> |
| | | prop="province" |
| | | label="工业废气排放量(m3)"> |
| | | </el-table-column> |
| | | <el-table-column label="COD(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="氨氮(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="二氧化硫(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="氮氧化物(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="VOCs(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="固废(t)"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="累计产生量" |
| | | width="120"> |
| | | label="累计产生量"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="当月产生量" |
| | | width="120"> |
| | | label="当月产生量"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | </el-table></el-tab-pane> |
| | |
| | | style="width: 100%" |
| | | max-height="250"> |
| | | <el-table-column |
| | | fixed |
| | | type="index" |
| | | label="序号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="企业名称" |
| | | width="150"> |
| | | label="企业名称"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="废水达标率" |
| | | width="120"> |
| | | label="废水达标率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="province" |
| | | label="名次" |
| | | width="120"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="废气达标率" |
| | | width="120"> |
| | | label="废气达标率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="名次" |
| | | width="300"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="传输率" |
| | | width="120"> |
| | | label="传输率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="名次" |
| | | width="120"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="设备完好率" |
| | | width="120"> |
| | | label="设备完好率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="排名" |
| | | width="120"> |
| | | label="排名"> |
| | | </el-table-column> |
| | | </el-table></el-tab-pane> |
| | | <el-tab-pane label="排放点排名" name="third"><el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | max-height="250"> |
| | | :data="tableData"> |
| | | <el-table-column |
| | | fixed |
| | | type="index" |
| | | label="序号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="排放点名称" |
| | | width="150"> |
| | | label="排放点名称"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="排放类型" |
| | | width="120"> |
| | | label="排放类型"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="province" |
| | | label="达标率" |
| | | width="120"> |
| | | label="达标率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="名次" |
| | | width="120"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="传输率" |
| | | width="300"> |
| | | label="传输率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="名次" |
| | | width="120"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="设备完好率" |
| | | width="120"> |
| | | label="设备完好率"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="名次" |
| | | width="120"> |
| | | label="名次"> |
| | | </el-table-column> |
| | | </el-table></el-tab-pane> |
| | | </el-tabs> |
| | |
| | | return { |
| | | activeName: 'first', |
| | | tableData: [{ |
| | | date: '2016-05-03', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | date: '集团公司', |
| | | name: '35', |
| | | province: '23', |
| | | city: '11', |
| | | address: 235, |
| | | zip: 23 |
| | | }, { |
| | | date: '天津石化', |
| | | name: 32, |
| | | province: 33, |
| | | city: 44, |
| | | address: 53, |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-08', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-06', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-07', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | date: '济南炼化', |
| | | name: 35, |
| | | province: 13, |
| | | city: 33, |
| | | address: 44, |
| | | zip: 200333 |
| | | }] |
| | | } |