|
@@ -298,7 +298,7 @@
|
|
|
},
|
|
},
|
|
|
metaInfo() {
|
|
metaInfo() {
|
|
|
return {
|
|
return {
|
|
|
- title: '全域视联态势感知平台',
|
|
|
|
|
|
|
+ title: '四平市城市生命线',
|
|
|
meta: [{
|
|
meta: [{
|
|
|
charset: "utf-8"
|
|
charset: "utf-8"
|
|
|
},
|
|
},
|
|
@@ -315,7 +315,7 @@
|
|
|
mounted() {
|
|
mounted() {
|
|
|
// 初始化地图数据
|
|
// 初始化地图数据
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
- this.title = '全域视联态势感知平台'
|
|
|
|
|
|
|
+ this.title = '四平市城市生命线'
|
|
|
}, 1000)
|
|
}, 1000)
|
|
|
this.sjChart01();
|
|
this.sjChart01();
|
|
|
this.sjChart02();
|
|
this.sjChart02();
|
|
@@ -479,7 +479,7 @@
|
|
|
let pieSource = {
|
|
let pieSource = {
|
|
|
'铁东区': 653,
|
|
'铁东区': 653,
|
|
|
'铁西区': 335,
|
|
'铁西区': 335,
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
legendColor = [
|
|
legendColor = [
|
|
|
"#3471fd",
|
|
"#3471fd",
|
|
@@ -492,7 +492,7 @@
|
|
|
"#5fc6fc",
|
|
"#5fc6fc",
|
|
|
],
|
|
],
|
|
|
richStyle = {};
|
|
richStyle = {};
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
function initData(source) {
|
|
function initData(source) {
|
|
|
legendColor.map((item, index) => {
|
|
legendColor.map((item, index) => {
|
|
|
richStyle["style" + index] = {};
|
|
richStyle["style" + index] = {};
|
|
@@ -674,7 +674,7 @@
|
|
|
color: "#ffc72b",
|
|
color: "#ffc72b",
|
|
|
fontSize:16 * scale,
|
|
fontSize:16 * scale,
|
|
|
align: "center",
|
|
align: "center",
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
white: {
|
|
white: {
|
|
|
color: "#fff",
|
|
color: "#fff",
|
|
@@ -1231,7 +1231,7 @@
|
|
|
stack: "总量",
|
|
stack: "总量",
|
|
|
symbol: "circle",
|
|
symbol: "circle",
|
|
|
symbolSize: 8,
|
|
symbolSize: 8,
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: "#00d4c7",
|
|
color: "#00d4c7",
|
|
@@ -1481,7 +1481,7 @@
|
|
|
stack: "总量",
|
|
stack: "总量",
|
|
|
symbol: "circle",
|
|
symbol: "circle",
|
|
|
symbolSize: 8,
|
|
symbolSize: 8,
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
itemStyle: {
|
|
itemStyle: {
|
|
|
normal: {
|
|
normal: {
|
|
|
color: "#00d4c7",
|
|
color: "#00d4c7",
|
|
@@ -1765,7 +1765,7 @@
|
|
|
name: "室内",
|
|
name: "室内",
|
|
|
value: 650,
|
|
value: 650,
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
];
|
|
];
|
|
|
var rich = {
|
|
var rich = {
|
|
|
white: {
|
|
white: {
|
|
@@ -1789,9 +1789,9 @@
|
|
|
};
|
|
};
|
|
|
var data = [];
|
|
var data = [];
|
|
|
var color = [
|
|
var color = [
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
"#00cfff",
|
|
"#00cfff",
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
"#006ced",
|
|
"#006ced",
|
|
|
"#7af0aa",
|
|
"#7af0aa",
|
|
|
];
|
|
];
|
|
@@ -1892,7 +1892,7 @@
|
|
|
|
|
|
|
|
myChart.setOption(option);
|
|
myChart.setOption(option);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
//各管线类别数量统计(管道年限)
|
|
//各管线类别数量统计(管道年限)
|
|
|
sjChart10() {
|
|
sjChart10() {
|
|
|
var myChart = echarts.init(document.getElementById("sjChart10"));
|
|
var myChart = echarts.init(document.getElementById("sjChart10"));
|
|
@@ -2101,7 +2101,7 @@
|
|
|
axisLine: {
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
color: 'white'
|
|
color: 'white'
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
axisLabel: {
|
|
axisLabel: {
|
|
@@ -2112,7 +2112,7 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
yAxis: {
|
|
yAxis: {
|
|
|
type: 'value',
|
|
type: 'value',
|
|
|
max:'1200',
|
|
max:'1200',
|
|
@@ -2143,7 +2143,7 @@
|
|
|
handleSize: '110%',
|
|
handleSize: '110%',
|
|
|
handleStyle:{
|
|
handleStyle:{
|
|
|
color:"#d3dee5",
|
|
color:"#d3dee5",
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
textStyle:{
|
|
textStyle:{
|
|
|
color:"#fff"},
|
|
color:"#fff"},
|
|
@@ -2188,7 +2188,7 @@
|
|
|
}]),
|
|
}]),
|
|
|
barBorderRadius: 11,
|
|
barBorderRadius: 11,
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
data: [400, 500, 500, 500, 500, 400,400, 500, 500]
|
|
data: [400, 500, 500, 500, 500, 400,400, 500, 500]
|
|
|
},
|
|
},
|
|
@@ -2211,13 +2211,13 @@
|
|
|
data: [400, 600, 700, 700, 1000, 400, 400, 600, 700]
|
|
data: [400, 600, 700, 700, 1000, 400, 400, 600, 700]
|
|
|
}]
|
|
}]
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var app = {
|
|
var app = {
|
|
|
currentIndex: -1,
|
|
currentIndex: -1,
|
|
|
};
|
|
};
|
|
|
setInterval(function () {
|
|
setInterval(function () {
|
|
|
var dataLen = option.series[0].data.length;
|
|
var dataLen = option.series[0].data.length;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 取消之前高亮的图形
|
|
// 取消之前高亮的图形
|
|
|
myChart.dispatchAction({
|
|
myChart.dispatchAction({
|
|
|
type: 'downplay',
|
|
type: 'downplay',
|
|
@@ -2238,8 +2238,8 @@
|
|
|
seriesIndex: 0,
|
|
seriesIndex: 0,
|
|
|
dataIndex: app.currentIndex
|
|
dataIndex: app.currentIndex
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
}, 1000);
|
|
}, 1000);
|
|
|
myChart.setOption(option);
|
|
myChart.setOption(option);
|
|
|
},
|
|
},
|
|
@@ -2673,8 +2673,8 @@
|
|
|
|
|
|
|
|
myChart.setOption(option);
|
|
myChart.setOption(option);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
//保护材质和套管材质统计(埋设类型)
|
|
//保护材质和套管材质统计(埋设类型)
|
|
|
sjChart14() {
|
|
sjChart14() {
|
|
|
var myChart = echarts.init(document.getElementById("sjChart14"));
|
|
var myChart = echarts.init(document.getElementById("sjChart14"));
|
|
@@ -2720,7 +2720,7 @@
|
|
|
color: '#a8aab0',
|
|
color: '#a8aab0',
|
|
|
fontStyle: 'normal',
|
|
fontStyle: 'normal',
|
|
|
fontFamily: '微软雅黑',
|
|
fontFamily: '微软雅黑',
|
|
|
- fontSize: 12,
|
|
|
|
|
|
|
+ fontSize: 12,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
xAxis: [
|
|
xAxis: [
|
|
@@ -2778,7 +2778,7 @@
|
|
|
opacity:0.06
|
|
opacity:0.06
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
series : [
|
|
series : [
|
|
@@ -2796,7 +2796,7 @@
|
|
|
// color: '#a8aab0',
|
|
// color: '#a8aab0',
|
|
|
// fontStyle: 'normal',
|
|
// fontStyle: 'normal',
|
|
|
// fontFamily: '微软雅黑',
|
|
// fontFamily: '微软雅黑',
|
|
|
- // fontSize: 12,
|
|
|
|
|
|
|
+ // fontSize: 12,
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
@@ -2829,7 +2829,7 @@
|
|
|
// color: '#a8aab0',
|
|
// color: '#a8aab0',
|
|
|
// fontStyle: 'normal',
|
|
// fontStyle: 'normal',
|
|
|
// fontFamily: '微软雅黑',
|
|
// fontFamily: '微软雅黑',
|
|
|
- // fontSize: 12,
|
|
|
|
|
|
|
+ // fontSize: 12,
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
@@ -2858,7 +2858,7 @@
|
|
|
let pieSource = {
|
|
let pieSource = {
|
|
|
'PE管': 776,
|
|
'PE管': 776,
|
|
|
'钢管': 122,
|
|
'钢管': 122,
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
legendColor = [
|
|
legendColor = [
|
|
|
"#8679ff",
|
|
"#8679ff",
|
|
@@ -2868,7 +2868,7 @@
|
|
|
"#5fc6fc",
|
|
"#5fc6fc",
|
|
|
],
|
|
],
|
|
|
richStyle = {};
|
|
richStyle = {};
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
function initData(source) {
|
|
function initData(source) {
|
|
|
legendColor.map((item, index) => {
|
|
legendColor.map((item, index) => {
|
|
|
richStyle["style" + index] = {};
|
|
richStyle["style" + index] = {};
|
|
@@ -3033,8 +3033,8 @@
|
|
|
value2: 233,
|
|
value2: 233,
|
|
|
value3: 123,
|
|
value3: 123,
|
|
|
value4: 153,
|
|
value4: 153,
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: "6月",
|
|
name: "6月",
|
|
@@ -3072,7 +3072,7 @@
|
|
|
value4: 183,
|
|
value4: 183,
|
|
|
},
|
|
},
|
|
|
];
|
|
];
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
let xAxisData = echartData.map((v) => v.name);
|
|
let xAxisData = echartData.map((v) => v.name);
|
|
|
// ["1", "2", "3", "4", "5", "6", "7", "8"]
|
|
// ["1", "2", "3", "4", "5", "6", "7", "8"]
|
|
|
let yAxisData1 = echartData.map((v) => v.value1);
|
|
let yAxisData1 = echartData.map((v) => v.value1);
|
|
@@ -3091,16 +3091,16 @@
|
|
|
}
|
|
}
|
|
|
return rgbaColor;
|
|
return rgbaColor;
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var option = {
|
|
var option = {
|
|
|
color: color,
|
|
color: color,
|
|
|
legend: {
|
|
legend: {
|
|
|
left: 0,
|
|
left: 0,
|
|
|
top: 0,
|
|
top: 0,
|
|
|
- textStyle: {
|
|
|
|
|
- color: '#ffffff' ,
|
|
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#ffffff' ,
|
|
|
fontSize:'10px'
|
|
fontSize:'10px'
|
|
|
- },
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
tooltip: {
|
|
tooltip: {
|
|
|
trigger: "axis",
|
|
trigger: "axis",
|
|
@@ -3118,7 +3118,7 @@
|
|
|
};font-weight:700;font-size: 18px">${v.value}</span>
|
|
};font-weight:700;font-size: 18px">${v.value}</span>
|
|
|
`;
|
|
`;
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
return html;
|
|
return html;
|
|
|
},
|
|
},
|
|
|
extraCssText:
|
|
extraCssText:
|
|
@@ -3140,7 +3140,7 @@
|
|
|
containLabel: true,
|
|
containLabel: true,
|
|
|
},
|
|
},
|
|
|
xAxis: [
|
|
xAxis: [
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
{
|
|
{
|
|
|
type: "category",
|
|
type: "category",
|
|
|
boundaryGap: false,
|
|
boundaryGap: false,
|
|
@@ -3151,7 +3151,7 @@
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
axisLine: {
|
|
axisLine: {
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
color: "#D9D9D9",
|
|
color: "#D9D9D9",
|
|
|
},
|
|
},
|
|
@@ -3398,7 +3398,7 @@
|
|
|
color: '#a8aab0',
|
|
color: '#a8aab0',
|
|
|
fontStyle: 'normal',
|
|
fontStyle: 'normal',
|
|
|
fontFamily: '微软雅黑',
|
|
fontFamily: '微软雅黑',
|
|
|
- fontSize: 12,
|
|
|
|
|
|
|
+ fontSize: 12,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
xAxis: [
|
|
xAxis: [
|
|
@@ -3456,7 +3456,7 @@
|
|
|
opacity:0.06
|
|
opacity:0.06
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
series : [
|
|
series : [
|
|
@@ -3474,7 +3474,7 @@
|
|
|
// color: '#a8aab0',
|
|
// color: '#a8aab0',
|
|
|
// fontStyle: 'normal',
|
|
// fontStyle: 'normal',
|
|
|
// fontFamily: '微软雅黑',
|
|
// fontFamily: '微软雅黑',
|
|
|
- // fontSize: 12,
|
|
|
|
|
|
|
+ // fontSize: 12,
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
@@ -3507,7 +3507,7 @@
|
|
|
// color: '#a8aab0',
|
|
// color: '#a8aab0',
|
|
|
// fontStyle: 'normal',
|
|
// fontStyle: 'normal',
|
|
|
// fontFamily: '微软雅黑',
|
|
// fontFamily: '微软雅黑',
|
|
|
- // fontSize: 12,
|
|
|
|
|
|
|
+ // fontSize: 12,
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
|
// },
|
|
// },
|
|
@@ -4357,7 +4357,7 @@
|
|
|
top: 76px;
|
|
top: 76px;
|
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
|
z-index: 999;
|
|
z-index: 999;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li {
|
|
li {
|
|
|
background: url(../assets/images/gangwei/navbj.png)no-repeat;
|
|
background: url(../assets/images/gangwei/navbj.png)no-repeat;
|
|
|
width: 105px;
|
|
width: 105px;
|
|
@@ -4383,27 +4383,27 @@
|
|
|
li:nth-child(1) {
|
|
li:nth-child(1) {
|
|
|
animation: btnmove 1s;
|
|
animation: btnmove 1s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(2) {
|
|
li:nth-child(2) {
|
|
|
animation: btnmove 1.2s;
|
|
animation: btnmove 1.2s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(3) {
|
|
li:nth-child(3) {
|
|
|
animation: btnmove 1.4s;
|
|
animation: btnmove 1.4s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(4) {
|
|
li:nth-child(4) {
|
|
|
animation: btnmove 1.6s;
|
|
animation: btnmove 1.6s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(5) {
|
|
li:nth-child(5) {
|
|
|
animation: btnmove 1.8s;
|
|
animation: btnmove 1.8s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(6) {
|
|
li:nth-child(6) {
|
|
|
animation: btnmove 2s;
|
|
animation: btnmove 2s;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li:nth-child(7) {
|
|
li:nth-child(7) {
|
|
|
animation: btnmove 2.2s;
|
|
animation: btnmove 2.2s;
|
|
|
}
|
|
}
|
|
@@ -5536,4 +5536,4 @@
|
|
|
/* 确保三角形中心对齐链接的中心 */
|
|
/* 确保三角形中心对齐链接的中心 */
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|