<template>
|
<div class="summary-sheets">
|
<el-row type="flex" class="head-area" align="middle">
|
<el-col>
|
<span>企业指标分类统计</span>
|
</el-col>
|
<el-col class="head-area-button">
|
<el-button style="float: right; padding: 3px 0" icon="el-icon-close" type="info"></el-button>
|
</el-col>
|
</el-row>
|
<!-- <el-tabs class="tabs-text">-->
|
<el-row :gutter="20" class="el-rowscol">
|
<el-col>
|
<el-tabs class="tabs-text" v-model="activeName" type="card" @tab-click="handleClick">
|
<el-tab-pane label="废水" name="first">
|
<waste-water></waste-water>
|
</el-tab-pane>
|
<el-tab-pane label="废气" name="second">
|
<waste-gas></waste-gas>
|
</el-tab-pane>
|
<el-tab-pane label="固废" name="third">
|
<solid-waste></solid-waste>
|
</el-tab-pane>
|
<el-tab-pane label="空气质量" name="fourth">
|
<AirQuality></AirQuality>
|
</el-tab-pane>
|
</el-tabs>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import WasteWater from '@/components/table/components/WasteWater.vue'
|
import WasteGas from './components/WasteGas'
|
import SolidWaste from './components/SolidWaste'
|
import AirQuality from './components/AirQuality'
|
export default {
|
name: 'summary sheet.vue',
|
components: {
|
WasteWater,
|
WasteGas,
|
SolidWaste,
|
AirQuality
|
},
|
data () {
|
return {
|
activeName: 'first'
|
}
|
},
|
methods: {
|
handleClick (tab, event) {
|
console.log(tab, event)
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.summary-sheets {
|
/*overflow: hidden;*/
|
position: absolute;
|
top: 50px;
|
left: 50px;
|
/*width: 850px;*/
|
/*height: 265px;*/
|
border: #90c8e0 1px solid;
|
z-index:9999999;
|
background-color: rgba(26, 73, 81, 0.901960784313726);
|
/*color: #fff;*/
|
}
|
.head-area{
|
color: #fff;
|
width: 100%;
|
height: 40px;
|
background-color: #002433;
|
font-size: 16px;
|
border-bottom: #90c8e0 2px solid;
|
padding-left: 16px;
|
/*line-height: 40px;*/
|
}
|
.head-area-button{
|
margin-right: 5px;
|
}
|
</style>
|
