付延余
2022-04-26 48e1fbc279373f06b45789bbdc9a372923ba4325
src/pages/show/index/index.vue
@@ -329,7 +329,7 @@
              </div>
            </div>
            <div class="shuju-scroll">
              <div class="shuju-table-line2" v-for="(item,index) in TownTable" :key="index">
              <div class="shuju-table-line2 chengzhen_scroll" v-for="(item,index) in TownTable" :key="index">
                <div class="biao-title">
                  <h1>{{ item.name }}</h1>
                </div>
@@ -345,102 +345,102 @@
                  </div>
                </div>
              </div>
<!--              <div class="shuju-table-line2 shuju-bj-color">-->
<!--                <div class="biao-title">-->
<!--                  <h1>在职(万人)</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>217.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>13.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>142.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="shuju-table-line2">-->
<!--                <div class="biao-title">-->
<!--                  <h1>离退休(万人)</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>23.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>16.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>52.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="shuju-table-line2">-->
<!--                <div class="biao-title">-->
<!--                  <h1>供养比</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>3.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>2.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>1.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="shuju-table-line2">-->
<!--                <div class="biao-title">-->
<!--                  <h1>收入(亿元)</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>233.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>24.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>341.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="shuju-table-line2">-->
<!--                <div class="biao-title">-->
<!--                  <h1>支出(亿元)</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>533.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>84.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>541.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="shuju-table-line2">-->
<!--                <div class="biao-title">-->
<!--                  <h1>结余(亿元)</h1>-->
<!--                </div>-->
<!--                <div class="title-flex">-->
<!--                  <div class="title">-->
<!--                    <h1>33.8</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>34.5</h1>-->
<!--                  </div>-->
<!--                  <div class="title">-->
<!--                    <h1>341.3</h1>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
              <!--              <div class="shuju-table-line2 shuju-bj-color">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>在职(万人)</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>217.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>13.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>142.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
              <!--              <div class="shuju-table-line2">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>离退休(万人)</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>23.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>16.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>52.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
              <!--              <div class="shuju-table-line2">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>供养比</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>3.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>2.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>1.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
              <!--              <div class="shuju-table-line2">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>收入(亿元)</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>233.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>24.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>341.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
              <!--              <div class="shuju-table-line2">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>支出(亿元)</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>533.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>84.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>541.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
              <!--              <div class="shuju-table-line2">-->
              <!--                <div class="biao-title">-->
              <!--                  <h1>结余(亿元)</h1>-->
              <!--                </div>-->
              <!--                <div class="title-flex">-->
              <!--                  <div class="title">-->
              <!--                    <h1>33.8</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>34.5</h1>-->
              <!--                  </div>-->
              <!--                  <div class="title">-->
              <!--                    <h1>341.3</h1>-->
              <!--                  </div>-->
              <!--                </div>-->
              <!--              </div>-->
            </div>
          </div>
          <div class="shuju-echarts" id="chengzhenZhigongYanglaoEcharts"></div>
@@ -805,7 +805,7 @@
        jieyu: []
      },
      // 27. 查询首页城镇职工养老表格数据接口
      TownTable:[]
      TownTable: []
    }
  },
  mounted() {
@@ -1275,8 +1275,8 @@
      })
    },
    // 25. 查询首页就业数据折线图接口
    getLabourChart() {
      getLabourChart().then(res => {
    async getLabourChart() {
      await getLabourChart().then(res => {
        if (res.code === 1000) {
          this.JiuYeEchart.LabourChartYear = res.obj.years;
          this.JiuYeEchart.addJob = res.obj.addJob;
@@ -1323,7 +1323,7 @@
    getTownTable() {
      getTownTable().then(res => {
        console.log(res);
        if(res.code ===1000){
        if (res.code === 1000) {
          this.TownTable = res.list
        }
      })
@@ -1693,6 +1693,29 @@
            }
          }
        }
        // 城市职工养老第2,3条数据
        .chengzhen_scroll {
          &:nth-of-type(2) {
            background: rgba(81, 210, 255, 0.10);
            h1 {
              font-size: 24px;
              line-height: 1;
              color: #999999;
            }
          }
          &:nth-of-type(3) {
            background: rgba(81, 210, 255, 0.10);
            h1 {
              font-size: 24px;
              line-height: 1;
              color: #999999;
            }
          }
        }
        .shuju-bj-color {
          background: rgba(81, 210, 255, 0.10);