社保收支总表

zhangxiaoxu123456

2022-04-12 031631bc70722e6c7aded6ab8705bbd042ed52ed

社保收支总表

 config/index.js

@@ -20,7 +20,7 @@
    },

    // Various Dev Server settings
    host: "localhost", // can be overwritten by process.env.HOST
    host: "0.0.0.0", // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,

 src/assets/css/main.css

@@ -214,7 +214,7 @@
 */

h1,h2,h3,h4,h5,h6 {
  font-size: 1rem;
  font-size: 0.09375rem  /* 24/256 */;
  font-weight: normal;
}


 src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue

@@ -106,7 +106,7 @@
        methods: {
            handleheader(data) {
                return {
                    lineHeight: '0',
                    lineHeight: '2.5',
                }
            }
        }
@@ -122,7 +122,7 @@
      background-color:$color-blue;
    }
    .el-table .el-table__body-wrapper tr{
      height: 0.25rem  /* 64/256 */;
      height: 0.265625rem  /* 68/256 */;
    }
    .el-table tr:nth-child(odd){
      background-color: #CEF2FF;

 src/pages/show/businessPolicy/BusinessPolicy.vue

@@ -68,7 +68,6 @@
            stripe
            :data="tableData"
            style="width: 100%"
            max-height="1005"
            :header-row-style="tableHeaderRow"
            :row-class-name="tableRowClassName"
            @row-click="tableRowClick"

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

@@ -275,27 +275,27 @@
    thead{
      background-color: $color-blue;
      tr{
        height: 0.203125rem  /* 52/256 */;
        height: 0.25rem  /* 64/256 */;
      }
      th,td{
        color: $color-darkGrey;
        border:1Px solid $color-grey; /*no*/
        font-weight: 300;
        font-size: $fontSize-24;
        font-size: $fontSize-28;
      }
    }
    tbody{
      background-color: #CEF2FF;
      height: 3.90625rem  /* 1000/256 */;
      tr{
        height: 0.203125rem  /* 52/256 */;
        height: 0.25rem  /* 64/256 */;
      }
      th,td{
        color: $color-darkGrey;
        text-align: center;
        border:1Px solid $color-grey; /*no*/
        font-weight: 300;
        font-size: $fontSize-24;
        font-size: $fontSize-28;
      }
    }
  }

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

@@ -108,7 +108,7 @@
  @import "../../../../assets/css/base";
  .chuangyeDanbaoDaikuan-wrap{
    width: 100%;
    height: 100%;
    height: calc(100% - 0.07813rem);
    .danbaotongjibiao-box{
      margin-top: 0.078125rem  /* 20/256 */;
      h1{

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

@@ -11,55 +11,46 @@
        fixed="left"
        prop="year"
        label="年份"
        align="center"
        width="200">
        align="center">
      </el-table-column>
      <el-table-column label="补贴性培训" align="center">
        <el-table-column
          label="补贴性培训"
          align="center"
          width="800">
          align="center">
          <el-table-column
            prop="shengtingjihua"
            :label="'省厅计划 \n （人次）'"
            align="center"
            width="200">
            align="center">
          </el-table-column>
          <el-table-column
            prop="shijipeixunjihua"
            :label="'实际培训人数 \n （人次）'"
            align="center"
            width="200">
            align="center">
          </el-table-column>
          <el-table-column
            prop="wanchenglv"
            label="完成率"
            align="center"
            width="200">
            align="center">
          </el-table-column>
          <el-table-column
            prop="zhuanzhangzhichu"
            :label="'专账资金支出 \n （万元）'"
            align="center"
            width="200">
            align="center">
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="其中应届毕业学年高校毕业生"
          align="center"
          width="400">
          align="center">
          <el-table-column
            prop="peixunrenshu"
            :label="'培训人数 \n （人次）'"
            align="center"
            width="200">
            align="center">
          </el-table-column>
          <el-table-column
            prop="butiejine"
            :label="'补贴金额 \n （万元)'"
            align="center"
            width="200">
            align="center">
          </el-table-column>
        </el-table-column>
      </el-table-column>
@@ -137,7 +128,7 @@
  @import "../../../../assets/css/base";
  .zhiyePeixun-wrap{
    width: 100%;
    height: 100%;
    height: calc(100% - 0.078125rem  /* 20/256 */);
    margin-top: 0.078125rem  /* 20/256 */;
    .el-table th.el-table__cell{
      background-color:$color-blue;

 src/pages/show/shehuiBaozhang/shehuiBaozhang.vue

@@ -116,7 +116,7 @@
      flex: 1;
      padding: 0 0.078125rem  /* 20/256 */;
      box-sizing: border-box;
      height: 0.5859375rem  /* 150/256 */;
      height: 5.27344rem;
      @include overflow-y();
    }
  }

 src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue

@@ -1,13 +1,332 @@
<template>
    <div>1111</div>
  <div class="shebaoShouzhiZongbiao-wrap">
    <div class="shebaoShouzhiZongbiao-table">
      <h1>社会保障基金统计表</h1>
      <el-table
        v-fit-columns
        style="width: 100%">
        <el-table-column
          prop="name"
          label="项目"
          :data="tableData"
          fixed>
        </el-table-column>
        <el-table-column
          label="1月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="zhengjishouru"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="benyuezhichu"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="benyuejieyu"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="2月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="3月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="4月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="5月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="6月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="7月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="9月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="10月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="11月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="12月">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          label="本年累计">
          <el-table-column
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="累计结余">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
    export default {
        name: "shebaoShouzhiZongbiao"
        name: "shebaoShouzhiZongbiao",
        data() {
            return {
                tableData:[{
                    totalMoney: '323332',
                    zhengjishouru: '223333',
                    benyuezhichu: '3t638',
                    benyuejieyu: '76373637'
                }]
            }
        }
    }
</script>

<style scoped>
<style lang="scss">
  @import "../../../../assets/css/base";
  .shebaoShouzhiZongbiao-table{
    width: 100%;
    height: calc(100% - 0.078125rem  /* 20/256 */);
    margin-top: 0.078125rem  /* 20/256 */;
    .el-table th.el-table__cell{
      background-color:$color-blue;
      height: 0.3125rem  /* 80/256 */;
    }
    .el-table tr{
      height: 0.3125rem  /* 80/256 */;
    }
    .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>
  @import "../../../../assets/css/base";
  .shebaoShouzhiZongbiao-wrap{
    width: 100%;
    height: calc(100% - 0.078125rem  /* 20/256 */);
    .shebaoShouzhiZongbiao-table{
      margin-top: 0.078125rem  /* 20/256 */;
      h1{
        font-size: $fontSize-30;
        color: $color-white;
        text-align: center;
        line-height: 2;
      }
    }
  }
</style>