|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
|
|
|
- <!-- 阴影背景
|
|
|
+ <!-- 阴影背景
|
|
|
<div class="bj_left"><img src="@/assets/images/sprhbj-left.png"/></div>
|
|
|
<div class="bj_right"><img src="@/assets/images/sprhbj-right.png"/></div>-->
|
|
|
<div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png" /></div>
|
|
|
@@ -127,7 +127,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
|
|
|
<!--左侧结束-->
|
|
|
</div>
|
|
|
@@ -138,10 +138,10 @@
|
|
|
<div class="footer">
|
|
|
<div class="nav-bottom">
|
|
|
<div class="nav-bottom-left">
|
|
|
- <div class="nav-li-left">
|
|
|
+ <div class="nav-li-left on" @click="handleNavigation('jjyx')">
|
|
|
<span>经济运行</span>
|
|
|
</div>
|
|
|
- <div class="nav-li-left">
|
|
|
+ <div class="nav-li-left" @click="handleNavigation('csgl')">
|
|
|
<span>城市管理</span>
|
|
|
</div>
|
|
|
<div class="nav-li-left" @click="handleNavigation('jtzl')">
|
|
|
@@ -162,10 +162,10 @@
|
|
|
<div class="nav-li-right" @click="handleNavigation('yshj')">
|
|
|
<span>政务运行</span>
|
|
|
</div>
|
|
|
- <div class="nav-li-right on" @click="handleNavigation('sprh')">
|
|
|
+ <div class="nav-li-right" @click="handleNavigation('aqyj')">
|
|
|
<span>安全应急</span>
|
|
|
</div>
|
|
|
- <div class="nav-li-right">
|
|
|
+ <div class="nav-li-right" @click="handleNavigation('fwyq')">
|
|
|
<span>服务一汽</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -371,9 +371,9 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
|
|
|
@@ -638,9 +638,9 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
|
|
|
@@ -888,7 +888,7 @@
|
|
|
},
|
|
|
|
|
|
qkq_zjz2_3() {
|
|
|
-
|
|
|
+
|
|
|
var myChart = echarts.init(document.getElementById('qkq_zjz2_3'));
|
|
|
let xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
|
let yData = [25, 100, 50, 45, 75, 25, 100, 50, 45, 75, 25, 100, 50, 45, 75]
|
|
|
@@ -906,9 +906,9 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
|
|
|
@@ -1059,7 +1059,7 @@
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
qkq_zjz1_4() {
|
|
|
//一汽红旗项目服务局
|
|
|
var myChart = echarts.init(document.getElementById('qkq_zjz1_4'));
|
|
|
@@ -1073,7 +1073,7 @@
|
|
|
value: "100",
|
|
|
itemStyle: {
|
|
|
color: "#fc465"
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
];
|
|
|
@@ -1095,7 +1095,7 @@
|
|
|
}
|
|
|
}
|
|
|
}]
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
title: [{
|
|
|
text: '工业增加值',
|
|
|
@@ -1150,19 +1150,19 @@
|
|
|
}]
|
|
|
};
|
|
|
myChart.setOption(option, true);
|
|
|
-
|
|
|
+
|
|
|
if (option) {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
qkq_zjz2_4() {
|
|
|
-
|
|
|
+
|
|
|
var myChart = echarts.init(document.getElementById('qkq_zjz2_4'));
|
|
|
let xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
|
let yData = [25, 100, 50, 45, 75, 25, 100, 50, 45, 75, 25, 100, 50, 45, 75]
|
|
|
let barData = [25, 60, 50, 45, 75, 25, 60, 50, 45, 75, 25, 60, 50, 45, 75]
|
|
|
-
|
|
|
+
|
|
|
function calMax(arr) {
|
|
|
let max = 0;
|
|
|
arr.forEach((el) => {
|
|
|
@@ -1175,16 +1175,16 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var max = Math.ceil(calMax([yData]) / 50) * 50;
|
|
|
var max1 = Math.ceil(calMax([barData]) / 50) * 50;
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
legend: {
|
|
|
left: '1%',
|
|
|
@@ -1341,7 +1341,7 @@
|
|
|
value: "100",
|
|
|
itemStyle: {
|
|
|
color: "#fc465"
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
];
|
|
|
@@ -1363,7 +1363,7 @@
|
|
|
}
|
|
|
}
|
|
|
}]
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
title: [{
|
|
|
text: '工业增加值',
|
|
|
@@ -1418,19 +1418,19 @@
|
|
|
}]
|
|
|
};
|
|
|
myChart.setOption(option, true);
|
|
|
-
|
|
|
+
|
|
|
if (option) {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
qkq_zjz2_5() {
|
|
|
-
|
|
|
+
|
|
|
var myChart = echarts.init(document.getElementById('qkq_zjz2_5'));
|
|
|
let xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
|
let yData = [25, 100, 50, 45, 75, 25, 100, 50, 45, 75, 25, 100, 50, 45, 75]
|
|
|
let barData = [25, 60, 50, 45, 75, 25, 60, 50, 45, 75, 25, 60, 50, 45, 75]
|
|
|
-
|
|
|
+
|
|
|
function calMax(arr) {
|
|
|
let max = 0;
|
|
|
arr.forEach((el) => {
|
|
|
@@ -1443,16 +1443,16 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var max = Math.ceil(calMax([yData]) / 50) * 50;
|
|
|
var max1 = Math.ceil(calMax([barData]) / 50) * 50;
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
legend: {
|
|
|
left: '1%',
|
|
|
@@ -1609,7 +1609,7 @@
|
|
|
value: "100",
|
|
|
itemStyle: {
|
|
|
color: "#fc465"
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
];
|
|
|
@@ -1631,7 +1631,7 @@
|
|
|
}
|
|
|
}
|
|
|
}]
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
title: [{
|
|
|
text: '工业增加值',
|
|
|
@@ -1686,19 +1686,19 @@
|
|
|
}]
|
|
|
};
|
|
|
myChart.setOption(option, true);
|
|
|
-
|
|
|
+
|
|
|
if (option) {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
qkq_zjz2_6() {
|
|
|
-
|
|
|
+
|
|
|
var myChart = echarts.init(document.getElementById('qkq_zjz2_6'));
|
|
|
let xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
|
let yData = [25, 100, 50, 45, 75, 25, 100, 50, 45, 75, 25, 100, 50, 45, 75]
|
|
|
let barData = [25, 60, 50, 45, 75, 25, 60, 50, 45, 75, 25, 60, 50, 45, 75]
|
|
|
-
|
|
|
+
|
|
|
function calMax(arr) {
|
|
|
let max = 0;
|
|
|
arr.forEach((el) => {
|
|
|
@@ -1711,16 +1711,16 @@
|
|
|
})
|
|
|
})
|
|
|
let maxint = Math.ceil(max / 9.5);
|
|
|
- //不让最高的值超过最上面的刻度
|
|
|
+ //不让最高的值超过最上面的刻度
|
|
|
let maxval = maxint * 10;
|
|
|
- //让显示的刻度是整数
|
|
|
+ //让显示的刻度是整数
|
|
|
return maxval;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var max = Math.ceil(calMax([yData]) / 50) * 50;
|
|
|
var max1 = Math.ceil(calMax([barData]) / 50) * 50;
|
|
|
-
|
|
|
+
|
|
|
var option = {
|
|
|
legend: {
|
|
|
left: '1%',
|
|
|
@@ -1869,8 +1869,8 @@
|
|
|
//亮色图片
|
|
|
var uploadedDataURL1 = "/asset/get/s/4CJ7_TCzJkXXblRL.png";
|
|
|
var uploadedDataURL2 = "/asset/get/s/QekC70YLG_BZZXae.png";
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var baifenbi = [0.333, 0.444, 0.555, 0.777, 0.888, 0.922];
|
|
|
var grayBar = [1, 1, 1, 1, 1, 1];
|
|
|
var paiming = [6, 5, 4, 3, 2, 1];
|
|
|
@@ -1899,7 +1899,7 @@
|
|
|
show: false, //让Y轴数据不显示
|
|
|
},
|
|
|
itemStyle: {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
axisTick: {
|
|
|
show: false, //隐藏Y轴刻度
|
|
|
@@ -1915,7 +1915,7 @@
|
|
|
show: true,
|
|
|
type: 'bar',
|
|
|
barGap: '-100%',
|
|
|
- barWidth: '35%', //统计条宽度
|
|
|
+ barWidth: '35%', //统计条宽度
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: 'rgba(5, 32, 54, 0.5)'
|
|
|
@@ -1942,7 +1942,7 @@
|
|
|
color: '#00FBFF' // 100% 处的颜色
|
|
|
}],
|
|
|
globalCoord: false, // 缺省为 false
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
@@ -2023,13 +2023,13 @@
|
|
|
} else {
|
|
|
return '{start2|}{white|' + paiming[data.dataIndex] + ' ' + xingm[data.dataIndex] + '}' + ' ' + '{white| 经济指标的目标:}{gray|' + zongjine[data.dataIndex] + '}{white|元}';
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
data: zongjine
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
]
|
|
|
};
|
|
|
|
|
|
@@ -2037,7 +2037,7 @@
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
qkq_kxt(){
|
|
|
var myChart = echarts.init(document.getElementById('qkq_kxt'));
|
|
|
var option = {
|
|
|
@@ -2047,7 +2047,7 @@
|
|
|
right: '30',
|
|
|
left:'30'
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
xAxis: {
|
|
|
axisLabel: {
|
|
|
color: 'rgba(204, 234, 255, 1)'
|
|
|
@@ -2070,10 +2070,10 @@
|
|
|
'十月',
|
|
|
'十一月',
|
|
|
'十二月'
|
|
|
-
|
|
|
+
|
|
|
]
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
scale: true,
|
|
|
@@ -2088,12 +2088,12 @@
|
|
|
color: 'rgba(4, 38, 65, 0.5)'
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
type: 'candlestick',
|
|
|
-
|
|
|
+
|
|
|
data: [
|
|
|
[0, 0, 0, 0],
|
|
|
[0, 0, 0, 0],
|
|
|
@@ -2108,18 +2108,18 @@
|
|
|
[5, 7, 4, 8],
|
|
|
[6, 9, 5, 10],
|
|
|
[6.5, 9, 5.5, 10],
|
|
|
-
|
|
|
+
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
if(option){
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
getCurrentTime() {
|
|
|
const now = new Date();
|
|
|
const year = now.getFullYear();
|
|
|
@@ -2143,7 +2143,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -2187,4 +2187,4 @@
|
|
|
|
|
|
<style>
|
|
|
/* 添加你的CSS样式 */
|
|
|
-</style>
|
|
|
+</style>
|
bihuisong