<template>
|
<div class="shebaoShouzhiZongbiao-wrap">
|
<div class="shebaoShouzhiZongbiao-table">
|
<h1>社会保障基金统计表</h1>
|
<el-table
|
:data="tableData"
|
style="width: 100%">
|
<el-table-column
|
align="center"
|
prop="name"
|
label="项目"
|
fixed>
|
</el-table-column>
|
<el-table-column label="1月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="zhengjishouru"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="benyuezhichu"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="item.benyuejieyu"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="2月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="3月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="4月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="5月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="6月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="7月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="9月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="10月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="11月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="12月" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column label="本年累计" align="center">
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="总收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="征集收入">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月支出">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="totalMoney"
|
label="本月结余">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="name"
|
label="累计结余">
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "shebaoShouzhiZongbiao",
|
data() {
|
return {
|
tableHead:[],
|
tableData:[
|
{
|
name: '项目1',
|
mouth: '1月',
|
totalMoney: '2222',
|
zhengjishouru: '12333',
|
benyuezhichu:'52667',
|
benyuejieyu:'2332'
|
},
|
{
|
name: '项目2',
|
mouth: '1月',
|
totalMoney: '2222',
|
zhengjishouru: '12333',
|
benyuezhichu:'52667',
|
benyuejieyu:'2332'
|
}
|
]
|
}
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "../../../../assets/css/base";
|
.shebaoShouzhiZongbiao-table{
|
width: 100%;
|
height: calc(100% - 0.078125rem /* 20/256 */);
|
margin-top: 0.078125rem /* 20/256 */;
|
/*.el-table .cell, el-table th > .cell{*/
|
/* display: inline-block;*/
|
/* white-space: nowrap;*/
|
/* width: auto;*/
|
/* overflow: auto;*/
|
/*}*/
|
.el-table th.el-table__cell{
|
background-color:$color-blue;
|
height: 0.3125rem /* 80/256 */;
|
}
|
.el-table tr{
|
height: 0.3125rem /* 80/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;
|
white-space:pre-line;
|
}
|
.el-table--border th.el-table__cell, .el-table__fixed-right-patch{
|
border-bottom:1Px solid $color-grey; /*no*/
|
}
|
.el-table thead.is-group th.el-table__cell{
|
background-color: $color-blue;
|
}
|
.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";
|
.shebaoShouzhiZongbiao-wrap{
|
width: 100%;
|
height: calc(100% - 0.078125rem /* 20/256 */);
|
.shebaoShouzhiZongbiao-table{
|
margin-top: 0.078125rem /* 20/256 */;
|
h1{
|
font-size: $fontSize-30;
|
color: $color-white;
|
text-align: center;
|
line-height: 2;
|
}
|
}
|
}
|
</style>
|
