| | |
| | | <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> |
| | | |
| | |
| | | <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> |
| | | |
| | |
| | | <script> |
| | | import echarts from "echarts/lib/echarts"; |
| | | import nowSize from "../../../libs/nowSize"; |
| | | import shiyeAndgongshangBaoxian from "../../components/index/shiyeAndgongshangBaoxian"; |
| | | import { |
| | | getInsured, |
| | | getInstitution, |
| | |
| | | getLabourTable, |
| | | getLabourChart, |
| | | getInsuranceChart, |
| | | getTownTable |
| | | getTownTable, |
| | | } from "@/api/index"; |
| | | |
| | | export default { |
| | | name: "index", |
| | | components: { |
| | | shiyeAndgongshangBaoxian |
| | | }, |
| | | data() { |
| | | return { |
| | | // 被保险人 |
| | |
| | | jieyu: [] |
| | | }, |
| | | // 27. 查询首页城镇职工养老表格数据接口 |
| | | TownTable: [] |
| | | TownTable: [], |
| | | // 28.失业保险 |
| | | type:'', |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | this.getPersonnel() |
| | | this.getLabourTable() |
| | | this.getLabourChart() |
| | | this.getInsuranceChart(), |
| | | this.getTownTable() |
| | | this.getInsuranceChart() |
| | | this.getTownTable() |
| | | // this.getshiyeTable() |
| | | // this.getGongshangTable() |
| | | }, |
| | | filters: { |
| | | dataFilter(type) { |
| | |
| | | this.TownTable = res.list |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | 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; |
| | | |
| | |
| | | display: flex; |
| | | |
| | | .biao-title { |
| | | width: 0.859375rem /* 220/256 */ |
| | | ; |
| | | width: 0.859375rem /* 220/256 */; |
| | | } |
| | | |
| | | .title-flex { |
| | |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | h1 { |
| | | font-size: $fontSize-26; |
| | |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | h1 { |
| | | font-size: $fontSize-26; |
| | |
| | | line-height: 1.5; |
| | | } |
| | | |
| | | .fontColor { |
| | | .fontColorBlue { |
| | | color: $color-blue; |
| | | } |
| | | .fontColorRed { |
| | | color: #FF3939; |
| | | } |
| | | } |
| | | |
| | | .title-flex { |