jiashicang-front.git

			@@ -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>
			@@ -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) {
			@@ -1275,8 +1014,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,11 +1062,11 @@
			getTownTable() {
			getTownTable().then(res => {
			console.log(res);
			if(res.code ===1000){
			if (res.code === 1000) {
			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,8 +1401,11 @@
			line-height: 1.5;
			}

			.fontColor {
			.fontColorBlue {
			color: $color-blue;
			}
			.fontColorRed {
			color: #FF3939;
			}
			}

			@@ -1693,6 +1431,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);