社会收支总表

zhangxiaoxu123456

2022-04-29 af63b044b26ddf2a381b28e7a7f413ddeb31e1e9

社会收支总表

 src/api/shehuiBaozhang.js

@@ -10,27 +10,32 @@
  return postRequest('/ybg/webservice/app/social/getPersonTable.do', params)
}

//14.查询职工养老保险参保人数数据接口
//34.查询社会保障基金统计表数据接口
export const getStatisticsTable = (params) => {
  return postRequest('/ybg/webservice/app/social/getStatisticsTable.do', params)
}

//12.查询职工养老保险参保人数数据接口
export const getSecurityTable = (params) => {
  return postRequest('/ybg/webservice/app/social/getSecurityTable.do', params)
}

//15.查询近一年职工养老保险参保人数折线图数据接口
//13.查询近一年职工养老保险参保人数折线图数据接口
export const getSecurityDetailChart = (params) => {
  return postRequest('/ybg/webservice/app/social/getSecurityDetailChart.do', params)
}

//16.查询社会保险参保人数表格数据接口
//14.查询社会保险参保人数表格数据接口
export const getInsuranceTable = (params) => {
  return postRequest('/ybg/webservice/app/social/getInsuranceTable.do', params)
}

//17.查询社保征缴收入明细总览表格数据接口
//15.查询社保征缴收入明细总览表格数据接口
export const getFundincomeTable = (params) => {
  return postRequest('/ybg/webservice/app/social/getFundincomeTable.do', params)
}

//18.查询社保征缴收入和参保人数平均值表格数据接口
//16.查询社保征缴收入和参保人数平均值表格数据接口
export const getAverageTable = (params) => {
  return postRequest('/ybg/webservice/app/social/getAverageTable.do', params)
}

 src/pages/components/showIndexTitle.vue

@@ -75,7 +75,6 @@
  name: "showIndexTitle",
  data() {
    return {
        activeStyle: false,
        activeIndex: '/index'
    }
  },

 src/pages/show/otherBusiness/OtherBusiness.vue

@@ -2,12 +2,12 @@
  <div class="otherBusiness-wrap">
    <div class="otherB-menu-left">
      <el-menu :default-active="$route.path" router mode="vertical">
        <el-menu-item index="/otherB-PeopleJunShouRu">
        <el-menu-item index="/otherB_PeopleJunShouRu">
          <div class="menu-left-block">
            <h1>居民人均</h1>
          </div>
        </el-menu-item>
        <el-menu-item index="/otherB-GongGuTuoPin">
        <el-menu-item index="/otherB_GongGuTuoPin">
          <div class="menu-left-block">
            <h1>巩固脱贫成果</h1>
          </div>

 src/pages/show/personnelTalents/PersonnelTalents.vue

@@ -2,7 +2,7 @@
  <div class="personnelTalents__warp">
    <div class="personnelTalents-menu-left">
      <el-menu :default-active="$route.path" router mode="vertical">
        <el-menu-item index="/personnelTalents_unitPersonnel">
        <el-menu-item index="/personnelTalents_UnitPersonnel">
          <div class="menu-left-block">
            <h1 style="line-height:1.6;">事业单位
              <br/>人员情况</h1>

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

@@ -6,281 +6,59 @@
        :cell-style="handleCellStyle"
        :data="tableData"
        style="width: 100%">
        <el-table-column
          align="center"
          prop="name"
          label="项目"
          fixed>
        </el-table-column>
        <el-table-column label="1月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
        <template v-for="(item,index) in headerArry">
          <template v-if="index == 0">
            <el-table-column
              align="center"
              :prop="item.name"
              label="项目"
              fixed>
              <template slot-scope="scope">
                <span :class="[Number(item.taxesIncome) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.name}}</span>
              </template>
            </el-table-column>
          </template>
          <el-table-column :label="item.month" align="center">
            <el-table-column
              align="center"
              label="总收入">
              <template slot-scope="scope">
                <span :class="[Number(item.totalIncome) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.totalIncome}}</span>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="征集收入">
              <template slot-scope="scope">
                <span :class="[Number(item.taxesIncome) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.taxesIncome}}</span>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="本月支出">
              <template slot-scope="scope">
                <span :class="[Number(item.pay) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.pay}}</span>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="本月结余">
              <template slot-scope="scope">
                <span :class="[Number(item.balance) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.balance}}</span>
              </template>
            </el-table-column>
          </el-table-column>
          <el-table-column
            align="center"
            prop="zhengjishouru"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="benyuezhichu"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="item.benyuejieyu"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="2月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="3月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="4月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="5月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="6月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="7月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="9月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="10月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="11月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="12月" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column label="本年累计" align="center">
          <el-table-column
            align="center"
            prop="totalMoney"
            label="总收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="征集收入">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月支出">
          </el-table-column>
          <el-table-column
            align="center"
            prop="totalMoney"
            label="本月结余">
          </el-table-column>
        </el-table-column>
        <el-table-column
          align="center"
          prop="name"
          label="累计结余">
        </el-table-column>
          <template v-if="index == headerArry.length - 1">
            <el-table-column
              align="center"
              :prop="item.surplus"
              label="累计结余">
              <template slot-scope="scope">
                <span :class="[Number(item.surplus) < 0 ? 'fontColorRed' : '']" style="margin-left: 10px">{{item.surplus}}</span>
              </template>
            </el-table-column>
          </template>
        </template>
      </el-table>
      <div class="shebaoShouzhiZongbiaoEcharts" id="shebaoShouzhiZongbiaoEcharts"></div>
    </div>
