+
- 户数高渗透率
- {{ CompanyInfo.pdxl }}
-
+ 户数高渗透率
+ {{ CompanyInfo.pdxl }}
-
-
容量渗透率
-
{{ CompanyInfo.xlcd }}
-
+
+ 容量渗透率
+ {{ CompanyInfo.xlcd }}
-
-
-
能量渗透率
-
{{ CompanyInfo.xlcd }}
-
+
+ 能量渗透率
+ {{ CompanyInfo.xlcd }}
-
-
-
+
@@ -640,20 +674,32 @@
报警详情信息
-
+
-
+
{{ scop.$index + 1 }}
-
+
@@ -667,8 +713,14 @@
-
+
-
@@ -844,12 +905,12 @@ export default {
modelOthers: false,
componentShow: "",
CompanyInfo: {
- pdxl:'3.4%',
- xlcd:'0.01%',
- pdxl:'3.4%',
- pdxl:'3.4%',
- pdxl:'3.4%',
- pdxl:'3.4%'
+ pdxl: "3.4%",
+ xlcd: "0.01%",
+ pdxl: "3.4%",
+ pdxl: "3.4%",
+ pdxl: "3.4%",
+ pdxl: "3.4%",
},
tableData: [],
btnArr: ["总览", "环网柜", "分支箱", "箱变", "开闭所"],
@@ -965,7 +1026,7 @@ export default {
rowTime: "",
};
},
- created() { },
+ created() {},
mounted() {
// this.beginShowing();
// 监听浏览器窗口大小变化
@@ -973,17 +1034,17 @@ export default {
clearInterval(this.myTimer);
this.beginShowing();
};
- this.xianDuan();
- this.detailedTwo11()
- this.horizontalChart()
- this.detailedOne()
- this.barCharts()
- this.detailedFive()
- this.shuzihuaCharts()
- this.roseCharts()
- this.detailen1();
+ this.xianDuan();
+ this.detailedTwo11();
+ this.horizontalChart();
+ this.detailedOne();
+ this.barCharts();
+ this.detailedFive();
+ this.shuzihuaCharts();
+ this.roseCharts();
+ this.detailen1();
this.handleDate(0);
-
+
let that = this;
//历史故障接口
@@ -992,7 +1053,6 @@ export default {
pageSize: "500",
page: "1",
};
-
},
// beforeDestroy() {
// this.dataDestroy(); // 页面摧毁前，关闭定时器
@@ -1008,41 +1068,41 @@ export default {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标
- ctx.lineTo(750, 200); // lineTo(x,y) 定义线条结束坐标
+ ctx.lineTo(830, 300); // lineTo(x,y) 定义线条结束坐标
ctx.strokeStyle = "orange";
ctx.lineWidth = 3;
ctx.stroke();
},
routerTo(data) {
- if (data == '盐城地区分布光伏运行监测') {
+ if (data == "盐城地区分布光伏运行监测") {
this.$router.push("/stationBuilding");
}
- if (data == '盐城东台区供电所数字化分析') {
+ if (data == "盐城东台区供电所数字化分析") {
this.$router.push("/twentyKV");
}
- if (data == '配网工程全过程物资审计') {
+ if (data == "配网工程全过程物资审计") {
this.$router.push("/thirtyFiveKV");
}
- if (data == '盐城供电公司配网电能质量管控') {
+ if (data == "盐城供电公司配网电能质量管控") {
this.$router.push("/powerQualityControl");
}
- if (data == '乡村振兴电力综合指数') {
+ if (data == "乡村振兴电力综合指数") {
this.$router.push("/ruralRevitalizationPower");
}
- if (data == '两高行业企业污染监测') {
+ if (data == "两高行业企业污染监测") {
this.$router.push("/enterprisePollutionMonitoring");
}
- if (data == '农村生活污水治理设备电量分析') {
+ if (data == "农村生活污水治理设备电量分析") {
this.$router.push("/ruralDomesticSewageTreatment");
}
- if (data == '数字化排涝抗旱辅助及检修辅助决策') {
+ if (data == "数字化排涝抗旱辅助及检修辅助决策") {
this.$router.push("/digitalFloodDrainageDroughtRelief");
}
},
- detailen1() {
+ detailen1() {
var fontColor = "#30eee9";
var myChart = this.$echarts.init(document.getElementById("detailen"));
- var option = {
+ var option = {
tooltip: {
trigger: "axis",
axisPointer: {
@@ -1176,7 +1236,7 @@ export default {
},
//切换当前页
handleCurrentChange(val) {
- this.page = val
+ this.page = val;
let tableData = [];
if (this.emergencyList.length != 0) {
tableData = this.emergencyList;
@@ -1257,10 +1317,8 @@ export default {
});
},
detailedOne() {
-
-
let myChart = this.$echarts.init(document.getElementById("detailedOne"));
- var option = {
+ var option = {
tooltip: {
trigger: "axis",
axisPointer: {
@@ -1545,9 +1603,8 @@ export default {
});
},
detailedTwo() {
-
var myChart = this.$echarts.init(document.getElementById("detailedTwo1"));
- var option = {
+ var option = {
xAxis: {
type: "category",
boundaryGap: false,
@@ -1644,9 +1701,9 @@ export default {
});
},
detailedTwo11() {
- var fontColor = '#30eee9';
+ var fontColor = "#30eee9";
var myChart = this.$echarts.init(document.getElementById("detailedTwo1"));
- var option = {
+ var option = {
xAxis: {
type: "category",
boundaryGap: false,
@@ -1743,8 +1800,10 @@ export default {
});
},
horizontalChart() {
- var myChart = this.$echarts.init(document.getElementById("horizontalChart"));
- var bg =
+ var myChart = this.$echarts.init(
+ document.getElementById("horizontalChart")
+ );
+ var bg =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
var bar =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAAUCAYAAABCi+uLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAChxJREFUeJztXDGyJDUMlWeIuQY34AJLFdEuAQkXIOAAROREHICAA0BCFSkJByDhAgRcgIAYftPdY7mfnp7c/XfD/a7a325blmVZT5I9s9PspbyUl/Jelrb9uX+8vFkfvzze7MfRsziFKPei/bb+e+rP54y7wvdK+536UBYlG66P52be1buSrbctwL+tbcvT47n3wXxtpVuWx5P5LTO5tr7/LK8b67hmpV9sa6JN6e1MV4rHlXmdbiaztzfRBmW5KC/vixxf8eG5n2v/z8VXsy9W3r+tz0+WN+2poLpUMvgd8Ar8k/ogVe3etr3cJuMK/huAWkUPPFMf0aMsO88+ftvkZtRuBz224ZyDNxtjn8vfd+NajmcyPF5zn2/waLGPx4068uYxG88FDFr0BxnYoNXeoV4KPch9ZfsivUj9I/8ncIi3g607Wtddgz1yHulJaw16F+/c7vINgUlHY7zoC09VBx0NPl7u9vMK/s/tHcoB/raCX4HdhcY+dgxiIR7JykWyozGig37esMCjF3QQiQ/IgsYUHBM6C1w3eXIHT0PZSP5FOKa93MDgFOBm4Mf+WzYGNnQELALDxycdzhwBA/ZGulJ8eRy2Oy06Xgc8rH0Aq0fl5IQNdN3bUG+Dj2UbWqo1us7YUdrRj4APssJcgxYd2wlmlH4S1rx9K3f7YXUAX9pblgP8W+RXwqhMoBA4Rf9qYcwP21g6mjcB1g2IgWbQTmNHFOb3yilwCoeG6lFdGLmK3ME43TCE8YaIwgbe09QENo46wD8YJcsFgA5rZIOrxuO74sVZBM5hlG01kNcOvXok9zLoBOjGWMwIyXY84iPIEy+QsbL7ILeJMcB3xkfavj9J997UbfO71QF8bW9RIviVAAgq5cGU4JWXw/G4kWbJowfDYJreH44DCxgH0xmBimh3PssRMb0+5kOA4xg3LurzOaUR4CYqcHb6s8iPIAtRSvSHdtZPFa2rualtgIyPHGfjqz0iAJvzd1kx5RfgR6CltB9kXFgGp1fpOQCQI31wymbJCWDbXp9l0cwL+4sA1PXyzeoAvrVnlgh+ZnrFG2Eft6ORYHSs0ph2gY/ZkZa3I7oHIwRFpvsCdBomDKUCm9Ojc7BjXlyfTC3ZAfR2GW3U8UDoQp5HUX9+PGBgTtZXgpT4GsgtQe/tFZgMdAX2wen0Xr+RnvmIQ2vgex3UUegzvRdjzgXa+lrC/lnmH3Rv1Ic6EfuZsmyiTRkEjGt3++rpdfvenlEO8PuZHwV0CkSKeE9ncVwMgIXbp2cgAkV4msVIi/RK0ZT+mfMC2hFx/BiBvDsvBvhOItL+KmXktaRNFc5iWsc2YcwlrdDN6XxmcwfC/SRbmgvHkU69DVP+wRYit78vYGe4T+n+AJ9m6TY/XaKKrGyAH+ewLDuvT9KQ/pJdo0Mg2lR/0H2xfNZ+sovlAD+m/eytlfcWQoVI4I7B2xj8lQERHQIxna2djo0LZRKOY+9Gh4BRn5xFuoGGC7905sd5q/MkA11EeXQOsxt6eTNN+lsjwhEtJhE4OYVG7dh3AuJTwMMzpcS+NqALt/097R9mRGDnufhM7vPghe2YEx2DkNX5JZ0LOtnnazhL+xUd88E60pt9ujqAX+1CyeCvPE01eeUwvA+88S4fXdo0pOU5CFiz2/7ggIRhD+Bh9MY2vABUhlI5luI+IKxFpYwMNnIS7ATSmoWjkHpRRwiuV2m7olfZQpVFzJwNPEeEpv1MRzRs88AAexoivYHjhfVXt/MpzZ/oYoxxvtV5HPfHYj3oQ9hX2DOb9CGPx/s/69/tOwC/20m5Dv6zPuZaOY4ZYEU/ghk/K1cf+YTIDU+8RArOgN+RF8pImxuiepcp9ZGxy8hPIMX1NMWrxXHTM78VbTNgz+pCxnfi2598lEupuu95B/xe7rB/IvLv2Q5+mcqnA5r0ToA1vlcA2ws6pag9HEM75uW+MB/U0QZVFsIf7yYZjva/1r+vVgfwp03KAX7+nF+BXYH/xCmktB8X6xtaXThRXwAoX7wRuAM/VC6MDbyRDzkDdds/1lb0OU8f78sxmCeAuDDCs8gfxihnQf0ypZ+d/0/mDZnWc5wG0YWsC/RiZiFyhjP/JFoH0KgLQlj37iycD9nF7IIP7a48++O8oq9sw31Sx4KOnfTpwcHnj/X5annd/raiHOA/+6jPXY4rRgkECwjAPnMO3uZHBB/L/WgoENXRS/I86rbfiI43LtGItI7PioPeNwQ3DcAVnIBHEpwDHYKBXNzPBq2A5c+zunK+s/O90K10NtgunEv6HobTIF9aX0Mb6XKG9L1RJqAcQpcnZAuUJbhMEtDtWFJ5jGjEC5+qLkCOtpL4aMDHtmX+NeAI/jMB00ghSCVQ4b1K4RGcHlnFHMEA+UlOIRwh+pdk0o0y0e1F3PQH5+T9YNwqtVcGiXOywQVjLdYXaCZ6CHUE4xl91VZF8yq7mPDCT15C3eI+JDq/ALyBHuzQM35yMxwu2wXwqr5zsT8w5XcVTs76aa1jkMmMs8SX4juj53arvwYcwa8YVulHBXg7oWfa2a0mjA0fzRGtzDIIpFsJkQEMP134db78uXOa06gfaK6e+dHQT0G2Ed0fT5nKsmPgM6oJnrN5GcRgvEHnuL8XMoYgA9UT6EDX+LHe3lek/UPXN3Dq/c/S+UzvZSz24Ts6kqRDXjdlF4medUL1aq7Rjns0y7IX/TXgCH4WQL3TBOFyDCTbvGJ3zNmzETCDh1+g36Bf1MP8DniMwNAfooKn4Ax+nlM5jXZEEyO+bADqaJDOhgwWWIt1HU3/M44bmRu6kKME+RnQDfptQivkTvPyOCWP2XGJ6vuJdkIOYa+jrl0PsL/8SYCBPsM+4D6anot1wMFh5jjCXLj2KqDOgqJ6n/HeF5S/BjwH/5kj4E1WNMXtfFnHp/CkSSl4B0EACqkfZg8NIkKL9EMEan9O5A8f7YD86FgGuNsRnUOkIrqwVm5vlqLf4LfQ2DNgc10Zleqv+M4cj2cRRqBrwGrr3yJI/0ov71cAnVk4u6vv9ks768+Q9Ykjw6Azi47d3yt7tYIG17gc9pHuC9CpsZ6BR0xzRH2JXwOO4GdPZMW7ugCzQ3gpFBsGCIqbjwAa/FTaD5sz2sQGJLmQP89l2WtX4E+03uaOZnL2DU4Db6/R4BgohdHyx2OnY6r6Vs5u5ZWBq3Fenzgrf4Zsi8bv0wEAh14QlFi3AyR+gx905PNgG2ZWOK/SKY8jh2EF7aX0n9s8e1nIFpiW6GW2AG3rY3wN2MH/0Vr70GZF/WhERfe2/dUPU8x+gEP1q3mEt8WCBsA/6sD06Wuhm6H993gOGrHO4SA+WOv/Pp6Jhsal/7DDhee5+mMdih/LU+n8bA4ey7rGHzE52Rc5l+tR6fhkfLqkUzq1vA9j/Jn9qrYZbor5L/1YCvZVPyDCwXgty+vHF4BE10t5KS/lfSj/A0bORlHG5bGkAAAAAElFTkSuQmCC";
@@ -1823,7 +1882,7 @@ export default {
barCharts() {
var myChart = this.$echarts.init(document.getElementById("barCharts"));
let value = 18;
- let legendName = ['华北', '华中', '华东', '华南', '东北', '西北'];
+ let legendName = ["华北", "华中", "华东", "华南", "东北", "西北"];
var option = {
// backgroundColor: '#031845',
// title:{
@@ -1837,8 +1896,8 @@ export default {
// }
// },
tooltip: {
- trigger: 'item',
- formatter: "{b} : {d}%
{c}"
+ trigger: "item",
+ formatter: "{b} : {d}%
{c}",
},
// graphic: {
// elements: [
@@ -1866,296 +1925,312 @@ export default {
// }
// },
title: {
- subtext: '59.53万',
- text: '总计',
- x: 'center',
- y: '40%',
+ subtext: "59.53万",
+ text: "总计",
+ x: "center",
+ y: "40%",
textStyle: {
fontSize: 24,
- fontWeight: 'normal',
- color: '#00FFFF',
+ fontWeight: "normal",
+ color: "#00FFFF",
},
subtextStyle: {
fontSize: 28,
- fontWeight: 'normal',
+ fontWeight: "normal",
align: "center",
- color: '#CCCCCC'
+ color: "#CCCCCC",
},
},
- series: [{
- type: 'pie',
- radius: ['80', '120'],
- center: ['50%', '50%'],
- color: ['#80C269', '#00FFFF', '#0090F1', '#FFA800', '#4658F6'],
- itemStyle: {
- normal: {
- borderWidth: 5,
- borderColor: '#031845',
- }
- },
- data: [{
- value: 27,
- name: '严重不满人员'
- },
+ series: [
{
- value: 30,
- name: '关注群体'
- },
- {
- value: 24,
- name: '散居外国人'
- },
- {
- value: 27,
- name: '上访重点人'
- },
- {
- value: 27,
- name: '重点精神病'
- }
-
- ],
- labelLine: {
- normal: {
- show: true,
- length: 50,
- length2: 50,
- lineStyle: {
- color: '#CCCCCC',
- width: 2
- }
- }
- },
- label: {
- normal: {
- formatter: '{b|{b}}\n{hr|}\n{c|{c}%}',
- rich: {
- b: {
- fontSize:14,
- color: '#FFF',
- align: 'left',
- padding: 4
+ type: "pie",
+ radius: ["80", "120"],
+ center: ["50%", "50%"],
+ color: ["#80C269", "#00FFFF", "#0090F1", "#FFA800", "#4658F6"],
+ itemStyle: {
+ normal: {
+ borderWidth: 5,
+ borderColor: "#031845",
+ },
+ },
+ data: [
+ {
+ value: 27,
+ name: "严重不满人员",
+ },
+ {
+ value: 30,
+ name: "关注群体",
+ },
+ {
+ value: 24,
+ name: "散居外国人",
+ },
+ {
+ value: 27,
+ name: "上访重点人",
+ },
+ {
+ value: 27,
+ name: "重点精神病",
+ },
+ ],
+ labelLine: {
+ normal: {
+ show: true,
+ length: 50,
+ length2: 50,
+ lineStyle: {
+ color: "#CCCCCC",
+ width: 2,
},
- hr: {
- borderColor: '#CCCCCC',
- width: '100%',
- borderWidth: 2,
- height: 0
+ },
+ },
+ label: {
+ normal: {
+ formatter: "{b|{b}}\n{hr|}\n{c|{c}%}",
+ rich: {
+ b: {
+ fontSize: 14,
+ color: "#FFF",
+ align: "left",
+ padding: 4,
+ },
+ hr: {
+ borderColor: "#CCCCCC",
+ width: "100%",
+ borderWidth: 2,
+ height: 0,
+ },
+ c: {
+ fontSize: 14,
+ align: "center",
+ padding: 4,
+ color: "#00EDED",
+ },
},
- c: {
- fontSize: 14,
- align: 'center',
- padding: 4,
- color: '#00EDED'
- }
- }
- }
- }
- }
-
- ]
+ },
+ },
+ },
+ ],
};
myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();
});
},
- roseCharts() {
+ roseCharts() {
var myChart = this.$echarts.init(document.getElementById("roseCharts"));
var option = {
- color: ["#EAEA26", "#906BF9", "#FE5656", "#01E17E", "#3DD1F9", "#FFAD05"],
- // title: {
- // text: '网络/安全设备',
- // left: '60',
- // top: 0,
- // textAlign: 'center',
- // textStyle: {
- // color: '#fff',
- // fontSize: 14,
- // fontWeight: 0
- // }
- // },
- grid: {
- left: -100,
- top: 50,
- bottom: 10,
- right: 10,
- containLabel: true
- },
- tooltip: {
- trigger: 'item',
- formatter: "{b} : {c} ({d}%)"
- },
- legend: {
- type: "scroll",
- orient: "vartical",
- // x: "right",
- top: "center",
- right: "15",
- // bottom: "0%",
- itemWidth: 16,
- itemHeight: 8,
- itemGap: 16,
- textStyle: {
- color: '#A3E2F4',
- fontSize: 12,
- fontWeight: 0
+ color: [
+ "#EAEA26",
+ "#906BF9",
+ "#FE5656",
+ "#01E17E",
+ "#3DD1F9",
+ "#FFAD05",
+ ],
+ // title: {
+ // text: '网络/安全设备',
+ // left: '60',
+ // top: 0,
+ // textAlign: 'center',
+ // textStyle: {
+ // color: '#fff',
+ // fontSize: 14,
+ // fontWeight: 0
+ // }
+ // },
+ grid: {
+ left: -100,
+ top: 50,
+ bottom: 10,
+ right: 10,
+ containLabel: true,
},
- data: ['IDS', 'VPN', '交换机', '防火墙', 'WAF', '堡垒机']
- },
- polar: {},
- angleAxis: {
- interval: 1,
- type: 'category',
- data: [],
- z: 10,
- axisLine: {
+ tooltip: {
+ trigger: "item",
+ formatter: "{b} : {c} ({d}%)",
+ },
+ legend: {
+ type: "scroll",
+ orient: "vartical",
+ // x: "right",
+ top: "center",
+ right: "15",
+ // bottom: "0%",
+ itemWidth: 16,
+ itemHeight: 8,
+ itemGap: 16,
+ textStyle: {
+ color: "#A3E2F4",
+ fontSize: 12,
+ fontWeight: 0,
+ },
+ data: ["IDS", "VPN", "交换机", "防火墙", "WAF", "堡垒机"],
+ },
+ polar: {},
+ angleAxis: {
+ interval: 1,
+ type: "category",
+ data: [],
+ z: 10,
+ axisLine: {
show: false,
lineStyle: {
- color: "#0B4A6B",
- width: 1,
- type: "solid"
+ color: "#0B4A6B",
+ width: 1,
+ type: "solid",
},
- },
- axisLabel: {
+ },
+ axisLabel: {
interval: 0,
show: true,
color: "#0B4A6B",
margin: 8,
- fontSize: 16
+ fontSize: 16,
+ },
},
- },
- radiusAxis: {
- min: 40,
- max: 120,
- interval: 20,
- axisLine: {
+ radiusAxis: {
+ min: 40,
+ max: 120,
+ interval: 20,
+ axisLine: {
show: false,
lineStyle: {
- color: "#0B3E5E",
- width: 1,
- type: "solid"
+ color: "#0B3E5E",
+ width: 1,
+ type: "solid",
},
- },
- axisLabel: {
- formatter: '{value} %',
+ },
+ axisLabel: {
+ formatter: "{value} %",
show: false,
padding: [0, 0, 20, 0],
color: "#0B3E5E",
- fontSize: 16
- },
- splitLine: {
+ fontSize: 16,
+ },
+ splitLine: {
lineStyle: {
- color: "#0B3E5E",
- width: 2,
- type: "solid"
- }
- }
- },
- calculable: true,
- series: [{
- type: 'pie',
- radius: ["5%", "10%"],
- hoverAnimation: false,
- labelLine: {
- normal: {
+ color: "#0B3E5E",
+ width: 2,
+ type: "solid",
+ },
+ },
+ },
+ calculable: true,
+ series: [
+ {
+ type: "pie",
+ radius: ["5%", "10%"],
+ hoverAnimation: false,
+ labelLine: {
+ normal: {
show: false,
length: 30,
- length2: 55
+ length2: 55,
+ },
+ emphasis: {
+ show: false,
+ },
},
- emphasis: {
- show: false
- }
- },
- data: [{
- name: '',
- value: 0,
- itemStyle: {
- normal: {
- color: "#0B4A6B"
- }
- }
- }]
- }, {
- type: 'pie',
- radius: ["90%", "95%"],
- hoverAnimation: false,
- labelLine: {
- normal: {
+ data: [
+ {
+ name: "",
+ value: 0,
+ itemStyle: {
+ normal: {
+ color: "#0B4A6B",
+ },
+ },
+ },
+ ],
+ },
+ {
+ type: "pie",
+ radius: ["90%", "95%"],
+ hoverAnimation: false,
+ labelLine: {
+ normal: {
show: false,
length: 30,
- length2: 55
+ length2: 55,
+ },
+ emphasis: {
+ show: false,
+ },
},
- emphasis: {
- show: false
- }
- },
- name: "",
- data: [{
- name: '',
- value: 0,
- itemStyle: {
- normal: {
- color: "#0B4A6B"
- }
- }
- }]
- },{
- stack: 'a',
- type: 'pie',
- radius: ['20%', '80%'],
- roseType: 'area',
- zlevel:10,
- label: {
- normal: {
+ name: "",
+ data: [
+ {
+ name: "",
+ value: 0,
+ itemStyle: {
+ normal: {
+ color: "#0B4A6B",
+ },
+ },
+ },
+ ],
+ },
+ {
+ stack: "a",
+ type: "pie",
+ radius: ["20%", "80%"],
+ roseType: "area",
+ zlevel: 10,
+ label: {
+ normal: {
show: true,
formatter: "{c}",
textStyle: {
- fontSize: 12,
+ fontSize: 12,
},
- position: 'outside'
+ position: "outside",
+ },
+ emphasis: {
+ show: true,
+ },
},
- emphasis: {
- show: true
- }
- },
- labelLine: {
- normal: {
+ labelLine: {
+ normal: {
show: true,
length: 20,
- length2: 55
+ length2: 55,
+ },
+ emphasis: {
+ show: false,
+ },
},
- emphasis: {
- show: false
- }
- },
- data: [{
+ data: [
+ {
value: 10,
- name: 'IDS'
- },
- {
+ name: "IDS",
+ },
+ {
value: 5,
- name: 'VPN'
- },
- {
+ name: "VPN",
+ },
+ {
value: 15,
- name: '交换机'
- },
- {
+ name: "交换机",
+ },
+ {
value: 25,
- name: '防火墙'
- },
- {
+ name: "防火墙",
+ },
+ {
value: 20,
- name: 'WAF'
- },
- {
+ name: "WAF",
+ },
+ {
value: 35,
- name: '堡垒机'
- }
- ]
- }, ]
-}
+ name: "堡垒机",
+ },
+ ],
+ },
+ ],
+ };
myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();
@@ -2339,14 +2414,14 @@ export default {
let yearChbc = [];
let yearWchz = [];
let yearJieDi = [];
- let yearFenJi = []
+ let yearFenJi = [];
for (let i = 0; i < dataList.length; i++) {
yearBzData.push(dataList[i].bz);
yearChcg.push(dataList[i].chcg);
yearChbc.push(dataList[i].chbc);
yearWchz.push(dataList[i].wchz);
yearJieDi.push(dataList[i].jd);
- yearFenJi.push(dataList[i].fjbh)
+ yearFenJi.push(dataList[i].fjbh);
}
// console.log(yearJieDi,'接地数据');
let that = this;
@@ -2683,7 +2758,6 @@ export default {
});
},
detailedFive() {
-
let myChart = this.$echarts.init(document.getElementById("detailedFive"));
var option = {
tooltip: {
@@ -2764,7 +2838,7 @@ export default {
//报警详情信息弹窗
enlargeBtn(index) {
let that = this;
- this.pageShow = false
+ this.pageShow = false;
if (index == 0) {
// let endDate = this.$moment(new Date())
// .format("YYYY-MM-DD hh:mm:ss");
@@ -2790,8 +2864,8 @@ export default {
});
this.alarmInformationShow = true;
this.$nextTick(() => {
- this.pageShow = true
- })
+ this.pageShow = true;
+ });
this.realTimeAlarmShow = false;
this.handleCurrentChange(1);
} else if (index == 1) {
@@ -2808,7 +2882,7 @@ export default {
},
//报警详情信息弹窗
enlargeBtn1(index) {
- this.pageShow = false
+ this.pageShow = false;
if (index == 0) {
// this.$refs.audio.currentTime = 0; //从头开始播放提示音
// this.$refs.audio.play();
@@ -2820,8 +2894,8 @@ export default {
});
this.alarmInformationShow = true;
this.$nextTick(() => {
- this.pageShow = true
- })
+ this.pageShow = true;
+ });
this.realTimeAlarmShow = false;
this.handleCurrentChange(1);
} else if (index == 1) {
@@ -3010,7 +3084,7 @@ export default {
justify-content: center !important;
}
- /deep/ .el-table th.el-table__cell>.cell {
+ /deep/ .el-table th.el-table__cell > .cell {
color: rgb(86, 254, 226);
}
@@ -3053,7 +3127,7 @@ export default {
flex-flow: column nowrap;
justify-content: space-between;
- &>div {
+ & > div {
width: 100%;
background: url("../assets/indexN/boxLr.png") no-repeat;
background-size: 100% 100%;
@@ -3080,7 +3154,7 @@ export default {
.line3 {
width: 30%;
- // display: flex;
+ // display: flex;
flex-flow: column nowrap;
.total {
@@ -3089,7 +3163,7 @@ export default {
justify-content: space-around;
// margin-bottom: 15%;
margin-bottom: 1%;
- height: 100%;
+ height: 100%;
.num {
display: flex;
flex-flow: column nowrap;
@@ -3097,20 +3171,20 @@ export default {
align-items: center;
color: #ffffff;
width: 100%;
-
- .num1{
- background: url("../assets/indexN/总数据标题框.png") no-repeat;
- width: 100%;
- height: 100%;
- background-size: 100%;
- line-height: 250%;
- text-align: center;
- }
+
+ .num1 {
+ background: url("../assets/indexN/总数据标题框.png") no-repeat;
+ width: 100%;
+ height: 100%;
+ background-size: 100%;
+ line-height: 250%;
+ text-align: center;
+ }
.numText {
color: #ffffff;
- background: url("../assets/indexN/总数据数据框.png") no-repeat;
- background-size: 100%;
- width: 100%;
+ background: url("../assets/indexN/总数据数据框.png") no-repeat;
+ background-size: 100%;
+ width: 100%;
height: 74px;
}
@@ -3119,10 +3193,11 @@ export default {
position: absolute;
z-index: 10;
color: rgb(254, 209, 86) !important;
- -webkit-mask: linear-gradient(to top,
- rgb(254, 162, 86),
- transparent);
-
+ -webkit-mask: linear-gradient(
+ to top,
+ rgb(254, 162, 86),
+ transparent
+ );
}
}
}
@@ -3144,7 +3219,7 @@ export default {
padding: 0 10px 0 0;
box-sizing: border-box;
- &>div {
+ & > div {
font-size: 18px;
color: #ffffff;
}
@@ -3156,7 +3231,7 @@ export default {
}
}
}
-
+
#detailedTwo1 {
// width: 100%;
// height: calc(100% - 52px);
@@ -3170,7 +3245,7 @@ export default {
width: 100%;
height: calc(100% - 150px);
}
-
+
#barCharts {
// width: 100%;
// height: calc(100% - 52px);
@@ -3191,7 +3266,7 @@ export default {
flex-flow: column nowrap;
justify-content: space-between;
- &>div {
+ & > div {
width: 100%;
background: url("../assets/indexN/boxLr.png") no-repeat;
background-size: 100% 100%;
@@ -3216,7 +3291,7 @@ export default {
justify-content: space-between;
.line3 {
- width: 30%;
+ width: 30%;
display: flex;
flex-flow: column nowrap;
@@ -3224,29 +3299,29 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
- margin-bottom: 1%;
- height: 100%;
+ margin-bottom: 1%;
+ height: 100%;
.num {
- display: flex;
+ display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #ffffff;
width: 100%;
-
- .num1{
- background: url("../assets/indexN/总数据标题框.png") no-repeat;
- width: 100%;
- // height: 100%;
- background-size: 100%;
- line-height: 250%;
- text-align: center;
- }
+
+ .num1 {
+ background: url("../assets/indexN/总数据标题框.png") no-repeat;
+ width: 100%;
+ // height: 100%;
+ background-size: 100%;
+ line-height: 250%;
+ text-align: center;
+ }
.numText {
color: #ffffff;
- background: url("../assets/indexN/总数据数据框.png") no-repeat;
- background-size: 100%;
- width: 100%;
+ background: url("../assets/indexN/总数据数据框.png") no-repeat;
+ background-size: 100%;
+ width: 100%;
height: 74px;
}
@@ -3255,10 +3330,11 @@ export default {
position: absolute;
z-index: 10;
color: rgb(254, 209, 86) !important;
- -webkit-mask: linear-gradient(to top,
- rgb(254, 162, 86),
- transparent);
-
+ -webkit-mask: linear-gradient(
+ to top,
+ rgb(254, 162, 86),
+ transparent
+ );
}
}
}
@@ -3280,7 +3356,7 @@ export default {
padding: 0 10px 0 0;
box-sizing: border-box;
- &>div {
+ & > div {
font-size: 18px;
color: #ffffff;
}
@@ -3297,10 +3373,10 @@ export default {
width: 100%;
height: calc(100% - 52px);
}
- #detailedOne {
- width: 100%;
- height: calc(100% - 200px);
- }
+ #detailedOne {
+ width: 100%;
+ height: calc(100% - 200px);
+ }
#horizontalChart {
// width: 100%;
// height: calc(100% - 52px);
@@ -3319,12 +3395,12 @@ export default {
justify-content: space-between;
.imgboxone {
background: url("../assets/indexN/中间总数据外框.png") no-repeat;
- background-size: 100%;
- width: 80%;
- height: 20%;
- position: relative;
- top: -28%;
- left: 19%;
+ background-size: 100%;
+ width: 80%;
+ height: 20%;
+ position: relative;
+ top: -28%;
+ left: 19%;
.contents {
// height: 90%;
position: absolute;
@@ -3338,7 +3414,7 @@ export default {
.lines {
width: 106%;
padding: 10px 0 0 0px;
- // background: url("../assets/index/总数据小框.png") no-repeat;
+ // background: url("../assets/index/总数据小框.png") no-repeat;
}
.total {
@@ -3378,7 +3454,7 @@ export default {
background-size: 100%;
float: right;
right: 2%;
- top: 20%;
+ top: 23%;
width: 28vh;
height: 100%;
position: relative;
@@ -3407,13 +3483,12 @@ export default {
margin-left: -20%;
.allimg {
position: relative;
- left: 31%;
- top: 35%;
+ left: 28.8%;
+ top: 34%;
}
}
}
-
.right {
// width: 604px;
width: 17.18%;
@@ -3421,12 +3496,12 @@ export default {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
-
- &>div {
+
+ & > div {
width: 100%;
background: url("../assets/indexN/boxLr.png") no-repeat;
background-size: 100% 100%;
- position: relative;
+ position: relative;
.cartitle {
height: 52px;
width: 100%;
@@ -3444,205 +3519,205 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
- .contentUl {
- display: flex;
- flex-wrap: wrap;
- height: 20%;
- width: 100%;
- position: relative;
- .top {
- position: relative;
- flex-basis: calc(100% / 3);
- height: 50%;
- left: 33%;
- img {
- margin-top: 15%;
- }
- .texts {
- color: orange;
- position: absolute;
- z-index: 2;
- left: 32%;
- top: 25%;
- align-items: center;
- font-size: 32px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
+ .contentUl {
display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 10%;
- }
- }
- .top1 {
- position: absolute;
- flex-basis: calc(100% / 3);
+ flex-wrap: wrap;
+ height: 20%;
+ width: 100%;
+ position: relative;
+ .top {
+ position: relative;
+ flex-basis: calc(100% / 3);
+ height: 50%;
+ left: 33%;
+ img {
+ margin-top: 15%;
+ }
+ .texts {
+ color: orange;
+ position: absolute;
+ z-index: 2;
+ left: 32%;
+ top: 25%;
+ align-items: center;
+ font-size: 32px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 10%;
+ }
+ }
+ .top1 {
+ position: absolute;
+ flex-basis: calc(100% / 3);
height: 100%;
- img {
- margin-top: 30%;
- }
- .texts {
- color: #fff;
- position: absolute;
- z-index: 2;
- left: 0%;
- top: 27%;
- width: 87%;
- height: 100%;
- padding-top: 27%;
- background: url("../assets/indexN/乡村图标2.png") no-repeat;
- background-size: 100%;
- align-items: center;
- font-size: 24px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 130%;
- }
- }
- .top2 {
- position: absolute;
- flex-basis: calc(100% / 3);
+ img {
+ margin-top: 30%;
+ }
+ .texts {
+ color: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 0%;
+ top: 27%;
+ width: 87%;
+ height: 100%;
+ padding-top: 27%;
+ background: url("../assets/indexN/乡村图标2.png") no-repeat;
+ background-size: 100%;
+ align-items: center;
+ font-size: 24px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 130%;
+ }
+ }
+ .top2 {
+ position: absolute;
+ flex-basis: calc(100% / 3);
height: 100%;
left: 21%;
- top: -33%;
- img {
- margin-top: 30%;
- }
- .texts {
- color: #fff;
- position: absolute;
- z-index: 2;
- left: 0%;
- top: 27%;
- width: 87%;
- height: 100%;
- padding-top: 27%;
- background: url("../assets/indexN/乡村图标2.png") no-repeat;
- background-size: 100%;
- align-items: center;
- font-size: 24px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 130%;
- }
- }
- .top3 {
- position: absolute;
- flex-basis: calc(100% / 3);
+ top: -33%;
+ img {
+ margin-top: 30%;
+ }
+ .texts {
+ color: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 0%;
+ top: 27%;
+ width: 87%;
+ height: 100%;
+ padding-top: 27%;
+ background: url("../assets/indexN/乡村图标2.png") no-repeat;
+ background-size: 100%;
+ align-items: center;
+ font-size: 24px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 130%;
+ }
+ }
+ .top3 {
+ position: absolute;
+ flex-basis: calc(100% / 3);
height: 100%;
left: 29%;
- top: 50%;
- img {
- margin-top: 30%;
- }
- .texts {
- color: #fff;
- position: absolute;
- z-index: 2;
- left: 0%;
- top: 27%;
- width: 87%;
- height: 100%;
- padding-top: 27%;
- background: url("../assets/indexN/乡村图标2.png") no-repeat;
- background-size: 100%;
- align-items: center;
- font-size: 24px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 130%;
- }
- }
- .top4 {
- position: absolute;
- flex-basis: calc(100% / 3);
+ top: 50%;
+ img {
+ margin-top: 30%;
+ }
+ .texts {
+ color: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 0%;
+ top: 27%;
+ width: 87%;
+ height: 100%;
+ padding-top: 27%;
+ background: url("../assets/indexN/乡村图标2.png") no-repeat;
+ background-size: 100%;
+ align-items: center;
+ font-size: 24px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 130%;
+ }
+ }
+ .top4 {
+ position: absolute;
+ flex-basis: calc(100% / 3);
height: 100%;
- left: 64%;
- top: 15%;
- img {
- margin-top: 30%;
- }
- .texts {
- color: #fff;
- position: absolute;
- z-index: 2;
- left: 0%;
- top: 27%;
- width: 87%;
- height: 100%;
- padding-top: 27%;
- background: url("../assets/indexN/乡村图标2.png") no-repeat;
- background-size: 100%;
- align-items: center;
- font-size: 24px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 130%;
- }
- }
- .top5 {
- position: absolute;
- flex-basis: calc(100% / 3);
+ left: 64%;
+ top: 15%;
+ img {
+ margin-top: 30%;
+ }
+ .texts {
+ color: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 0%;
+ top: 27%;
+ width: 87%;
+ height: 100%;
+ padding-top: 27%;
+ background: url("../assets/indexN/乡村图标2.png") no-repeat;
+ background-size: 100%;
+ align-items: center;
+ font-size: 24px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 130%;
+ }
+ }
+ .top5 {
+ position: absolute;
+ flex-basis: calc(100% / 3);
height: 100%;
- left: 82%;
- top: -22%;
- img {
- margin-top: 30%;
+ left: 82%;
+ top: -22%;
+ img {
+ margin-top: 30%;
+ }
+ .texts {
+ color: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 0%;
+ top: 27%;
+ width: 87%;
+ height: 100%;
+ padding-top: 27%;
+ background: url("../assets/indexN/乡村图标2.png") no-repeat;
+ background-size: 100%;
+ align-items: center;
+ font-size: 24px;
+ }
+ h4 {
+ color: #fff;
+ font-size: 18px;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ line-height: 1;
+ padding-top: 130%;
+ }
+ }
}
- .texts {
- color: #fff;
- position: absolute;
- z-index: 2;
- left: 0%;
- top: 27%;
- width: 87%;
- height: 100%;
- padding-top: 27%;
- background: url("../assets/indexN/乡村图标2.png") no-repeat;
- background-size: 100%;
- align-items: center;
- font-size: 24px;
- }
- h4 {
- color: #fff;
- font-size: 18px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- line-height: 1;
- padding-top: 130%;
- }
- }
- }
.line3 {
- width: 30%;
+ width: 30%;
display: flex;
flex-flow: column nowrap;
@@ -3651,28 +3726,28 @@ export default {
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 1%;
- height: 100%;
- .num {
+ height: 100%;
+ .num {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #ffffff;
width: 100%;
-
- .num1{
- background: url("../assets/indexN/总数据标题框.png") no-repeat;
- width: 100%;
- height: 100%;
- background-size: 100%;
- line-height: 200%;
- text-align: center;
- }
+
+ .num1 {
+ background: url("../assets/indexN/总数据标题框.png") no-repeat;
+ width: 100%;
+ height: 100%;
+ background-size: 100%;
+ line-height: 200%;
+ text-align: center;
+ }
.numText {
color: #ffffff;
- background: url("../assets/indexN/总数据数据框.png") no-repeat;
- background-size: 100%;
- width: 100%;
+ background: url("../assets/indexN/总数据数据框.png") no-repeat;
+ background-size: 100%;
+ width: 100%;
height: 74px;
}
@@ -3681,10 +3756,11 @@ export default {
position: absolute;
z-index: 10;
color: rgb(254, 209, 86) !important;
- -webkit-mask: linear-gradient(to top,
- rgb(254, 162, 86),
- transparent);
-
+ -webkit-mask: linear-gradient(
+ to top,
+ rgb(254, 162, 86),
+ transparent
+ );
}
}
}
@@ -3706,7 +3782,7 @@ export default {
padding: 0 10px 0 0;
box-sizing: border-box;
- &>div {
+ & > div {
font-size: 18px;
color: #ffffff;
}
@@ -3764,11 +3840,11 @@ export default {
flex-flow: column nowrap;
justify-content: space-between;
- &>div {
+ & > div {
width: 100%;
background: url("../assets/indexN/boxLr.png") no-repeat;
background-size: 100% 100%;
- position: relative;
+ position: relative;
.cartitle {
height: 52px;
width: 100%;
@@ -3797,7 +3873,7 @@ export default {
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 1%;
- height: 100%;
+ height: 100%;
.num {
display: flex;
flex-flow: column nowrap;
@@ -3805,20 +3881,20 @@ export default {
align-items: center;
color: #ffffff;
width: 100%;
-
- .num1{
- background: url("../assets/indexN/总数据标题框.png") no-repeat;
- width: 100%;
- // height: 100%;
- background-size: 100%;
- line-height: 250%;
- text-align: center;
- }
+
+ .num1 {
+ background: url("../assets/indexN/总数据标题框.png") no-repeat;
+ width: 100%;
+ // height: 100%;
+ background-size: 100%;
+ line-height: 250%;
+ text-align: center;
+ }
.numText {
color: #ffffff;
- background: url("../assets/indexN/总数据数据框.png") no-repeat;
- background-size: 100%;
- width: 100%;
+ background: url("../assets/indexN/总数据数据框.png") no-repeat;
+ background-size: 100%;
+ width: 100%;
height: 74px;
}
@@ -3827,10 +3903,11 @@ export default {
position: absolute;
z-index: 10;
color: rgb(254, 209, 86) !important;
- -webkit-mask: linear-gradient(to top,
- rgb(254, 162, 86),
- transparent);
-
+ -webkit-mask: linear-gradient(
+ to top,
+ rgb(254, 162, 86),
+ transparent
+ );
}
}
}
@@ -3852,7 +3929,7 @@ export default {
padding: 0 10px 0 0;
box-sizing: border-box;
- &>div {
+ & > div {
font-size: 18px;
color: #ffffff;
}
@@ -3865,7 +3942,7 @@ export default {
}
}
}
- #detailen {
+ #detailen {
width: 100%;
height: calc(100% - 150px);
}
@@ -3913,12 +3990,14 @@ export default {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
- background-image: linear-gradient(to bottom,
- rgb(255, 255, 255),
- rgb(123, 247, 245));
- img {
- margin: 20px;
- }
+ background-image: linear-gradient(
+ to bottom,
+ rgb(255, 255, 255),
+ rgb(123, 247, 245)
+ );
+ img {
+ margin: 20px;
+ }
}
//弹窗样式
@@ -3994,9 +4073,11 @@ export default {
display: flex;
-webkit-background-clip: text;
background-clip: text;
- background-image: linear-gradient(to bottom,
- rgb(255, 255, 255),
- rgb(86, 244, 254));
+ background-image: linear-gradient(
+ to bottom,
+ rgb(255, 255, 255),
+ rgb(86, 244, 254)
+ );
}
}
@@ -4054,7 +4135,7 @@ export default {
// word-break: break-all;
}
- /deep/ .el-table th.el-table__cell>.cell {
+ /deep/ .el-table th.el-table__cell > .cell {
color: #ffffff;
}
@@ -4078,7 +4159,11 @@ export default {
background: rgba(79, 218, 255, 0.1) !important;
}
- ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
+ ::v-deep
+ .el-table--striped
+ .el-table__body
+ tr.el-table__row--striped
+ td {
background: rgba(79, 218, 255, 0.06) !important;
}
}
@@ -4152,87 +4237,87 @@ export default {
}
}
}
- .content3 {
- padding: 24px 31px 0 31px;
- box-sizing: border-box;
+ .content3 {
+ padding: 24px 31px 0 31px;
+ box-sizing: border-box;
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: space-between;
+
+ .line3 {
+ width: 262px;
+ display: flex;
+ flex-flow: column nowrap;
+
+ .total {
display: flex;
flex-flow: row nowrap;
- justify-content: space-between;
+ justify-content: space-around;
+ margin-bottom: 1%;
- .line3 {
- width: 262px;
+ .num {
display: flex;
flex-flow: column nowrap;
+ justify-content: center;
+ align-items: center;
+ color: #ffffff;
- .total {
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-around;
- margin-bottom: 1%;
-
- .num {
- display: flex;
- flex-flow: column nowrap;
- justify-content: center;
- align-items: center;
- color: #ffffff;
-
- .numText {
- color: #ffffff;
- }
-
- .numText:before {
- content: attr(text);
- position: absolute;
- z-index: 10;
- color: rgb(86, 254, 246) !important;
- -webkit-mask: linear-gradient(to top,
- rgb(86, 244, 254),
- transparent);
- }
- }
+ .numText {
+ color: #ffffff;
}
- .info {
- display: flex;
- flex-flow: column nowrap;
-
- .lists {
- width: 100%;
- height: 32px;
- background: url("../assets/images/cardSquare.png") no-repeat;
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-between;
- align-items: center;
- background-size: 100% 100%;
- margin-bottom: 9%;
- padding: 0 10px 0 0;
- box-sizing: border-box;
-
- &>div {
- font-size: 18px;
- color: #ffffff;
- }
-
- .number {
- color: rgb(86, 254, 226);
- }
- }
+ .numText:before {
+ content: attr(text);
+ position: absolute;
+ z-index: 10;
+ color: rgb(86, 254, 246) !important;
+ -webkit-mask: linear-gradient(
+ to top,
+ rgb(86, 244, 254),
+ transparent
+ );
}
}
-
}
- #roseCharts {
- // width: 100%;
- // height: calc(100% - 52px);
- width: 60%;
- height: calc(100% - 200px);
- position: absolute;
- top: 28%;
- left: 33%;
+
+ .info {
+ display: flex;
+ flex-flow: column nowrap;
+
+ .lists {
+ width: 100%;
+ height: 32px;
+ background: url("../assets/images/cardSquare.png") no-repeat;
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: space-between;
+ align-items: center;
+ background-size: 100% 100%;
+ margin-bottom: 9%;
+ padding: 0 10px 0 0;
+ box-sizing: border-box;
+
+ & > div {
+ font-size: 18px;
+ color: #ffffff;
+ }
+
+ .number {
+ color: rgb(86, 254, 226);
+ }
+ }
}
-
+ }
+ }
+ #roseCharts {
+ // width: 100%;
+ // height: calc(100% - 52px);
+ width: 60%;
+ height: calc(100% - 200px);
+ position: absolute;
+ top: 28%;
+ left: 33%;
+ }
}
.selectChange {
@@ -4323,4 +4408,4 @@ export default {
// .el-pager li:hover{
// color:black
// }
-
\ No newline at end of file
+
盐城地区分布光伏运行监测
-
+