职业培训

zhangxiaoxu123456

2022-04-11 5652ac21dcf9dc05fd9d0bf6005375a6224aace6

 src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue

@@ -1,15 +1,180 @@
<template>
    <div class="zhiyePeixun-wrap">

    </div>
  <div class="zhiyePeixun-wrap">
    <el-table
      :data="tableData"
      max-height="650"
      style="width: 100%">
      <el-table-column
        prop="year"
        label="年份"
        align="center"
        width="200">
      </el-table-column>
      <el-table-column label="补贴性培训" align="center">
        <el-table-column
          label="补贴性培训"
          align="center"
          width="800">
          <el-table-column
            prop="shengtingjihua"
            :label="'省厅计划 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="shijipeixunjihua"
            :label="'实际培训人数 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="wanchenglv"
            label="完成率"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="zhuanzhangzhichu"
            :label="'专账资金支出 \n （万元）'"
            align="center"
            width="200">
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="其中应届毕业学年高校毕业生"
          align="center"
          width="400">
          <el-table-column
            prop="peixunrenshu"
            :label="'培训人数 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="butiejine"
            :label="'补贴金额 \n （万元)'"
            align="center"
            width="200">
          </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"
        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'
                }]
            }
        }
    }
</script>

<style lang="css" scoped>
<style lang="scss">
  @import "../../../../assets/css/base";
  .zhiyePeixun-wrap{
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    .el-table th.el-table__cell{
      background-color:$color-blue;
      height: 8rem;
    }
    .el-table tr{
      height: 8rem;
    }
    .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% - 68rem);
    margin-top: 2rem;
  }
</style>