职业培训接口对接

zhangxiaoxu123456

2022-04-21 41f383d6ef3812bd81098d03e44cdeab549eeb08

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

@@ -9,7 +9,7 @@
      style="width: 100%">
      <el-table-column
        fixed="left"
        prop="year"
        prop="jyear"
        label="年份"
        align="center">
      </el-table-column>
@@ -18,48 +18,46 @@
          label="补贴性培训"
          align="center">
          <el-table-column
            prop="shengtingjihua"
            prop="planTimes"
            :label="'省厅计划 \n （人次）'"
            align="center">
          </el-table-column>
          <el-table-column
            prop="shijipeixunjihua"
            prop="realTimes"
            :label="'实际培训人数 \n （人次）'"
            align="center">
          </el-table-column>
          <el-table-column
            prop="wanchenglv"
            prop="completionRate"
            label="完成率"
            align="center">
          </el-table-column>
          <el-table-column
            prop="zhuanzhangzhichu"
            prop="expenditure"
            :label="'专账资金支出 \n （万元）'"
            align="center">
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="其中应届毕业学年高校毕业生"
          align="center">
          <el-table-column
            prop="peixunrenshu"
            prop="graduateTrains"
            :label="'培训人数 \n （人次）'"
            align="center">
          </el-table-column>
          <el-table-column
            prop="butiejine"
            prop="graduateSubsidy"
            :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"
          prop="graduateSubsidy"
          label="实际培训人数 （人次）"
          align="center">
        </el-table-column>
@@ -70,54 +68,40 @@
</template>

<script>
  import {getTrainTable, getTrainChart} from '@/api/jiuyeAndChuangye'
  import nowSize from "../../../../libs/nowSize";
    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'
                }]
                tableData:[],
                yearsData: [],  //x轴数据
                numberData: [],  //柱状图数据（实际培训人数）
                rateData: [],  //折线数据（完成率）
            }
        },
        mounted() {
          this.zhiyepeixunEcharts()
          this.getTrainTable()
          this.getTrainChart()
        },
        methods: {
            getTrainTable() {  //查询职业培训统计表格数据接口
                getTrainTable().then(res => {
                   if(res.code == 1000) {
                       this.tableData = res.list
                   }
                })
            },
            getTrainChart() {
                getTrainChart().then(res => {
                    if(res.code == 1000) {
                        this.yearsData = res.obj.years
                        this.numberData = res.obj.number
                        this.rateData = res.obj.rate
                        this.zhiyepeixunEcharts()
                    }
                })
            },
            handleheader(data) {
                return {
                    lineHeight: '0',
@@ -170,7 +154,7 @@
                    xAxis: [
                        {
                            type: 'category',
                            data: ['2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年'],
                            data: this.yearsData,
                            axisPointer: {
                                type: 'shadow'
                            },
@@ -237,9 +221,7 @@
                                    return value + ' ml';
                                }
                            },
                            data: [
                                2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
                            ]
                            data: this.numberData
                        },
                        {
                            name: '完成率',
@@ -250,7 +232,7 @@
                                    return value + ' °C';
                                }
                            },
                            data: [2.0, 4.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
                            data: this.rateData
                        }
                    ]
                };
@@ -269,6 +251,12 @@
    width: 100%;
    height: calc(100% - 0.078125rem  /* 20/256 */);
    margin-top: 0.078125rem  /* 20/256 */;
    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
      background: transparent;
    }
    .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 th.el-table__cell{
      background-color:$color-blue;
      height: 0.3125rem  /* 80/256 */;
@@ -295,7 +283,7 @@
      font-size: $fontSize-28;
      color: $color-darkGrey;
      font-weight: 300;
      line-height: 1;
      line-height: 1.3;
      white-space:pre-line;
    }
    .el-table--border th.el-table__cell, .el-table__fixed-right-patch{