<template>
|
<div class="chuangyeDanbaoDaikuan-wrap">
|
<div class="danbaotongjibiao-box">
|
<h1>创业担保贷款统计表</h1>
|
<div class="chuangye-table">
|
<el-table
|
:max-height="tableHeight"
|
:cell-style="handleCellStyle"
|
border
|
:data="danbaoTableData"
|
style="width: 100%">
|
<el-table-column
|
align="center"
|
prop="jmonth"
|
label="时间">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="loanNums"
|
label="放贷笔数（笔）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="loanNums"
|
label="放贷金额（万元）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="supportNums"
|
label="直接扶持自主创业（人）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="addjobNums"
|
label="带动就业（人）">
|
</el-table-column>
|
</el-table>
|
</div>
|
<!--<table class="chuangye-table-box">
|
<thead>
|
<tr>
|
<th>
|
<div class="biaotou-box">
|
<span class="time">时间</span>
|
<span class="xiaomu">项目</span>
|
</div>
|
</th>
|
<th>放贷笔数（笔）</th>
|
<th>放贷金额</th>
|
<th>直接扶持自主创业（人）</th>
|
<th>带动就业（人）</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item,index) in tableData" :key="index">
|
<th>{{item.jmonth}}</th>
|
<td>{{item.loanNums}}</td>
|
<td>{{item.loanAmount}}</td>
|
<td>{{item.supportNums}}</td>
|
<td>{{item.addjobNums}}</td>
|
</tr>
|
<!–<tr>
|
<th>1——12月累计</th>
|
<td>257</td>
|
<td>1327</td>
|
<td>57</td>
|
<td>57</td>
|
</tr>
|
<tr>
|
<th>总累计 （2003年至今）</th>
|
<td>45257</td>
|
<td>1327.5</td>
|
<td>5557</td>
|
<td>16757</td>
|
</tr>–>
|
</tbody>
|
</table>-->
|
</div>
|
<div class="danbaotongjibiao-box">
|
<h1>人力资源服务产业园当月情况统计表</h1>
|
<div class="danbaotongjibiao-table">
|
<el-table
|
:cell-style="handleCellStyle"
|
:max-height="tableHeight"
|
border
|
:data="renliziyuanTableData"
|
:span-method="arraySpanMethod"
|
style="width: 100%">
|
<el-table-column
|
align="center"
|
prop="parkName"
|
label="产业园名称">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="startTime"
|
label="开园运营时间">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="parkArea"
|
label="建筑面积（万平方米）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="enterpriseNums"
|
label="入住企业（家）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="income"
|
:label="'营业收入（亿元） \n （含代收代付）'">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="taxAmount"
|
label="纳税额（亿元）">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="personnels"
|
label="引进高层次人才（人）">
|
</el-table-column>
|
</el-table>
|
</div>
|
<!--<table class="chuangye-table-box">
|
<thead>
|
<tr>
|
<th>产业园名称</th>
|
<th>开园运营时间</th>
|
<th>建筑面积（万平方米）</th>
|
<th>营业收入（亿元）</br>（含代收代付）</th>
|
<th>纳税额（亿元）</th>
|
<th>引进高层次人才（人）</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<th colspan="2">中国石家庄人力资源服务产业园</th>
|
<td>57</td>
|
<td>5327</td>
|
<td>57</td>
|
<td>57</td>
|
</tr>
|
<tr>
|
<th>高新园区</th>
|
<td>2019/6/28</td>
|
<td>1327</td>
|
<td>57</td>
|
<td>57</td>
|
<td>2357</td>
|
</tr>
|
<tr>
|
<th>桥西园区</th>
|
<td>2019/6/28</td>
|
<td>1327.5</td>
|
<td>5557</td>
|
<td>16757</td>
|
<td>16757</td>
|
</tr>
|
<tr>
|
<th>正定园区</th>
|
<td>2019/6/28</td>
|
<td>1327.5</td>
|
<td>5557</td>
|
<td>16757</td>
|
<td>16757</td>
|
</tr>
|
</tbody>
|
</table>-->
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {getLoanTable, getParkTable} from '@/api/jiuyeAndChuangye'
|
import nowSize from "../../../../libs/nowSize";
|
export default {
|
name: "chuangyeDanbaoDaikuan",
|
data() {
|
return {
|
danbaoTableData:[],
|
renliziyuanTableData:[],
|
tableHeight: (window.innerHeight - nowSize(400)) / 2
|
}
|
},
|
mounted() {
|
this.getLoanTable()
|
this.getParkTable()
|
},
|
methods: {
|
getLoanTable() {
|
getLoanTable().then(res => {
|
if(res.code == 1000) {
|
this.danbaoTableData = res.list
|
}
|
})
|
},
|
getParkTable() {
|
getParkTable().then(res => {
|
if(res.code == 1000) {
|
this.renliziyuanTableData = res.list
|
}
|
})
|
},
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
|
if(rowIndex === 0) {
|
if(columnIndex === 0) {
|
return {
|
rowspan: 1,
|
colspan: 2
|
}
|
}else if(columnIndex === 1) {
|
return {
|
rowspan: 0,
|
colspan: 0
|
}
|
}
|
}
|
},
|
getHeight() {
|
this.tableHeight = (window.innerHeight - nowSize(400)) / 2
|
},
|
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";
|
.danbaotongjibiao-table,.chuangye-table{
|
.el-table tr{
|
background-color: #CEF2FF;
|
height: 0.4375rem /* 112/256 */;
|
}
|
.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.3;
|
}
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "../../../../assets/css/base";
|
.chuangyeDanbaoDaikuan-wrap{
|
width: 100%;
|
height: calc(100% - 0.07813rem);
|
.danbaotongjibiao-box{
|
margin-top: 0.078125rem /* 20/256 */;
|
&:nth-child(2) {
|
margin-top: 0.234375rem /* 60/256 */;
|
}
|
h1{
|
font-size: $fontSize-30;
|
color: $color-white;
|
text-align: center;
|
line-height: 2;
|
}
|
}
|
.chuangye-table,.danbaotongjibiao-table{
|
margin-top: 0.078125rem /* 20/256 */;
|
}
|
.chuangye-table-box{
|
width: 100%;
|
border: 1Px solid $color-grey; /*no*/
|
border-collapse:collapse;
|
table-layout: fixed;
|
thead{
|
background-color: $color-blue;
|
tr{
|
height: 0.4375rem /* 112/256 */;
|
}
|
th,td{
|
color: $color-darkGrey;
|
border:1Px solid $color-grey; /*no*/
|
font-weight: 300;
|
font-size: $fontSize-28;
|
}
|
}
|
.biaotou-box{
|
position: relative;
|
&::after{
|
content: '';
|
width: calc(100%);
|
height: 1Px; /*no*/
|
background-color: $color-grey;
|
position: absolute;
|
left: -1Px;
|
top: 0;
|
transform: rotate(10deg);
|
}
|
.time{
|
position: absolute;
|
left: 0.390625rem /* 100/256 */;
|
top: 0rem;
|
font-size: $fontSize-28;
|
font-weight: 300;
|
}
|
.xiaomu{
|
position: absolute;
|
right: 0.390625rem /* 100/256 */;
|
top: -0.1171875rem /* -30/256 */;
|
font-size: $fontSize-28;
|
font-weight: 300;
|
}
|
}
|
tbody{
|
background-color: #CEF2FF;
|
th,td{
|
color: $color-darkGrey;
|
height: 0.4375rem /* 112/256 */;
|
line-height: 0.4375rem /* 112/256 */;
|
text-align: center;
|
border:1Px solid $color-grey; /*no*/
|
font-weight: 300;
|
font-size: $fontSize-28;
|
}
|
}
|
}
|
}
|
</style>
|
