From 77536cfa95b1e3c5e60f94dce3a53aa2e93f121a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 14 九月 2022 17:35:54 +0800
Subject: [PATCH] echarts添加显示隐藏按钮
---
src/pages/show/index/index.vue | 723 +++++++++++++++++++++---------------------------------
1 files changed, 285 insertions(+), 438 deletions(-)
diff --git a/src/pages/show/index/index.vue b/src/pages/show/index/index.vue
index a906a49..20c3173 100644
--- a/src/pages/show/index/index.vue
+++ b/src/pages/show/index/index.vue
@@ -35,14 +35,14 @@
<h1>甯傚�间簨涓氬崟浣�</h1>
<div class="danwei-box">
<h2 class="rightMargin"><font class="bigger">{{ Institution.shizhi }}</font>瀹�</h2>
- <h2 class="rightMargin"><font class="bigger">{{ Institution.shizhiren }}</font>浜�</h2>
+ <h2 class="rightMargin"><font class="bigger">{{ Institution.shizhiren }}</font>涓囦汉</h2>
</div>
</div>
<div class="inside-left2">
<h1>鍘匡紙甯傘�佸尯锛�</h1>
<div class="danwei-box">
<h2 class="rightMargin"><font class="bigger">{{ Institution.xian }}</font>瀹�</h2>
- <h2 class="rightMargin"><font class="bigger">{{ Institution.xianren }}</font>浜�</h2>
+ <h2 class="rightMargin"><font class="bigger">{{ Institution.xianren }}</font>涓囦汉</h2>
</div>
</div>
</div>
@@ -203,20 +203,20 @@
</div>
<template>
<div class="content">
- <h1>{{ item.dataType | dataFilter }}</h1>
+ <h1 style="text-align: left">{{ item.dataType | dataFilter }}</h1>
</div>
</template>
</el-tooltip>
</div>
<div class="title-flex">
<div class="title">
- <h1>{{ item.monthData }}</h1>
+ <h1 style="text-align: left">{{ item.monthData }}</h1>
</div>
<div class="title">
<h1>{{ item.yearData }}</h1>
</div>
<div class="title">
- <h1 class="fontColor">{{ item.finishRate }}</h1>
+ <h1 class="fontColorBlue">{{ item.finishRate }}</h1>
</div>
<div class="title">
<h1>{{ item.plan }}</h1>
@@ -329,118 +329,118 @@
</div>
</div>
<div class="shuju-scroll">
- <div class="shuju-table-line2">
+ <div class="shuju-table-line2 chengzhen_scroll" v-for="(item,index) in TownTable" :key="index">
<div class="biao-title">
- <h1>浜烘暟锛堜竾浜猴級</h1>
+ <h1>{{ item.name }}</h1>
</div>
<div class="title-flex">
<div class="title">
- <h1>277.8</h1>
+ <h1>{{ item.total }}</h1>
</div>
<div class="title">
- <h1>35.5</h1>
+ <h1>{{ item.office }}</h1>
</div>
<div class="title">
- <h1>242.3</h1>
+ <h1>{{ item.enterprise }}</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 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,
@@ -752,11 +484,16 @@
getLoan,
getPersonnel,
getLabourTable,
- getLabourChart
+ getLabourChart,
+ getInsuranceChart,
+ getTownTable
} from "@/api/index";
export default {
name: "index",
+ components: {
+ shiyeAndgongshangBaoxian
+ },
data() {
return {
// 琚繚闄╀汉
@@ -774,13 +511,42 @@
// 24. 鏌ヨ棣栭〉灏变笟鏁版嵁琛ㄦ牸鎺ュ彛
LabourTable: {},
// 25.棣栭〉灏变笟鏁版嵁鎶樼嚎鍥�
- addJob: [],
- reJob: [],
- hardJob: [],
- LabourChartYear: []
+ JiuYeEchart: {
+ addJob: [],
+ reJob: [],
+ hardJob: [],
+ LabourChartYear: []
+ },
+ // 26. 鏌ヨ棣栭〉鍏昏�併�佸伐浼ゃ�佸け涓氫繚闄╂姌绾垮浘鎺ュ彛
+ // 鍩庨晣鑱屽伐鍏昏��
+ YangLaoEchart: {
+ years: [],
+ shouru: [],
+ zhichu: [],
+ jieyu: []
+ },
+ // 澶变笟淇濋櫓
+ ShiYeEchart: {
+ years: [],
+ shouru: [],
+ zhichu: [],
+ jieyu: []
+ },
+ // 宸ヤ激
+ GongShangEchart: {
+ years: [],
+ shouru: [],
+ zhichu: [],
+ jieyu: []
+ },
+ // 27. 鏌ヨ棣栭〉鍩庨晣鑱屽伐鍏昏�佽〃鏍兼暟鎹帴鍙�
+ TownTable: [],
+ // 28.澶变笟淇濋櫓
+ type: '',
}
},
mounted() {
+ console.log(this.$store.state.user.token, 'state=======')
this.jiuyeshujuEcharts()
this.chengzhenZhigongYanglaoEcharts()
this.shiyeBaoxianEcharts()
@@ -793,6 +559,10 @@
this.getPersonnel()
this.getLabourTable()
this.getLabourChart()
+ this.getInsuranceChart()
+ this.getTownTable()
+ // this.getshiyeTable()
+ // this.getGongshangTable()
},
filters: {
dataFilter(type) {
@@ -826,7 +596,6 @@
trigger: 'axis'
},
legend: {
- data: ['鎬绘暟', '鍦ㄨ亴鑱屽伐', '绂婚��浼�'],
itemWidth: nowSize(24),
itemHeight: nowSize(4),
itemGap: nowSize(10),
@@ -847,7 +616,7 @@
xAxis: {
type: 'category',
boundaryGap: false,
- data: this.LabourChartYear,
+ data: this.JiuYeEchart.LabourChartYear,
axisLabel: {
show: true,
textStyle: {
@@ -891,19 +660,19 @@
}
},
series: [{
- name: '鎬绘暟',
+ name: '鍩庨晣鏂板灏变笟',
type: 'line',
- data: this.addJob
+ data: this.JiuYeEchart.addJob
},
{
- name: '鍦ㄨ亴鑱屽伐',
+ name: '澶变笟鍐嶅氨涓�',
type: 'line',
- data: this.reJob
+ data: this.JiuYeEchart.reJob
},
{
- name: '绂婚��浼�',
+ name: '鍥伴毦鍐嶅氨涓�',
type: 'line',
- data: this.hardJob
+ data: this.JiuYeEchart.hardJob
}]
};
myEchart.setOption(option)
@@ -921,11 +690,10 @@
trigger: 'axis'
},
legend: {
- data: ['鎬绘暟', '鍦ㄨ亴鑱屽伐', '绂婚��浼�'],
itemWidth: nowSize(24),
itemHeight: nowSize(4),
itemGap: nowSize(10),
- right: '0%',
+ right: '10%',
top: '0%',
textStyle: {
color: '#FFFFFF',
@@ -942,7 +710,7 @@
xAxis: {
type: 'category',
boundaryGap: false,
- data: ['2021/4', '2021/5', '2021/6', '2021/7', '2021/8', '2021/9', '2021/10'],
+ data: this.YangLaoEchart.years,
axisLabel: {
show: true,
textStyle: {
@@ -983,19 +751,19 @@
},
series: [
{
- name: '鎬绘暟',
+ name: '鏀跺叆',
type: 'line',
- data: [370, 332, 401, 534, 490, 530, 910]
+ data: this.YangLaoEchart.shouru
},
{
- name: '鍦ㄨ亴鑱屽伐',
+ name: '鏀嚭',
type: 'line',
- data: [220, 182, 191, 234, 290, 330, 310]
+ data: this.YangLaoEchart.zhichu
},
{
- name: '绂婚��浼�',
+ name: '缁撲綑',
type: 'line',
- data: [150, 132, 201, 154, 190, 330, 410]
+ data: this.YangLaoEchart.jieyu
}
]
};
@@ -1014,11 +782,10 @@
trigger: 'axis'
},
legend: {
- data: ['鎬绘暟', '鍦ㄨ亴鑱屽伐', '绂婚��浼�'],
itemWidth: nowSize(24),
itemHeight: nowSize(4),
itemGap: nowSize(1),
- right: '0%',
+ right: '10%',
top: '0%',
textStyle: {
color: '#FFFFFF',
@@ -1035,7 +802,7 @@
xAxis: {
type: 'category',
boundaryGap: false,
- data: ['2021/4', '2021/5', '2021/6', '2021/7', '2021/8', '2021/9', '2021/10'],
+ data: this.ShiYeEchart.years,
axisLabel: {
show: true,
textStyle: {
@@ -1076,19 +843,19 @@
},
series: [
{
- name: '鎬绘暟',
+ name: '鏀跺叆',
type: 'line',
- data: [370, 332, 401, 534, 490, 530, 910]
+ data: this.ShiYeEchart.shouru
},
{
- name: '鍦ㄨ亴鑱屽伐',
+ name: '鏀嚭',
type: 'line',
- data: [220, 182, 191, 234, 290, 330, 310]
+ data: this.ShiYeEchart.zhichu
},
{
- name: '绂婚��浼�',
+ name: '缁撲綑',
type: 'line',
- data: [150, 132, 201, 154, 190, 330, 410]
+ data: this.ShiYeEchart.jieyu
}
]
};
@@ -1107,11 +874,10 @@
trigger: 'axis'
},
legend: {
- data: ['鎬绘暟', '鍦ㄨ亴鑱屽伐', '绂婚��浼�'],
itemWidth: nowSize(24),
itemHeight: nowSize(4),
itemGap: nowSize(10),
- right: '0%',
+ right: '10%',
top: '0%',
textStyle: {
color: '#FFFFFF',
@@ -1128,7 +894,7 @@
xAxis: {
type: 'category',
boundaryGap: false,
- data: ['2021/4', '2021/5', '2021/6', '2021/7', '2021/8', '2021/9', '2021/10'],
+ data: this.GongShangEchart.years,
axisLabel: {
show: true,
textStyle: {
@@ -1169,19 +935,19 @@
},
series: [
{
- name: '鎬绘暟',
+ name: '鏀跺叆',
type: 'line',
- data: [370, 332, 401, 534, 490, 530, 910]
+ data: this.GongShangEchart.shouru
},
{
- name: '鍦ㄨ亴鑱屽伐',
+ name: '鏀嚭',
type: 'line',
- data: [220, 182, 191, 234, 290, 330, 310]
+ data: this.GongShangEchart.zhichu
},
{
- name: '绂婚��浼�',
+ name: '缁撲綑',
type: 'line',
- data: [150, 132, 201, 154, 190, 330, 410]
+ data: this.GongShangEchart.jieyu
}
]
};
@@ -1249,15 +1015,56 @@
})
},
// 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;
+ this.JiuYeEchart.reJob = res.obj.hardJob;
+ this.JiuYeEchart.hardJob = res.obj.reJob;
+ this.jiuyeshujuEcharts()
+ }
+ })
+ },
+ // 26. 鏌ヨ棣栭〉鍏昏�併�佸伐浼ゃ�佸け涓氫繚闄╂姌绾垮浘鎺ュ彛
+ async getInsuranceChart() {
+ // 鍩庨晣鑱屽伐鍏昏��
+ await getInsuranceChart({type: 1}).then(res => {
+ if (res.code === 1000) {
+ this.YangLaoEchart.shouru = res.obj.shouru
+ this.YangLaoEchart.zhichu = res.obj.zhichu
+ this.YangLaoEchart.jieyu = res.obj.jieyu
+ this.YangLaoEchart.years = res.obj.years
+ this.chengzhenZhigongYanglaoEcharts()
+ }
+ })
+ // 澶变笟淇濋櫓
+ await getInsuranceChart({type: 5}).then(res => {
+ if (res.code === 1000) {
+ this.ShiYeEchart.shouru = res.obj.shouru
+ this.ShiYeEchart.zhichu = res.obj.zhichu
+ this.ShiYeEchart.jieyu = res.obj.jieyu
+ this.ShiYeEchart.years = res.obj.years
+ this.shiyeBaoxianEcharts()
+ }
+ })
+ // 宸ヤ激淇濋櫓
+ await getInsuranceChart({type: 6}).then(res => {
+ if (res.code === 1000) {
+ this.GongShangEchart.shouru = res.obj.shouru
+ this.GongShangEchart.zhichu = res.obj.zhichu
+ this.GongShangEchart.jieyu = res.obj.jieyu
+ this.GongShangEchart.years = res.obj.years
+ this.gongshangBaoxianEcharts()
+ }
+ })
+ },
+ // 27. 鏌ヨ棣栭〉鍩庨晣鑱屽伐鍏昏�佽〃鏍兼暟鎹帴鍙�
+ getTownTable() {
+ getTownTable().then(res => {
console.log(res);
if (res.code === 1000) {
- this.LabourChartYear = res.obj.years;
- this.addJob = res.obj.addJob;
- this.reJob = res.obj.hardJob;
- this.hardJob = res.obj.reJob;
- this.jiuyeshujuEcharts()
+ this.TownTable = res.list
}
})
}
@@ -1297,9 +1104,9 @@
position: relative;
img {
- width: 0.3125rem /* 80/256 */
+ width: 0.2890625rem /* 74/256 */
;
- height: 0.3125rem /* 80/256 */
+ height: 0.2890625rem /* 74/256 */
;
}
@@ -1308,6 +1115,8 @@
text-align: center;
font-size: $fontSize-24;
line-height: 1.3;
+ font-family: Source Han Sans CN, Source Han Sans CN-Light;
+ font-weight: 300;
}
h2 {
@@ -1342,10 +1151,15 @@
.inside-box-block {
display: flex;
- width: 50%;
- justify-content: center;
+ width: calc(50% - 30px);
+ justify-content: left;
align-items: center;
-
+ &:nth-child(1){
+ margin-left: 30px;
+ }
+ &:nth-child(3){
+ margin-left: 30px;
+ }
.line-center {
display: flex;
flex-direction: column;
@@ -1473,6 +1287,8 @@
font-size: $fontSize-20;
color: $color-dark;
text-align: center;
+ font-family: Source Han Sans CN, Source Han Sans CN-Bold;
+ font-weight: 700;
}
}
}
@@ -1504,6 +1320,8 @@
font-size: $fontSize-32;
color: $color-blue;
position: relative;
+ font-family: Source Han Sans CN, Source Han Sans CN-Regular;
+ font-weight: 400;
&:after {
content: '';
@@ -1530,16 +1348,13 @@
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;
@@ -1561,6 +1376,7 @@
flex: 1;
display: flex;
align-items: center;
+ justify-content: center;
h1 {
font-size: $fontSize-26;
@@ -1591,6 +1407,7 @@
flex: 1;
display: flex;
align-items: center;
+ justify-content: center;
h1 {
font-size: $fontSize-26;
@@ -1599,8 +1416,12 @@
line-height: 1.5;
}
- .fontColor {
+ .fontColorBlue {
color: $color-blue;
+ }
+
+ .fontColorRed {
+ color: #FF3939;
}
}
@@ -1610,7 +1431,7 @@
}
.biao-title {
- width: 0.859375rem /* 220/256 */
+ width: 0.859375rem /* 220/256 */
;
h1 {
@@ -1618,6 +1439,8 @@
color: $color-white;
text-align: right;
line-height: 1.5;
+ font-family: Source Han Sans CN, Source Han Sans CN-Light;
+ font-weight: 300;
@include ellipsis()
}
@@ -1627,6 +1450,30 @@
}
}
+ // 鍩庡競鑱屽伐鍏昏�佺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);
}
--
Gitblit v1.9.1