<template>
|
<div class="zhiyePeixun-wrap">
|
<el-table
|
stripe
|
border
|
:data="tableData"
|
max-height="640"
|
:header-cell-style="handleheader"
|
style="width: 100%">
|
<el-table-column
|
fixed="left"
|
prop="year"
|
label="年份"
|
align="center">
|
</el-table-column>
|
<el-table-column label="补贴性培训" align="center">
|
<el-table-column
|
label="补贴性培训"
|
align="center">
|
<el-table-column
|
prop="shengtingjihua"
|
:label="'省厅计划 \n （人次）'"
|
align="center">
|
</el-table-column>
|
<el-table-column
|
prop="shijipeixunjihua"
|
:label="'实际培训人数 \n （人次）'"
|
align="center">
|
</el-table-column>
|
<el-table-column
|
prop="wanchenglv"
|
label="完成率"
|
align="center">
|
</el-table-column>
|
<el-table-column
|
prop="zhuanzhangzhichu"
|
:label="'专账资金支出 \n （万元）'"
|
align="center">
|
</el-table-column>
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="其中应届毕业学年高校毕业生"
|
align="center">
|
<el-table-column
|
prop="peixunrenshu"
|
:label="'培训人数 \n （人次）'"
|
align="center">
|
</el-table-column>
|
<el-table-column
|
prop="butiejine"
|
:label="'补贴金额 \n （万元)'"
|
align="center">
|
</el-table-column>
|
</el-table-column>
|
</el-table-column>
|
<el-table-column
|
prop="year"
|
label="社会性培训"
|
align="center">
|
<el-table-column
|
prop="peixunrenci"
|
label="实际培训人数 （人次）"
|
align="center">
|
</el-table-column>
|
</el-table-column>
|
</el-table>
|
<div class="zhiyepeixun-echarts"></div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "zhiyePeixun",
|
data() {
|
return {
|
tableData:[{
|
year: '2017年',
|
shengtingjihua: '34212',
|
shijipeixunjihua: '44333',
|
wanchenglv: '90%',
|
zhuanzhangzhichu: '233421',
|
peixunrenshu: '3222',
|
butiejine:'2322',
|
peixunrenci:'34223'
|
},{
|
year: '2018年',
|
shengtingjihua: '34212',
|
shijipeixunjihua: '44333',
|
wanchenglv: '90%',
|
zhuanzhangzhichu: '233421',
|
peixunrenshu: '3222',
|
butiejine:'2322',
|
peixunrenci:'34223'
|
},{
|
year: '2019年',
|
shengtingjihua: '34212',
|
shijipeixunjihua: '44333',
|
wanchenglv: '90%',
|
zhuanzhangzhichu: '233421',
|
peixunrenshu: '3222',
|
butiejine:'2322',
|
peixunrenci:'34223'
|
},{
|
year: '2020年',
|
shengtingjihua: '34212',
|
shijipeixunjihua: '44333',
|
wanchenglv: '90%',
|
zhuanzhangzhichu: '233421',
|
peixunrenshu: '3222',
|
butiejine:'2322',
|
peixunrenci:'34223'
|
}]
|
}
|
},
|
methods: {
|
handleheader(data) {
|
return {
|
lineHeight: '0',
|
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "../../../../assets/css/base";
|
.zhiyePeixun-wrap{
|
width: 100%;
|
height: calc(100% - 0.078125rem /* 20/256 */);
|
margin-top: 0.078125rem /* 20/256 */;
|
.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>
|
.zhiyepeixun-echarts{
|
width: 100%;
|
height: calc(100% - 2.65625rem /* 680/256 */);
|
margin-top: 0.078125rem /* 20/256 */;
|
}
|
</style>
|
