<template>
|
<div class="shebaoZhengjiShouruForm-wrap">
|
<div class="danwei-box">单位：人</div>
|
<div class="shebaoZhengjiShouruForm-table">
|
<el-table
|
:cell-style="handleCellStyle"
|
:max-height="tableHeight"
|
border
|
style="width: 100%"
|
:data="totalTableData">
|
<el-table-column
|
width="200"
|
align="center"
|
prop="area"
|
label="县（市、区）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="enterprise"
|
label="企业养老保险基金征缴收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="resident"
|
label="城乡居民养老保险基金征缴收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="injuryInsurance"
|
label="工伤保险基金征缴收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="careerInsurance"
|
label="失业保险基金征缴收入">
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import nowSize from "../../../libs/nowSize";
|
export default {
|
name: "shebaoZhengjiShouruTotal",
|
props: {
|
totalTableData: {
|
type: Array,
|
default: () => {
|
return []
|
}
|
}
|
},
|
data() {
|
return {
|
tableHeight: window.innerHeight - nowSize(380)
|
}
|
},
|
methods: {
|
getHeight() {
|
this.tableHeight = window.innerHeight - nowSize(350)
|
},
|
handleCellStyle({rowIndex, columnIndex}) {
|
if(columnIndex == 0) {
|
return { background:'#51D2FF' }
|
}
|
},
|
},
|
created() {
|
window.addEventListener('resize', this.getHeight)
|
},
|
destroy() {
|
window.addEventListener('resize', this.getHeight)
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "../../../assets/css/base";
|
.shebaoZhengjiShouruForm-wrap{
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
.el-table th.el-table__cell{
|
background-color:$color-blue;
|
}
|
.el-table .el-table__body-wrapper tr{
|
height: 0.265625rem /* 68/256 */;
|
}
|
.el-table tr:nth-child(odd){
|
background-color: #CEF2FF;
|
}
|
.el-table tr:nth-child(even){
|
background-color: #A8E9FF;
|
}
|
.el-table, .el-table__expanded-cell{
|
background-color: transparent;
|
}
|
.el-table thead{
|
color: $color-darkGrey;
|
}
|
.el-table{
|
color: $color-darkGrey;
|
}
|
.el-table .cell{
|
font-size: $fontSize-28;
|
color: $color-darkGrey;
|
font-weight: 300;
|
line-height: 1;
|
}
|
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
|
border-bottom:1Px solid $color-grey; /*no*/
|
}
|
.el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
|
border-right:1Px solid $color-grey; /*no*/
|
}
|
}
|
</style>
|
|
<style lang="scss" scoped>
|
@import "../../../assets/css/base";
|
.shebaoZhengjiShouruForm-wrap{
|
position: relative;
|
.danwei-box{
|
position: absolute;
|
right: 0;
|
top: 0;
|
color: $color-white;
|
}
|
.shebaoZhengjiShouruForm-table{
|
padding-top: 0.234375rem /* 60/256 */;
|
}
|
}
|
|
</style>
|
