毕业生统计

zhangxiaoxu123456

2022-04-08 8d1a258f2bf7644af87eed4539256c2a9e5e0705

毕业生统计

 src/pages/show/jiuyeAndChuangye/jiuyeAndChuangye.vue

@@ -17,7 +17,7 @@
              <h1>就业情况</h1>
            </div>
          </el-menu-item>
          <el-menu-item>
          <el-menu-item index="/biyeshengStatistics">
            <div class="menu-left-block">
              <h1>毕业生统计</h1>
            </div>

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

@@ -1,34 +1,254 @@
<template>
    <div class="biyeshengStatistics-wrap">
      <table>
      <table class="biyeshengStatistics-table">
        <thead>
          <tr>
            <th>序号</th>
            <th>项目</th>
            <th>2017年</th>
            <th>2018年</th>
            <th>2019年</th>
            <th>2020年</th>
            <th>2021年</th>
            <th colspan="1">序号</th>
            <th colspan="3">项目</th>
            <th colspan="2">2017年</th>
            <th colspan="2">2018年</th>
            <th colspan="2">2019年</th>
            <th colspan="2">2020年</th>
            <th colspan="2">2021年</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th rowspan="3">1</th>
            <td>全国高校本市生源</td>
            <td>2642</td>
            <td>6879</td>
            <td>1586</td>
            <td>8651</td>
            <td>45682</td>
            <th colspan="1" rowspan="3">1</th>
            <td colspan="3">全国高校本市生源</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td>其中：本科毕业生</td>
            <td>2642</td>
            <td>6879</td>
            <td>1586</td>
            <td>8651</td>
            <td>45682</td>
            <td colspan="3">其中：本科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">专科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1" rowspan="5">2</th>
            <td colspan="3">全省高校</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">其中：博士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">硕士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">本科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">专科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1" rowspan="5">3</th>
            <td colspan="3">全省高校本市生源</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">其中：博士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">硕士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">本科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">专科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1" rowspan="5">3</th>
            <td colspan="3">驻石高校</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">其中：博士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">硕士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">本科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">专科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1" rowspan="5">5</th>
            <td colspan="3">驻石高校本市生源</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">其中：博士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">硕士毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">本科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">专科毕业生</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1" rowspan="4">6</th>
            <td colspan="3">离校未就业高校毕业生（12月底）</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">其中：自愿暂时不就业和正在求职</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">已就业</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
          <tr>
            <td colspan="3">就业率</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>

          <tr>
            <th colspan="1">7</th>
            <td colspan="3">离校未就业高校毕业生（12月底）</td>
            <td colspan="2">2642</td>
            <td colspan="2">6879</td>
            <td colspan="2">1586</td>
            <td colspan="2">8651</td>
            <td colspan="2">45682</td>
          </tr>
        </tbody>
      </table>
@@ -41,6 +261,41 @@
    }
</script>

<style scoped>

<style lang="scss" scoped>
  @import "../../../../assets/css/base";
.biyeshengStatistics-wrap{
  width: 100%;
  height: 100%;
  .biyeshengStatistics-table{
    width: 100%;
    border: 1px solid $color-grey; /*no*/
    border-collapse: collapse;
    table-layout: fixed;
    thead{
      background-color: $color-blue;
      tr{
        height: 5.2rem;
      }
      th,td{
        color: $color-darkGrey;
        border:1px solid $color-grey; /*no*/
        font-weight: 300;
        font-size: $fontSize-24;
      }
    }
    tbody{
      background-color: #CEF2FF;
      tr{
        height: 5.2rem;
      }
      th,td{
        color: $color-darkGrey;
        text-align: center;
        border:1px solid $color-grey; /*no*/
        font-weight: 300;
        font-size: $fontSize-24;
      }
    }
  }
}
</style>

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

@@ -162,9 +162,9 @@
      }
      tbody{
        background-color: #CEF2FF;
        height: 11.2rem  /* 112/10 */;
        th,td{
          color: $color-darkGrey;
          height: 11.2rem  /* 112/10 */;
          line-height: 11.2rem;
          text-align: center;
          border:1px solid $color-grey; /*no*/

 src/router/router.js

@@ -3,33 +3,34 @@
import jiuyeAndChuangye from "../pages/show/jiuyeAndChuangye/jiuyeAndChuangye";
import shehuiBaozhang from "../pages/show/shehuiBaozhang/shehuiBaozhang";
const indexRouter = {
  path: '/',
  name: 'index',
  component: showHome,
  redirect: '/index',
  children: [
    { path: '/index', meta: { title: '大屏首页' }, name: 'index', component: () => import('@/pages/show/index/index.vue')},
    { path: '/jiuyeAndChuangye',
      component: jiuyeAndChuangye,
      redirect: '/workStatistics',
      name: 'jiuyeAndChuangye',
      children: [
        { path: '/workStatistics', meta: {title: '就业创业'}, name: 'workStatistics',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue')},
        { path: '/chuangyeDanbaoDaikuan', meta: {title: '创业担保贷款'}, name: 'chuangyeDanbaoDaikuan',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue')},
        { path: '/jiuyeQingkuang', meta: {title: '就业情况'}, name: 'jiuyeQingkuang',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue')},
      ]
    },
    {
      path: '/shehuiBaozhang',
      component: shehuiBaozhang,
      redirect: '/shehuiBaoxian',
      name: 'shehuiBaozhang',
      children: [
        { path: '/shehuiBaoxian', meta: {title:'社会保障'}, name: 'shehuiBaoxian', component: () => import('@/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue')},
        { path: '/shebaoShouzhiZongbiao', meta: {title:'社保收支总表'}, name: 'shebaoShouzhiZongbiao', component: () => import('@/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue')},
      ]
    }
  ]
    path: '/',
    name: 'index',
    component: showHome,
    redirect: '/index',
    children: [
        { path: '/index', meta: { title: '大屏首页' }, name: 'index', component: () => import('@/pages/show/index/index.vue')},
        { path: '/jiuyeAndChuangye',
          component: jiuyeAndChuangye,
          redirect: '/workStatistics',
          name: 'jiuyeAndChuangye',
          children: [
           { path: '/workStatistics', meta: {title: '就业创业'}, name: 'workStatistics',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue')},
           { path: '/chuangyeDanbaoDaikuan', meta: {title: '创业担保贷款'}, name: 'chuangyeDanbaoDaikuan',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue')},
           { path: '/jiuyeQingkuang', meta: {title: '就业情况'}, name: 'jiuyeQingkuang',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue')},
           { path: '/biyeshengStatistics', meta: {title: '毕业生统计'}, name: 'biyeshengStatistics',  component: () => import('@/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue')},
         ]
        },
        {
          path: '/shehuiBaozhang',
          component: shehuiBaozhang,
          redirect: '/shehuiBaoxian',
          name: 'shehuiBaozhang',
          children: [
            { path: '/shehuiBaoxian', meta: {title:'社会保障'}, name: 'shehuiBaoxian', component: () => import('@/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue')},
            { path: '/shebaoShouzhiZongbiao', meta: {title:'社保收支总表'}, name: 'shebaoShouzhiZongbiao', component: () => import('@/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue')},
          ]
        }
    ]
}
const login = {
  path: '/login',