zhangxiaoxu123456
2022-04-26 388c2eeb0522a3dc928cffc5059e9f7da4c84ecb
src/pages/show/index/index.vue
@@ -454,142 +454,7 @@
          <h1>失业保险</h1>
        </div>
        <div class="shuju-main-box">
          <div class="shuju-table">
            <div class="shuju-table-line">
              <div class="biao-title"></div>
              <div class="title-flex">
                <div class="title">
                  <h1>本月</h1>
                </div>
                <div class="title">
                  <h1>本年同期</h1>
                </div>
                <div class="title">
                  <h1>同比</h1>
                </div>
                <div class="title">
                  <h1>上月</h1>
                </div>
                <div class="title">
                  <h1>环比</h1>
                </div>
              </div>
            </div>
            <div class="shuju-scroll">
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>人数(万人)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>收入(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>支出(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>本月结余(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>累计结余(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <shiyeAndgongshangBaoxian typeString="4"></shiyeAndgongshangBaoxian>
          <div class="shuju-echarts" id="shiyeBaoxianEcharts"></div>
        </div>
@@ -599,141 +464,7 @@
          <h1>工伤保险</h1>
        </div>
        <div class="shuju-main-box">
          <div class="shuju-table">
            <div class="shuju-table-line">
              <div class="biao-title"></div>
              <div class="title-flex">
                <div class="title">
                  <h1>本月</h1>
                </div>
                <div class="title">
                  <h1>本年同比</h1>
                </div>
                <div class="title">
                  <h1>同比</h1>
                </div>
                <div class="title">
                  <h1>上月</h1>
                </div>
                <div class="title">
                  <h1>环比</h1>
                </div>
              </div>
            </div>
            <div class="shuju-scroll">
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>人数(万人)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>收入(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>支出(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>本月结余(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
              <div class="shuju-table-line2">
                <div class="biao-title">
                  <h1>累计结余(亿元)</h1>
                </div>
                <div class="title-flex">
                  <div class="title">
                    <h1>138957</h1>
                  </div>
                  <div class="title">
                    <h1>128417</h1>
                  </div>
                  <div class="title">
                    <h1 class="fontColor">111.2%</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                  <div class="title">
                    <h1>125000</h1>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <shiyeAndgongshangBaoxian typeString="5"></shiyeAndgongshangBaoxian>
          <div class="shuju-echarts" id="gongshangBaoxianEcharts"></div>
        </div>
@@ -744,6 +475,7 @@
<script>
import echarts from "echarts/lib/echarts";
import nowSize from "../../../libs/nowSize";
import shiyeAndgongshangBaoxian from "../../components/index/shiyeAndgongshangBaoxian";
import {
  getInsured,
  getInstitution,
@@ -754,11 +486,14 @@
  getLabourTable,
  getLabourChart,
  getInsuranceChart,
  getTownTable
  getTownTable,
} from "@/api/index";
export default {
  name: "index",
  components: {
      shiyeAndgongshangBaoxian
  },
  data() {
    return {
      // 被保险人
@@ -805,7 +540,9 @@
        jieyu: []
      },
      // 27. 查询首页城镇职工养老表格数据接口
      TownTable: []
      TownTable: [],
      // 28.失业保险
        type:'',
    }
  },
  mounted() {
@@ -821,8 +558,10 @@
    this.getPersonnel()
    this.getLabourTable()
    this.getLabourChart()
    this.getInsuranceChart(),
      this.getTownTable()
    this.getInsuranceChart()
    this.getTownTable()
    // this.getshiyeTable()
    // this.getGongshangTable()
  },
  filters: {
    dataFilter(type) {
@@ -1327,7 +1066,7 @@
          this.TownTable = res.list
        }
      })
    }
    },
  }
};
</script>
@@ -1597,16 +1336,11 @@
        box-sizing: border-box;
        display: flex;
        .shuju-table {
          width: 3.1328125rem /* 802/256 */
        ;
          height: 1.2109375rem /* 310/256 */
        ;
        }
      }
      .shuju-table {
        width: 100%;
        width: 3.1328125rem /* 802/256 */;
        height: 1.2109375rem /* 310/256 */;
        display: flex;
        flex-direction: column;
@@ -1615,8 +1349,7 @@
          display: flex;
          .biao-title {
            width: 0.859375rem /* 220/256 */
          ;
            width: 0.859375rem /* 220/256 */;
          }
          .title-flex {
@@ -1628,6 +1361,7 @@
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            h1 {
              font-size: $fontSize-26;
@@ -1658,6 +1392,7 @@
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            h1 {
              font-size: $fontSize-26;
@@ -1666,9 +1401,12 @@
              line-height: 1.5;
            }
            .fontColor {
            .fontColorBlue {
              color: $color-blue;
            }
            .fontColorRed {
              color: #FF3939;
            }
          }
          .title-flex {