<template>
|
<div class="shebaoChikaRenshu-wrap">
|
<h1>各县（市、区）2021年就业情况统计表</h1>
|
<el-table
|
:max-height="tableHeight"
|
:data="tableData"
|
stripe
|
border
|
style="width: 100%">
|
<template v-for="item in headerArry">
|
<el-table-column
|
align="center"
|
:prop="item.val"
|
:label="item.time">
|
<template slot-scope="scope">
|
<spn>{{item}}</spn>
|
</template>
|
</el-table-column>
|
</template>
|
|
<!--<el-table-column
|
prop="yearFinish"
|
align="center"
|
label="去年完成"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="january"
|
align="center"
|
label="1月">
|
</el-table-column>
|
<el-table-column
|
prop="february"
|
align="center"
|
label="2月">
|
</el-table-column>
|
<el-table-column
|
prop="march"
|
align="center"
|
label="3月">
|
</el-table-column>
|
<el-table-column
|
prop="april"
|
align="center"
|
label="4月">
|
</el-table-column>
|
<el-table-column
|
prop="may"
|
align="center"
|
label="5月">
|
</el-table-column>
|
<el-table-column
|
prop="june"
|
align="center"
|
label="6月">
|
</el-table-column>
|
<el-table-column
|
prop="july"
|
align="center"
|
label="7月">
|
</el-table-column>
|
<el-table-column
|
prop="august"
|
align="center"
|
label="8月">
|
</el-table-column>
|
<el-table-column
|
prop="september"
|
align="center"
|
label="9月">
|
</el-table-column>
|
<el-table-column
|
prop="october"
|
align="center"
|
label="10月">
|
</el-table-column>
|
<el-table-column
|
prop="november"
|
align="center"
|
label="11月">
|
</el-table-column>
|
<el-table-column
|
prop="december"
|
align="center"
|
label="12月">
|
</el-table-column>-->
|
</el-table>
|
</div>
|
</template>
|
|
<script>
|
import {getCardNumsTable} from '@/api/shehuiBaozhang'
|
import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm";
|
import nowSize from "../../../../libs/nowSize";
|
export default {
|
name: "shebaoChikaRenshu",
|
components: {
|
baoxianForm, //城镇新增就业
|
},
|
data() {
|
return {
|
tableData: [],
|
headerArry: [],
|
tableHeight: window.innerHeight - nowSize(250)
|
}
|
},
|
mounted() {
|
this.getCardNumsTable()
|
},
|
methods: {
|
getCardNumsTable(){
|
getCardNumsTable().then(res => {
|
if(res.code == 1000) {
|
let result = res.list
|
let data = []
|
console.log('result---',result)
|
result.forEach((item,index) => {
|
let row = item.dataList
|
row.unshift({
|
time: '指标',
|
val: item.name
|
})
|
data.push(row)
|
if(index == 0) {
|
this.headerArry = row
|
}
|
|
})
|
this.tableData = data
|
console.log('this.headerArry------',this.headerArry)
|
console.log('this.tableData------',this.tableData)
|
}
|
})
|
},
|
getHeight() {
|
this.tableHeight = window.innerHeight - nowSize(250)
|
}
|
},
|
created() {
|
window.addEventListener('resize', this.getHeight)
|
},
|
destroy() {
|
window.addEventListener('resize', this.getHeight)
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "../../../../assets/css/base";
|
.shebaoChikaRenshu-wrap{
|
.el-table tr{
|
background-color: #CEF2FF;
|
}
|
.el-table th.el-table__cell{
|
background-color: #51D2FF;
|
}
|
.el-table__fixed, .el-table__fixed-right,.el-table__fixed-right::before, .el-table__fixed::before{
|
background-color: #51D2FF;
|
}
|
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
|
background-color: #A8E9FF;
|
}
|
.el-table thead{
|
color: #111111;
|
}
|
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
|
border-bottom: 1Px solid #8E8E8E;
|
}
|
.el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
|
border-right: 1Px solid #8E8E8E;
|
}
|
.el-table .el-table__cell{
|
padding: 0.0859375rem /* 22/256 */ 0;
|
}
|
.el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
|
background: transparent;
|
}
|
.el-table .cell{
|
font-size: $fontSize-28;
|
color: $color-darkGrey;
|
font-weight: 300;
|
line-height: 1;
|
}
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "../../../../assets/css/base";
|
.shebaoChikaRenshu-wrap{
|
width: 100%;
|
height: 100%;
|
h1{
|
font-size: $fontSize-30;
|
color: $color-white;
|
text-align: center;
|
line-height: 2;
|
margin-bottom: 0.078125rem /* 20/256 */;
|
}
|
}
|
</style>
|
