| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | jieyu: [] |
| | | }, |
| | | // 27. 查询首页城镇职工养老表格数据接口 |
| | | TownTable:[] |
| | | TownTable: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | }) |
| | | }, |
| | | // 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; |
| | |
| | | getTownTable() { |
| | | getTownTable().then(res => { |
| | | console.log(res); |
| | | if(res.code ===1000){ |
| | | if (res.code === 1000) { |
| | | this.TownTable = res.list |
| | | } |
| | | }) |
| | |
| | | } |
| | | } |
| | | } |
| | | // 城市职工养老第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); |