@@ -289,35 +67,49 @@

<script>
  import nowSize from "../../../../libs/nowSize";
  import {getStatisticsTable} from '@/api/shehuiBaozhang'
export default {
  name: "shebaoShouzhiZongbiao",
  data() {
    return {
      tableHead:[],
      tableData:[
        {
          name: '项目1',
          mouth: '1月',
          totalMoney: '2222',
          zhengjishouru: '12333',
          benyuezhichu:'52667',
          benyuejieyu:'2332'
        },
        {
          name: '项目2',
          mouth: '1月',
          totalMoney: '2222',
          zhengjishouru: '12333',
          benyuezhichu:'52667',
          benyuejieyu:'2332'
        }
      ]
      tableData:[],
      headerArry:[]
    }
  },
  mounted() {
      this.getStatisticsTable()
     this.shebaoShouzhiZongbiaoEcharts()
  },
  methods: {
      getStatisticsTable() {
          getStatisticsTable().then(res => {
              if(res.code == 1000) {
                  this.tableData = res.list
                  this.getData()
              }
          })
      },
      getData() {
          let row = []
          this.tableData.forEach((e,index) => {
              e.dataList.forEach((c,i) => {
                  if(index == 0) {
                      row.push({
                          name: e.item,
                          "month": c.month ,
                          "totalIncome": c.totalIncome,
                          "taxesIncome": c.taxesIncome,
                          "pay": c.pay,
                          "balance": c.balance,
                          "surplus": c.surplus || null
                      })
                  }
              })
              this.headerArry = row
              console.log(this.headerArry)
          })
      },
      shebaoShouzhiZongbiaoEcharts() {
          let myEchart = this.$echarts.init(document.getElementById('shebaoShouzhiZongbiaoEcharts'))
          let option = {
@@ -501,6 +293,12 @@
      text-align: center;
      line-height: 2;
    }
    .fontColorBlue {
      color: $color-blue;
    }
    .fontColorRed {
      color: #FF3939;
    }
  }
  .shebaoShouzhiZongbiaoEcharts{
    height: calc(100% - 640px - 0.33203125rem  /* 85/256 */);

 src/router/router.js

@@ -161,21 +161,21 @@
    {
      path: '/personnelTalents',
      meta: {title: "人事人才"},
      name: 'PersonnelTalents',
      redirect: '/personnelTalents_unitPersonnel',
      name: 'personnelTalents',
      redirect: '/personnelTalents_UnitPersonnel',
      component: PersonnelTalents,
      children:[
        {
          path: "/personnelTalents_unitPersonnel",
          path: "/personnelTalents_UnitPersonnel",
          meta: {title: "事业单位人员情况", routerParent: 'personnelTalents'},
          name: "/PersonnelTalents_unitPersonnel",
          name: "/personnelTalents_unitPersonnel",
          component: () =>
            import(
              "@/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue"
              )
        },
        {
          path: "/personnelTalents_greenCard",
          path: "/personnelTalents_GreenCard",
          meta: {title: "人才绿卡补贴", routerParent: 'personnelTalents'},
          name: "/PersonnelTalents_GreenCard",
          component: () =>
@@ -187,7 +187,7 @@
    },
    {
      path: '/laborRelations',
      meta: {title: "劳动关系"},
      meta: {title: "劳动关系", routerParent: 'laborRelations'},
      name: 'LaborRelations',
      component: () => import("@/pages/show/laborRelations/LaborRelations.vue")
    },
@@ -195,22 +195,22 @@
      path: "/otherBusiness",
      component: OtherBusiness,
      meta: {title: "其他业务"},
      redirect: "/otherB-PeopleJunShouRu",
      name: "OtherBusiness",
      redirect: "/otherB_PeopleJunShouRu",
      name: "otherBusiness",
      children: [
        {
          path: "/otherB-PeopleJunShouRu",
          meta: {title: "居民人居收入、可支配收入", routerParent: 'OtherBusiness'},
          name: "otherB-PeopleJunShouRu",
          path: "/otherB_PeopleJunShouRu",
          meta: {title: "居民人居收入、可支配收入", routerParent: 'otherBusiness'},
          name: "otherB_PeopleJunShouRu",
          component: () =>
            import(
              "@/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue"
              )
        },
        {
          path: "/otherB-GongGuTuoPin",
          meta: {title: "居民人居收入、可支配收入", routerParent: 'OtherBusiness'},
          name: "otherB-GongGuTuoPin",
          path: "/otherB_GongGuTuoPin",
          meta: {title: "居民人居收入、可支配收入", routerParent: 'otherBusiness'},
          name: "otherB_GongGuTuoPin",
          component: () =>
            import(
              "@/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue"
@@ -220,7 +220,7 @@
    },
    {
      path: "/businessPolicy",
      meta: {title: "营商政策"},
      meta: {title: "营商政策", routerParent: 'businessPolicy'},
      name: "businessPolicy",
      component: () => import("@/pages/show/businessPolicy/BusinessPolicy")
    }