派生自 wuyushui/SewerAndRainNetwork
src/components/table/components/Warn.vue
New file @@ -0,0 +1,232 @@ <template> <el-tabs v-model="activeName"> <el-tab-pane label="实时统计" name="first"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="企业名称" width="150"> </el-table-column> <el-table-column label="废水(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="废气(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="固废(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="硫化氢(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="可燃气体(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> </el-table> </el-tab-pane> <el-tab-pane label="当月统计" name="second"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="企业名称" width="150"> </el-table-column> <el-table-column label="废水(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="废气(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="固废(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="硫化氢(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="可燃气体(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> </el-table> </el-tab-pane> <el-tab-pane label="上月统计" name="third"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="企业名称" width="150"> </el-table-column> <el-table-column label="废水(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="废气(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> <el-table-column prop="name" label="报警" width="120"> </el-table-column> </el-table-column> <el-table-column label="固废(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="硫化氢(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> <el-table-column label="可燃气体(个)"> <el-table-column prop="name" label="预警" width="120"> </el-table-column> </el-table-column> </el-table> </el-tab-pane> </el-tabs> </template> <script> export default { data () { return { activeName: 'first', tableData: [{ date: '2016-05-03', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', 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 弄', zip: 200333 }] } } } </script>
