<template>
|
<div class="Chemical-Waste-water" id="Chemical-Waste-water">
|
<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" @click="closebtns"></el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
class="tableBox"
|
:data="tableData"
|
>
|
<el-table-column
|
label="序号"
|
width="60px"
|
type="index">
|
</el-table-column>
|
<el-table-column
|
prop="UserName"
|
label="企业名称"
|
width="120px">
|
</el-table-column>
|
<el-table-column
|
prop="WasteWaters"
|
label="工业外排废水量（m³）"
|
width="200px">
|
</el-table-column>
|
<el-table-column label="产生量 （吨）">
|
<el-table-column
|
prop="AddOutPut"
|
label="一般固废"
|
width="100px">
|
</el-table-column>
|
<el-table-column
|
prop="MonthOutPut"
|
label="危险废物"
|
width="100px">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="贮存状态（个）">
|
<el-table-column
|
prop="normal"
|
label="正常"
|
width="100px">
|
</el-table-column>
|
<el-table-column
|
prop="warning"
|
label="预警"
|
width="100px">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="贮存状态（个）">
|
<el-table-column
|
prop="normal"
|
label="正常"
|
width="100px">
|
</el-table-column>
|
<el-table-column
|
prop="warning"
|
label="预警"
|
width="100px">
|
</el-table-column>
|
</el-table-column>
|
</el-table>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'ChemicalWastewater',
|
data: function () {
|
return {
|
tableData: [{
|
UserName: '#火炬排放口',
|
WasteWaters: '1',
|
AddOutPut: '',
|
MonthOutPut: '',
|
normal: '',
|
warning: ''
|
}]
|
}
|
},
|
methods: {
|
closebtns () {
|
// const summary = document.getElementById('Chemical-Waste-water')
|
// summary.style.display = 'none'
|
// console.log(1)
|
this.$emit('isshow')
|
}
|
}
|
}
|
</script>
|
<style scoped>
|
/*.Chemical-Waste-water {*/
|
/* position:fixed;*/
|
/* top: 330px;*/
|
/* left: 65px;*/
|
/* !*width: 850px;*!*/
|
/* !*height: 265px;*!*/
|
/* border: #90c8e0 1px solid;*/
|
/* z-index:3000;*/
|
/* 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>
|
