From 08b5ddfa9a0a2ed52bd7d7b98ca16ef4dcc610a6 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期二, 13 九月 2022 14:19:43 +0800
Subject: [PATCH] 页面修改
---
src/pages/show/index/index.vue | 1853 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 936 insertions(+), 917 deletions(-)
diff --git a/src/pages/show/index/index.vue b/src/pages/show/index/index.vue
index 7282399..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>
@@ -473,1000 +473,1019 @@
</div>
</template>
<script>
-import echarts from "echarts/lib/echarts";
-import nowSize from "../../../libs/nowSize";
-import shiyeAndgongshangBaoxian from "../../components/index/shiyeAndgongshangBaoxian";
-import {
- getInsured,
- getInstitution,
- getIncome,
- getMigrant,
- getLoan,
- getPersonnel,
- getLabourTable,
- getLabourChart,
- getInsuranceChart,
- getTownTable
-} from "@/api/index";
+ import echarts from "echarts/lib/echarts";
+ import nowSize from "../../../libs/nowSize";
+ import shiyeAndgongshangBaoxian from "../../components/index/shiyeAndgongshangBaoxian";
+ import {
+ getInsured,
+ getInstitution,
+ getIncome,
+ getMigrant,
+ getLoan,
+ getPersonnel,
+ getLabourTable,
+ getLabourChart,
+ getInsuranceChart,
+ getTownTable
+ } from "@/api/index";
-export default {
- name: "index",
- components: {
- shiyeAndgongshangBaoxian
- },
- data() {
- return {
- // 琚繚闄╀汉
- Insured: {},
- // 棣栭〉甯傜洿鍗曚綅鏁版嵁
- Institution: {},
- // 浜哄潎鍙敮閰嶆敹鍏�
- Income: {},
- // 鏌ヨ娆犺柂杩界即
- Migrant: {},
- // 鏌ヨ鍒涗笟鎷呬繚璐锋鏁版嵁鎺ュ彛
- Loan: {},
- // 23. 鏌ヨ浜烘墠寤鸿鏁版嵁鎺ュ彛
- Personnel: {},
- // 24. 鏌ヨ棣栭〉灏变笟鏁版嵁琛ㄦ牸鎺ュ彛
- LabourTable: {},
- // 25.棣栭〉灏变笟鏁版嵁鎶樼嚎鍥�
- 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() {
- this.jiuyeshujuEcharts()
- this.chengzhenZhigongYanglaoEcharts()
- this.shiyeBaoxianEcharts()
- this.gongshangBaoxianEcharts()
- this.getInsured()
- this.getInstitution()
- this.getIncome()
- this.getMigrant()
- this.getLoan()
- this.getPersonnel()
- this.getLabourTable()
- this.getLabourChart()
- this.getInsuranceChart()
- this.getTownTable()
- // this.getshiyeTable()
- // this.getGongshangTable()
- },
- filters: {
- dataFilter(type) {
- switch (type) {
- case '1':
- return '鍩庨晣鏂板灏变笟浜烘暟'
- break
- case '2':
- return '鍩庨晣澶变笟浜哄憳瀹炵幇鍐嶅氨涓氫汉鏁�'
- break
- case '3':
- return '鍩庨晣灏变笟鍥伴毦浜哄憳瀹炵幇鍐嶅氨涓氫汉鏁�'
- break
- case '4':
- return '鍐滄潙鍔冲姩鍔涘悜闈炲啘浜т笟杞Щ浜烘暟'
- case '7':
- return '鍩庨晣鐧昏澶变笟鐜�'
- default:
- break
- }
- }
- },
- methods: {
- /*灏变笟鏁版嵁*/
- jiuyeshujuEcharts() {
- let myEchart = this.$echarts.init(document.getElementById('jiuyeshujuEcharts'))
- let option = {
- color: ['#FF5151', '#51FF5D', '#FFD151'],
- tooltip: {
- show: true,
- trigger: 'axis'
+ export default {
+ name: "index",
+ components: {
+ shiyeAndgongshangBaoxian
},
- legend: {
- itemWidth: nowSize(24),
- itemHeight: nowSize(4),
- itemGap: nowSize(10),
- right: '0%',
- top: '0%',
- textStyle: {
- color: '#FFFFFF',
- fontSize: nowSize(18),
- }
- },
- grid: {
- top: '20%',
- left: '3%',
- right: '5%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: this.JiuYeEchart.LabourChartYear,
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
+ data() {
+ return {
+ // 琚繚闄╀汉
+ Insured: {},
+ // 棣栭〉甯傜洿鍗曚綅鏁版嵁
+ Institution: {},
+ // 浜哄潎鍙敮閰嶆敹鍏�
+ Income: {},
+ // 鏌ヨ娆犺柂杩界即
+ Migrant: {},
+ // 鏌ヨ鍒涗笟鎷呬繚璐锋鏁版嵁鎺ュ彛
+ Loan: {},
+ // 23. 鏌ヨ浜烘墠寤鸿鏁版嵁鎺ュ彛
+ Personnel: {},
+ // 24. 鏌ヨ棣栭〉灏变笟鏁版嵁琛ㄦ牸鎺ュ彛
+ LabourTable: {},
+ // 25.棣栭〉灏变笟鏁版嵁鎶樼嚎鍥�
+ 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: '',
}
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
+ },
+ mounted() {
+ console.log(this.$store.state.user.token, 'state=======')
+ this.jiuyeshujuEcharts()
+ this.chengzhenZhigongYanglaoEcharts()
+ this.shiyeBaoxianEcharts()
+ this.gongshangBaoxianEcharts()
+ this.getInsured()
+ this.getInstitution()
+ this.getIncome()
+ this.getMigrant()
+ this.getLoan()
+ this.getPersonnel()
+ this.getLabourTable()
+ this.getLabourChart()
+ this.getInsuranceChart()
+ this.getTownTable()
+ // this.getshiyeTable()
+ // this.getGongshangTable()
+ },
+ filters: {
+ dataFilter(type) {
+ switch (type) {
+ case '1':
+ return '鍩庨晣鏂板灏变笟浜烘暟'
+ break
+ case '2':
+ return '鍩庨晣澶变笟浜哄憳瀹炵幇鍐嶅氨涓氫汉鏁�'
+ break
+ case '3':
+ return '鍩庨晣灏变笟鍥伴毦浜哄憳瀹炵幇鍐嶅氨涓氫汉鏁�'
+ break
+ case '4':
+ return '鍐滄潙鍔冲姩鍔涘悜闈炲啘浜т笟杞Щ浜烘暟'
+ case '7':
+ return '鍩庨晣鐧昏澶变笟鐜�'
+ default:
+ break
+ }
}
- },
- splitLine: {
- show: false
- }
},
- yAxis: {
- type: 'value',
- axisLabel: {
- show: false,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
+ methods: {
+ /*灏变笟鏁版嵁*/
+ jiuyeshujuEcharts() {
+ let myEchart = this.$echarts.init(document.getElementById('jiuyeshujuEcharts'))
+ let option = {
+ color: ['#FF5151', '#51FF5D', '#FFD151'],
+ tooltip: {
+ show: true,
+ trigger: 'axis'
+ },
+ legend: {
+ itemWidth: nowSize(24),
+ itemHeight: nowSize(4),
+ itemGap: nowSize(10),
+ right: '0%',
+ top: '0%',
+ textStyle: {
+ color: '#FFFFFF',
+ fontSize: nowSize(18),
+ }
+ },
+ grid: {
+ top: '20%',
+ left: '3%',
+ right: '5%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: this.JiuYeEchart.LabourChartYear,
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ show: false,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ },
+ // 鍒诲害璁剧疆
+ axisTick: {
+ show: false
+ }
+ },
+ series: [{
+ name: '鍩庨晣鏂板灏变笟',
+ type: 'line',
+ data: this.JiuYeEchart.addJob
+ },
+ {
+ name: '澶变笟鍐嶅氨涓�',
+ type: 'line',
+ data: this.JiuYeEchart.reJob
+ },
+ {
+ name: '鍥伴毦鍐嶅氨涓�',
+ type: 'line',
+ data: this.JiuYeEchart.hardJob
+ }]
+ };
+ myEchart.setOption(option)
+ window.addEventListener('resize', function () {
+ myEchart.resize()
+ })
+ },
+ /*鍩庨晣鑱屽伐鍏昏��*/
+ chengzhenZhigongYanglaoEcharts() {
+ let myEchart = this.$echarts.init(document.getElementById('chengzhenZhigongYanglaoEcharts'))
+ let option = {
+ color: ['#FF5151', '#51FF5D', '#FFD151'],
+ tooltip: {
+ show: true,
+ trigger: 'axis'
+ },
+ legend: {
+ itemWidth: nowSize(24),
+ itemHeight: nowSize(4),
+ itemGap: nowSize(10),
+ right: '10%',
+ top: '0%',
+ textStyle: {
+ color: '#FFFFFF',
+ fontSize: nowSize(18),
+ }
+ },
+ grid: {
+ top: '20%',
+ left: '1%',
+ right: '5%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: this.YangLaoEchart.years,
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ series: [
+ {
+ name: '鏀跺叆',
+ type: 'line',
+ data: this.YangLaoEchart.shouru
+ },
+ {
+ name: '鏀嚭',
+ type: 'line',
+ data: this.YangLaoEchart.zhichu
+ },
+ {
+ name: '缁撲綑',
+ type: 'line',
+ data: this.YangLaoEchart.jieyu
+ }
+ ]
+ };
+ myEchart.setOption(option)
+ window.addEventListener('resize', function () {
+ myEchart.resize()
+ })
+ },
+ /*澶变笟淇濋櫓*/
+ shiyeBaoxianEcharts() {
+ let myEchart = this.$echarts.init(document.getElementById('shiyeBaoxianEcharts'))
+ let option = {
+ color: ['#FF5151', '#51FF5D', '#FFD151'],
+ tooltip: {
+ show: true,
+ trigger: 'axis'
+ },
+ legend: {
+ itemWidth: nowSize(24),
+ itemHeight: nowSize(4),
+ itemGap: nowSize(1),
+ right: '10%',
+ top: '0%',
+ textStyle: {
+ color: '#FFFFFF',
+ fontSize: nowSize(18),
+ }
+ },
+ grid: {
+ top: '20%',
+ left: '1%',
+ right: '5%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: this.ShiYeEchart.years,
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ series: [
+ {
+ name: '鏀跺叆',
+ type: 'line',
+ data: this.ShiYeEchart.shouru
+ },
+ {
+ name: '鏀嚭',
+ type: 'line',
+ data: this.ShiYeEchart.zhichu
+ },
+ {
+ name: '缁撲綑',
+ type: 'line',
+ data: this.ShiYeEchart.jieyu
+ }
+ ]
+ };
+ myEchart.setOption(option)
+ window.addEventListener('resize', function () {
+ myEchart.resize()
+ })
+ },
+ /*宸ヤ激淇濋櫓*/
+ gongshangBaoxianEcharts() {
+ let myEchart = this.$echarts.init(document.getElementById('gongshangBaoxianEcharts'))
+ let option = {
+ color: ['#FF5151', '#51FF5D', '#FFD151'],
+ tooltip: {
+ show: true,
+ trigger: 'axis'
+ },
+ legend: {
+ itemWidth: nowSize(24),
+ itemHeight: nowSize(4),
+ itemGap: nowSize(10),
+ right: '10%',
+ top: '0%',
+ textStyle: {
+ color: '#FFFFFF',
+ fontSize: nowSize(18),
+ }
+ },
+ grid: {
+ top: '20%',
+ left: '1%',
+ right: '5%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: this.GongShangEchart.years,
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: "#fff",
+ fontSize: nowSize(20)
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: "#999999",
+ width: 1,
+ type: "solid"
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ series: [
+ {
+ name: '鏀跺叆',
+ type: 'line',
+ data: this.GongShangEchart.shouru
+ },
+ {
+ name: '鏀嚭',
+ type: 'line',
+ data: this.GongShangEchart.zhichu
+ },
+ {
+ name: '缁撲綑',
+ type: 'line',
+ data: this.GongShangEchart.jieyu
+ }
+ ]
+ };
+ myEchart.setOption(option)
+ window.addEventListener('resize', function () {
+ myEchart.resize()
+ })
+ },
+ // 鏌ヨ棣栭〉鍏昏�佷繚闄╁弬淇濅汉鏁帮紝绀句繚鍗′汉鏁�
+ getInsured() {
+ getInsured().then(res => {
+ if (res.code === 1000) {
+ this.Insured = res.obj
+ } else {
+ this.$message.error('鑾峰彇淇℃伅澶辫触')
+ }
+ })
+ },
+ // 鏌ヨ棣栭〉甯傜洿鍗曚綅鏁版嵁鎺ュ彛
+ getInstitution() {
+ getInstitution().then(res => {
+ if (res.code === 1000) {
+ this.Institution = res.obj
+ } else {
+ this.$message.error('鑾峰彇淇℃伅澶辫触')
+ }
+ })
+ },
+ // 鏌ヨ浜哄潎鍙敮閰嶆敹鍏ユ暟鎹帴鍙�
+ getIncome() {
+ getIncome().then(res => {
+ if (res.code === 1000) {
+ this.Income = res.obj
+ }
+ })
+ },
+ // 鏌ヨ娆犺柂杩界即鏁版嵁鎺ュ彛
+ getMigrant() {
+ getMigrant().then(res => {
+ if (res.code === 1000) {
+ this.Migrant = res.obj
+ }
+ })
+ },
+ // 鏌ヨ鍒涗笟鎷呬繚璐锋鏁版嵁鎺ュ彛
+ getLoan() {
+ getLoan().then(res => {
+ if (res.code === 1000) {
+ this.Loan = res.obj
+ }
+ })
+ },
+ // 23. 鏌ヨ浜烘墠寤鸿鏁版嵁鎺ュ彛
+ getPersonnel() {
+ getPersonnel().then(res => {
+ if (res.code === 1000) {
+ this.Personnel = res.obj
+ }
+ })
+ },
+ // 24. 鏌ヨ棣栭〉灏变笟鏁版嵁琛ㄦ牸鎺ュ彛
+ getLabourTable() {
+ getLabourTable().then(res => {
+ this.LabourTable = res.list
+ })
+ },
+ // 25. 鏌ヨ棣栭〉灏变笟鏁版嵁鎶樼嚎鍥炬帴鍙�
+ 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.TownTable = res.list
+ }
+ })
}
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- },
- // 鍒诲害璁剧疆
- axisTick: {
- show: false
- }
- },
- series: [{
- name: '鍩庨晣鏂板灏变笟',
- type: 'line',
- data: this.JiuYeEchart.addJob
- },
- {
- name: '澶变笟鍐嶅氨涓�',
- type: 'line',
- data: this.JiuYeEchart.reJob
- },
- {
- name: '鍥伴毦鍐嶅氨涓�',
- type: 'line',
- data: this.JiuYeEchart.hardJob
- }]
- };
- myEchart.setOption(option)
- window.addEventListener('resize', function () {
- myEchart.resize()
- })
- },
- /*鍩庨晣鑱屽伐鍏昏��*/
- chengzhenZhigongYanglaoEcharts() {
- let myEchart = this.$echarts.init(document.getElementById('chengzhenZhigongYanglaoEcharts'))
- let option = {
- color: ['#FF5151', '#51FF5D', '#FFD151'],
- tooltip: {
- show: true,
- trigger: 'axis'
- },
- legend: {
- itemWidth: nowSize(24),
- itemHeight: nowSize(4),
- itemGap: nowSize(10),
- right: '10%',
- top: '0%',
- textStyle: {
- color: '#FFFFFF',
- fontSize: nowSize(18),
- }
- },
- grid: {
- top: '20%',
- left: '1%',
- right: '5%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: this.YangLaoEchart.years,
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- yAxis: {
- type: 'value',
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- series: [
- {
- name: '鏀跺叆',
- type: 'line',
- data: this.YangLaoEchart.shouru
- },
- {
- name: '鏀嚭',
- type: 'line',
- data: this.YangLaoEchart.zhichu
- },
- {
- name: '缁撲綑',
- type: 'line',
- data: this.YangLaoEchart.jieyu
- }
- ]
- };
- myEchart.setOption(option)
- window.addEventListener('resize', function () {
- myEchart.resize()
- })
- },
- /*澶变笟淇濋櫓*/
- shiyeBaoxianEcharts() {
- let myEchart = this.$echarts.init(document.getElementById('shiyeBaoxianEcharts'))
- let option = {
- color: ['#FF5151', '#51FF5D', '#FFD151'],
- tooltip: {
- show: true,
- trigger: 'axis'
- },
- legend: {
- itemWidth: nowSize(24),
- itemHeight: nowSize(4),
- itemGap: nowSize(1),
- right: '10%',
- top: '0%',
- textStyle: {
- color: '#FFFFFF',
- fontSize: nowSize(18),
- }
- },
- grid: {
- top: '20%',
- left: '1%',
- right: '5%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: this.ShiYeEchart.years,
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- yAxis: {
- type: 'value',
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- series: [
- {
- name: '鏀跺叆',
- type: 'line',
- data: this.ShiYeEchart.shouru
- },
- {
- name: '鏀嚭',
- type: 'line',
- data: this.ShiYeEchart.zhichu
- },
- {
- name: '缁撲綑',
- type: 'line',
- data: this.ShiYeEchart.jieyu
- }
- ]
- };
- myEchart.setOption(option)
- window.addEventListener('resize', function () {
- myEchart.resize()
- })
- },
- /*宸ヤ激淇濋櫓*/
- gongshangBaoxianEcharts() {
- let myEchart = this.$echarts.init(document.getElementById('gongshangBaoxianEcharts'))
- let option = {
- color: ['#FF5151', '#51FF5D', '#FFD151'],
- tooltip: {
- show: true,
- trigger: 'axis'
- },
- legend: {
- itemWidth: nowSize(24),
- itemHeight: nowSize(4),
- itemGap: nowSize(10),
- right: '10%',
- top: '0%',
- textStyle: {
- color: '#FFFFFF',
- fontSize: nowSize(18),
- }
- },
- grid: {
- top: '20%',
- left: '1%',
- right: '5%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: this.GongShangEchart.years,
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- yAxis: {
- type: 'value',
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: nowSize(20)
- }
- },
- axisLine: {
- lineStyle: {
- color: "#999999",
- width: 1,
- type: "solid"
- }
- },
- splitLine: {
- show: false
- }
- },
- series: [
- {
- name: '鏀跺叆',
- type: 'line',
- data: this.GongShangEchart.shouru
- },
- {
- name: '鏀嚭',
- type: 'line',
- data: this.GongShangEchart.zhichu
- },
- {
- name: '缁撲綑',
- type: 'line',
- data: this.GongShangEchart.jieyu
- }
- ]
- };
- myEchart.setOption(option)
- window.addEventListener('resize', function () {
- myEchart.resize()
- })
- },
- // 鏌ヨ棣栭〉鍏昏�佷繚闄╁弬淇濅汉鏁帮紝绀句繚鍗′汉鏁�
- getInsured() {
- getInsured().then(res => {
- if (res.code === 1000) {
- this.Insured = res.obj
- } else {
- this.$message.error('鑾峰彇淇℃伅澶辫触')
}
- })
- },
- // 鏌ヨ棣栭〉甯傜洿鍗曚綅鏁版嵁鎺ュ彛
- getInstitution() {
- getInstitution().then(res => {
- if (res.code === 1000) {
- this.Institution = res.obj
- } else {
- this.$message.error('鑾峰彇淇℃伅澶辫触')
- }
- })
- },
- // 鏌ヨ浜哄潎鍙敮閰嶆敹鍏ユ暟鎹帴鍙�
- getIncome() {
- getIncome().then(res => {
- if (res.code === 1000) {
- this.Income = res.obj
- }
- })
- },
- // 鏌ヨ娆犺柂杩界即鏁版嵁鎺ュ彛
- getMigrant() {
- getMigrant().then(res => {
- if (res.code === 1000) {
- this.Migrant = res.obj
- }
- })
- },
- // 鏌ヨ鍒涗笟鎷呬繚璐锋鏁版嵁鎺ュ彛
- getLoan() {
- getLoan().then(res => {
- if (res.code === 1000) {
- this.Loan = res.obj
- }
- })
- },
- // 23. 鏌ヨ浜烘墠寤鸿鏁版嵁鎺ュ彛
- getPersonnel() {
- getPersonnel().then(res => {
- if (res.code === 1000) {
- this.Personnel = res.obj
- }
- })
- },
- // 24. 鏌ヨ棣栭〉灏变笟鏁版嵁琛ㄦ牸鎺ュ彛
- getLabourTable() {
- getLabourTable().then(res => {
- this.LabourTable = res.list
- })
- },
- // 25. 鏌ヨ棣栭〉灏变笟鏁版嵁鎶樼嚎鍥炬帴鍙�
- 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.TownTable = res.list
- }
- })
- }
- }
-};
+ };
</script>
<style lang="scss" scoped>
-@import "../../../assets/css/base";
-@import "../../../assets/css/mixin";
+ @import "../../../assets/css/base";
+ @import "../../../assets/css/mixin";
-.index-wrap {
- width: 100%;
- height: 100%;
- padding: 0 0.078125rem /* 20/256 */
-;
- box-sizing: border-box;
-
- .index-line-box {
+ .index-wrap {
width: 100%;
- display: flex;
- margin-top: 0.125rem /* 32/256 */
+ height: 100%;
+ padding: 0 0.078125rem /* 20/256 */
;
+ box-sizing: border-box;
- .yanglao-block {
- width: 2.3046875rem /* 590/256 */
- ;
- height: 0.8984375rem /* 230/256 */
- ;
- background: url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
- background-size: 100% 100%;
+ .index-line-box {
+ width: 100%;
display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- margin: 0 0.078125rem /* 20/256 */
+ margin-top: 0.125rem /* 32/256 */
;
- position: relative;
- img {
- width: 0.3125rem /* 80/256 */
+ .yanglao-block {
+ width: 2.3046875rem /* 590/256 */
;
- height: 0.3125rem /* 80/256 */
+ height: 0.8984375rem /* 230/256 */
;
- }
-
- h1 {
- color: #fff;
- text-align: center;
- font-size: $fontSize-24;
- line-height: 1.3;
- }
-
- h2 {
- color: #fff;
- font-size: $fontSize-20;
- line-height: 1.3;
- text-align: center;
-
- .bigger {
- font-size: $fontSize-48;
- color: $color-blue;
- }
- }
-
- .yanglao-block-inside {
- width: 100%;
+ background: url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
+ background-size: 100% 100%;
display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: 0 0.078125rem /* 20/256 */
+ ;
+ position: relative;
- .inside-left {
- display: flex;
- flex: 1;
- justify-content: right;
- margin-left: 0.15625rem /* 40/256 */
+ img {
+ width: 0.2890625rem /* 74/256 */
+ ;
+ height: 0.2890625rem /* 74/256 */
;
}
- .inside-right {
- display: flex;
- flex-direction: column;
- flex: 1;
+ h1 {
+ color: #fff;
+ 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;
}
- .inside-box-block {
- display: flex;
- width: 50%;
- justify-content: center;
- align-items: center;
+ h2 {
+ color: #fff;
+ font-size: $fontSize-20;
+ line-height: 1.3;
+ text-align: center;
- .line-center {
+ .bigger {
+ font-size: $fontSize-48;
+ color: $color-blue;
+ }
+ }
+
+ .yanglao-block-inside {
+ width: 100%;
+ display: flex;
+
+ .inside-left {
+ display: flex;
+ flex: 1;
+ justify-content: right;
+ margin-left: 0.15625rem /* 40/256 */
+ ;
+ }
+
+ .inside-right {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+ }
+
+ .inside-box-block {
+ display: flex;
+ 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;
+ justify-content: center;
+
+ h2 {
+ line-height: 1.2;
+ }
+
+ .small {
+ font-size: $fontSize-24;
+ color: $color-blue;
+ }
+ }
+ }
+ }
+
+ .chuangye-box {
+ flex-wrap: wrap;
+ }
+
+ .yanglao-block-inside2 {
+ width: 100%;
+ display: flex;
+ margin-top: 0.0390625rem /* 10/256 */
+ ;
+
+ .inside-left2 {
+ flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
- h2 {
- line-height: 1.2;
- }
+ .danwei-box {
+ display: flex;
+ justify-content: center;
- .small {
- font-size: $fontSize-24;
- color: $color-blue;
- }
- }
- }
- }
+ .rightMargin {
+ margin-right: 0.0390625rem /* 10/256 */
+ ;
+ color: #fff;
+ font-size: $fontSize-20;
+ line-height: 1.3;
+ text-align: center;
- .chuangye-box {
- flex-wrap: wrap;
- }
-
- .yanglao-block-inside2 {
- width: 100%;
- display: flex;
- margin-top: 0.0390625rem /* 10/256 */
- ;
-
- .inside-left2 {
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- .danwei-box {
- display: flex;
- justify-content: center;
-
- .rightMargin {
- margin-right: 0.0390625rem /* 10/256 */
- ;
- color: #fff;
- font-size: $fontSize-20;
- line-height: 1.3;
- text-align: center;
-
- .bigger {
- font-size: $fontSize-32;
+ .bigger {
+ font-size: $fontSize-32;
+ }
}
}
}
}
}
- }
- .yanglao-block2 {
- width: 2.3046875rem /* 590/256 */
- ;
- height: 0.8984375rem /* 230/256 */
- ;
- background: url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
- background-size: 100% 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- margin: 0 0.078125rem /* 20/256 */
- ;
-
- .yaolao-box {
- flex: 1;
+ .yanglao-block2 {
+ width: 2.3046875rem /* 590/256 */
+ ;
+ height: 0.8984375rem /* 230/256 */
+ ;
+ background: url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
+ background-size: 100% 100%;
display: flex;
- flex-direction: column;
- justify-content: center;
align-items: center;
+ justify-content: center;
+ position: relative;
+ margin: 0 0.078125rem /* 20/256 */
+ ;
- &:first-child {
- margin-left: 0.078125rem /* 20/256 */
+ .yaolao-box {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ &:first-child {
+ margin-left: 0.078125rem /* 20/256 */
+ ;
+ }
+ }
+
+ img {
+ width: 0.3125rem /* 80/256 */
+ ;
+ height: 0.3125rem /* 80/256 */
;
}
- }
-
- img {
- width: 0.3125rem /* 80/256 */
- ;
- height: 0.3125rem /* 80/256 */
- ;
- }
-
- h1 {
- color: #fff;
- text-align: center;
- font-size: $fontSize-24;
- line-height: 1.3;
- }
-
- h2 {
- color: #fff;
- font-size: $fontSize-20;
- line-height: 1.3;
-
- .bigger {
- font-size: $fontSize-48;
- color: $color-blue;
- }
- }
- }
-
- .fu-biaoti {
- position: absolute;
- left: 0.0078125rem /* 2/256 */
- ;
- top: 0.1171875rem /* 30/256 */
- ;
- background: url("../../../assets/images/fubiaoti-bj.png") no-repeat center;
- background-size: 100% 100%;
- width: 0.125rem /* 32/256 */
- ;
- height: 0.65234375rem /* 167/256 */
- ;
- display: flex;
- align-items: center;
- justify-content: center;
-
- h1 {
- font-size: $fontSize-20;
- color: $color-dark;
- text-align: center;
- }
- }
- }
-
- .index-line-box2 {
- display: flex;
- margin-top: 0.125rem /* 32/256 */
- ;
-
- .shu-ju-box {
- width: 4.765625rem /* 1220/256 */
- ;
- height: 1.6015625rem /* 410/256 */
- ;
- background: url("../../../assets/images/yanglao-block-big-bj.png") no-repeat center;
- background-size: 100% 100%;
- position: relative;
- margin: 0 0.078125rem /* 20/256 */
- ;
- display: flex;
-
- .shuju-title-box {
- position: absolute;
- left: 0.390625rem /* 100/256 */
- ;
- top: 0;
h1 {
- font-size: $fontSize-32;
- color: $color-blue;
- position: relative;
+ color: #fff;
+ text-align: center;
+ font-size: $fontSize-24;
+ line-height: 1.3;
+ }
- &:after {
- content: '';
- background: url("../../../assets/images/zhuangshi.png") no-repeat center;
- background-size: 100% 100%;
- width: 0.52734375rem /* 135/256 */
- ;
- height: 0.0625rem /* 16/256 */
- ;
- position: absolute;
- left: 0.78125rem /* 200/256 */
- ;
- top: 0.046875rem /* 12/256 */
- ;
+ h2 {
+ color: #fff;
+ font-size: $fontSize-20;
+ line-height: 1.3;
+
+ .bigger {
+ font-size: $fontSize-48;
+ color: $color-blue;
}
}
}
- .shuju-main-box {
- width: 100%;
- padding: 0.234375rem /* 60/256 */
- 0.1171875rem /* 30/256 */
+ .fu-biaoti {
+ position: absolute;
+ left: 0.0078125rem /* 2/256 */
;
- box-sizing: border-box;
+ top: 0.1171875rem /* 30/256 */
+ ;
+ background: url("../../../assets/images/fubiaoti-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ width: 0.125rem /* 32/256 */
+ ;
+ height: 0.65234375rem /* 167/256 */
+ ;
display: flex;
+ align-items: center;
+ justify-content: center;
- }
-
- .shuju-table {
- width: 3.1328125rem /* 802/256 */;
- height: 1.2109375rem /* 310/256 */;
- display: flex;
- flex-direction: column;
-
- .shuju-table-line {
- width: 100%;
- display: flex;
-
- .biao-title {
- width: 0.859375rem /* 220/256 */;
- }
-
- .title-flex {
- width: calc(100% - 0.859375rem);
- display: flex;
- }
-
- .title {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
-
- h1 {
- font-size: $fontSize-26;
- color: $color-white;
- text-align: center;
- }
- }
-
+ h1 {
+ font-size: $fontSize-20;
+ color: $color-dark;
+ text-align: center;
+ font-family: Source Han Sans CN, Source Han Sans CN-Bold;
+ font-weight: 700;
}
+ }
+ }
- .shuju-scroll {
- max-height: 1.09375rem /* 280/256 */
+ .index-line-box2 {
+ display: flex;
+ margin-top: 0.125rem /* 32/256 */
+ ;
+
+ .shu-ju-box {
+ width: 4.765625rem /* 1220/256 */
+ ;
+ height: 1.6015625rem /* 410/256 */
+ ;
+ background: url("../../../assets/images/yanglao-block-big-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ position: relative;
+ margin: 0 0.078125rem /* 20/256 */
+ ;
+ display: flex;
+
+ .shuju-title-box {
+ position: absolute;
+ left: 0.390625rem /* 100/256 */
;
- @include overflow-y()
+ top: 0;
+
+ h1 {
+ 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: '';
+ background: url("../../../assets/images/zhuangshi.png") no-repeat center;
+ background-size: 100% 100%;
+ width: 0.52734375rem /* 135/256 */
+ ;
+ height: 0.0625rem /* 16/256 */
+ ;
+ position: absolute;
+ left: 0.78125rem /* 200/256 */
+ ;
+ top: 0.046875rem /* 12/256 */
+ ;
+ }
+ }
}
- .shuju-table-line2 {
+ .shuju-main-box {
width: 100%;
+ padding: 0.234375rem /* 60/256 */
+ 0.1171875rem /* 30/256 */
+ ;
+ box-sizing: border-box;
display: flex;
- padding: 0.0390625rem /* 10/256 */
- 0;
- &:nth-child(odd) {
- background: rgba(81, 210, 255, 0.10);
- }
+ }
- .title {
- flex: 1;
+ .shuju-table {
+ width: 3.1328125rem /* 802/256 */
+ ;
+ height: 1.2109375rem /* 310/256 */
+ ;
+ display: flex;
+ flex-direction: column;
+
+ .shuju-table-line {
+ width: 100%;
display: flex;
- align-items: center;
- justify-content: center;
- h1 {
- font-size: $fontSize-26;
- color: $color-white;
- text-align: center;
- line-height: 1.5;
+ .biao-title {
+ width: 0.859375rem /* 220/256 */
+ ;
}
- .fontColorBlue {
- color: $color-blue;
+ .title-flex {
+ width: calc(100% - 0.859375rem);
+ display: flex;
}
- .fontColorRed {
- color: #FF3939;
+
+ .title {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ h1 {
+ font-size: $fontSize-26;
+ color: $color-white;
+ text-align: center;
+ }
}
+
}
- .title-flex {
- width: calc(100% - 0.859375rem);
- display: flex;
- }
-
- .biao-title {
- width: 0.859375rem /* 220/256 */
+ .shuju-scroll {
+ max-height: 1.09375rem /* 280/256 */
;
+ @include overflow-y()
+ }
- h1 {
- font-size: $fontSize-26;
- color: $color-white;
- text-align: right;
- line-height: 1.5;
- @include ellipsis()
+ .shuju-table-line2 {
+ width: 100%;
+ display: flex;
+ padding: 0.0390625rem /* 10/256 */
+ 0;
+
+ &:nth-child(odd) {
+ background: rgba(81, 210, 255, 0.10);
}
- .fontColor {
- color: $color-blue;
+ .title {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ h1 {
+ font-size: $fontSize-26;
+ color: $color-white;
+ text-align: center;
+ line-height: 1.5;
+ }
+
+ .fontColorBlue {
+ color: $color-blue;
+ }
+
+ .fontColorRed {
+ color: #FF3939;
+ }
+ }
+
+ .title-flex {
+ width: calc(100% - 0.859375rem);
+ display: flex;
+ }
+
+ .biao-title {
+ width: 0.859375rem /* 220/256 */
+ ;
+
+ h1 {
+ font-size: $fontSize-26;
+ 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()
+ }
+
+ .fontColor {
+ color: $color-blue;
+ }
}
}
- }
- // 鍩庡競鑱屽伐鍏昏�佺2锛�3鏉℃暟鎹�
- .chengzhen_scroll {
- &:nth-of-type(2) {
+
+ // 鍩庡競鑱屽伐鍏昏�佺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);
-
- 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);
+ .shuju-echarts {
+ width: 1.3671875rem /* 350/256 */
+ ;
+ height: 1.2109375rem /* 310/256 */
+ ;
}
- }
-
- .shuju-echarts {
- width: 1.3671875rem /* 350/256 */
- ;
- height: 1.2109375rem /* 310/256 */
- ;
}
}
}
-}
</style>
--
Gitblit v1.9.1