+
暂无报警数据
{{item.siteName}}
@@ -308,7 +309,9 @@
ProjectList: [
{
//数据格式
- name: "全部",
+
+ name: "全 部",
+ shortName: "全 部",
position: "定位坐标",
ZoomLevel: "8",
platformCode: ""
@@ -345,350 +348,21 @@
// RegionName: "苏州",
// RegionJD: "90",
// RegionNum: "8600"
+ // ShortName: "苏州"
// }
],
// 区域站点覆盖排名B
// 区域设备总览A
myChart: {},
+ XianYou: "", //现有设备总数
+ DaJian: "", //搭建设备总数
// 区域设备总览B
// 区域设备环比增长A
myChart2: {},
// 区域设备环比增长B
// 站点实时报警A
- // WaringListData：测试数据
- WaringListData: {
- code: 200,
- msg: "请求成功",
- data: {
- total: 59471,
- size: 20,
- current: 1,
- records: [
- {
- sidx: null,
- order: null,
- id: "144683",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 17:00:00",
- createTime: "2019-11-11 17:01:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144684",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 17:00:00",
- createTime: "2019-11-11 17:01:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144681",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:50:00",
- createTime: "2019-11-11 16:56:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144682",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:50:00",
- createTime: "2019-11-11 16:56:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144677",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:45:00",
- createTime: "2019-11-11 16:46:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144678",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:45:00",
- createTime: "2019-11-11 16:46:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144675",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:35:00",
- createTime: "2019-11-11 16:41:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144676",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:35:00",
- createTime: "2019-11-11 16:41:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144671",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:30:00",
- createTime: "2019-11-11 16:31:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144672",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:30:00",
- createTime: "2019-11-11 16:31:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144669",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:20:00",
- createTime: "2019-11-11 16:26:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144670",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:20:00",
- createTime: "2019-11-11 16:26:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144665",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:15:00",
- createTime: "2019-11-11 16:16:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144666",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:15:00",
- createTime: "2019-11-11 16:16:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144663",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:05:00",
- createTime: "2019-11-11 16:11:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144664",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:05:00",
- createTime: "2019-11-11 16:11:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144659",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 16:00:00",
- createTime: "2019-11-11 16:01:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144660",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 16:00:00",
- createTime: "2019-11-11 16:01:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144657",
- siteNo: "0230190001",
- siteName: "JL002文星路382号",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "Z",
- factorsName: "水位1",
- warnValue: 0.03,
- ttTime: "2019-11-11 15:50:00",
- createTime: "2019-11-11 15:56:00",
- auditorMsg: null,
- flag: false
- },
- {
- sidx: null,
- order: null,
- id: "144658",
- siteNo: "0230190008",
- siteName: "JL010沿河东路南段",
- warnType: 1,
- warnTypeDesc: "预警",
- factorsAscii: "SBL1",
- factorsName: "小时水量1",
- warnValue: 0.0,
- ttTime: "2019-11-11 15:50:00",
- createTime: "2019-11-11 15:56:00",
- auditorMsg: null,
- flag: false
- }
- ],
- pages: 2974
- }
- },
- WaringList: []
+ WaringList: [],
+ NoBaoJingData: true //有无报警数据，有就为false
// 站点实时报警B
};
},
@@ -757,6 +431,81 @@
message(response);
});
},
+ // 加载 区域设备总览
+ loadQuyuShebei() {
+ this.$http
+ .post(this.nozzle.platEquipmentGetEquipStatistics, {
+ data: {
+ platform: this.ChecksplatformCode
+ }
+ })
+ .then(response => {
+ if (response.data.code === 200) {
+ this.loadRegionEcharts(
+ response.data.data.title,
+ response.data.data.exiting,
+ response.data.data.tobebuilt
+ );
+ this.XianYou = response.data.data.exitingsum;
+ this.DaJian = response.data.data.tobebuiltsum;
+ } else {
+ message(response);
+ }
+ })
+ .catch(response => {
+ message(response);
+ });
+ },
+ // 加载 区域设备环比增长
+ loadQuYuSheBeiHuanBi() {
+ this.$http
+ .post(this.nozzle.sysPlatformGetSiteStateStatistics, {
+ data: {
+ platform: this.ChecksplatformCode
+ }
+ })
+ .then(response => {
+ if (response.data.code === 200) {
+ this.loadRegionEcharts2(
+ response.data.data.xdata,
+ response.data.data.offline,
+ response.data.data.warn,
+ response.data.data.malfunction,
+ response.data.data.alarm
+ );
+ } else {
+ message(response);
+ }
+ })
+ .catch(response => {
+ message(response);
+ });
+ },
+ // 加载 站点实时报警信息
+ loadSiteBaoJing() {
+ this.NoBaoJingData = true;
+ this.WaringList = [];
+ this.$http
+ .post(this.nozzle.warnLogGetWarnLogOfPlatform, {
+ data: {
+ platform: this.ChecksplatformCode
+ }
+ })
+ .then(response => {
+ if (response.data.code === 200) {
+ if (response.data.data.total > 0) {
+ // 没有数据 显示暂无数据的提示
+ this.NoBaoJingData = false;
+ }
+ this.WaringList = response.data.data.records;
+ } else {
+ message(response);
+ }
+ })
+ .catch(response => {
+ message(response);
+ });
+ },
// 点击项目
ListClick(index, item) {
console.log(item);
@@ -764,9 +513,15 @@
this.ChecksplatformCode = item.platformCode;
// 根据平台渲染站点数量统计及状态统计
this.loadSiteNumForOroject();
+ // 根据平台渲染区域设备总览
+ this.loadQuyuShebei();
+ // 根据平台渲染区域设备环比增长
+ this.loadQuYuSheBeiHuanBi();
+ // 根据平台渲染站点实时报警信息
+ this.loadSiteBaoJing();
},
// 加载区域设备总览的ecahrts
- loadRegionEcharts() {
+ loadRegionEcharts(SheBeiLeiXing, XianYouData, DaJianData) {
// 基于准备好的dom，初始化echarts实例
this.myChart = this.$echarts.init(
document.getElementById("previewOfSiteStatusCentent4eCharts")
@@ -784,16 +539,7 @@
},
radar: [
{
- indicator: [
- { text: "电子围栏" },
- { text: "其他" },
- { text: "监测点" },
- { text: "监控探头" },
- { text: "视频监控" },
- { text: "站点" },
- { text: "泵机" },
- { text: "测量仪" }
- ],
+ indicator: SheBeiLeiXing,
radius: 70,
shape: "circle"
}
@@ -808,7 +554,7 @@
data: [
{
name: "现有设备",
- value: [45, 40, 60, 55, 78, 20, 40, 35],
+ value: XianYouData,
areaStyle: {
normal: {
color: "rgb(255, 217, 0)"
@@ -828,7 +574,7 @@
},
{
name: "搭建设备",
- value: [14, 20, 16, 12, 33, 35, 40, 40],
+ value: DaJianData,
areaStyle: {
normal: {
color: "rgb(0, 119, 254)" // 选择区域颜色
@@ -852,7 +598,7 @@
});
},
// 加载区域设备环比增长的ecahrts
- loadRegionEcharts2() {
+ loadRegionEcharts2(XData, V1, V2, V3, V4) {
// 基于准备好的dom，初始化echarts实例
this.myChart2 = this.$echarts.init(
document.getElementById("previewOfSiteStatusCentent5")
@@ -860,25 +606,16 @@
this.myChart2.clear();
this.myChart2.setOption({
color: [
- "rgb(251,122,143)",
- "rgb(111,254,153)",
+ "rgb(140,143,146)",
"rgb(255,214,0)",
- "rgb(67,253,255)",
- "rgb(180,123,254)",
- "rgb(250,167,87)"
+ "rgb(229,132,12)",
+ "rgb(211,22,22)"
],
tooltip: {
trigger: "axis"
},
legend: {
- data: [
- "电子围栏",
- "视频监控",
- "监控探头",
- " 测量仪 ",
- " 泵 机 ",
- " 站 点 "
- ],
+ data: ["离线数量", "预警数量", "故障数量", "报警数量"],
textStyle: {
//图例文字的样式
color: "#fff",
@@ -887,20 +624,21 @@
},
grid: {
left: "3%",
- right: "4%",
+ right: "6%",
bottom: "3%",
containLabel: true
},
xAxis: {
type: "category",
boundaryGap: false,
- data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+ data: XData,
axisLabel: {
formatter: "{value}",
textStyle: {
//改变刻度字体样式
color: "#fff"
- }
+ },
+ fontSize: 12 //字体大小
},
splitLine: {
show: false
@@ -913,7 +651,8 @@
textStyle: {
//改变刻度字体样式
color: "#fff"
- }
+ },
+ fontSize: 12 //字体大小
},
splitLine: {
show: false
@@ -921,44 +660,30 @@
},
series: [
{
- name: "电子围栏",
+ name: "离线数量",
type: "line",
- data: [120, 132, 101, 134, 90, 230, 210],
+ data: V1,
smooth: true,
symbol: "none" //取消折点圆圈
},
{
- name: " 测量仪 ",
+ name: "预警数量",
type: "line",
- data: [220, 182, 191, 234, 290, 330, 310],
+ data: V2,
smooth: true,
symbol: "none" //取消折点圆圈
},
{
- name: " 泵 机 ",
+ name: "故障数量",
type: "line",
- data: [150, 232, 201, 154, 190, 330, 410],
+ data: V3,
smooth: true,
symbol: "none" //取消折点圆圈
},
{
- name: " 站 点 ",
+ name: "报警数量",
type: "line",
- data: [320, 332, 301, 334, 390, 330, 320],
- smooth: true,
- symbol: "none" //取消折点圆圈
- },
- {
- name: "视频监控",
- type: "line",
- data: [820, 932, 901, 934, 1290, 1330, 1320],
- smooth: true,
- symbol: "none" //取消折点圆圈
- },
- {
- name: "监控探头",
- type: "line",
- data: [656, 775, 658, 669, 447, 665, 111],
+ data: V4,
smooth: true,
symbol: "none" //取消折点圆圈
}
@@ -988,9 +713,6 @@
// 默认加载区域站点覆盖排名
this.loadQuyuPaiMing();
- this.loadRegionEcharts();
- this.loadRegionEcharts2();
- this.WaringList = this.WaringListData.data.records;
this.$nextTick(function() {
this.timer = setInterval(this.ScrollUp, 50);
});
@@ -1141,20 +863,19 @@
box-sizing: border-box;
}
.previewOfSiteStatusCentent1Li {
- /* width: auto; */
- height: 26px;
- line-height: 19px;
+ width: auto;
+ height: 32px;
+ line-height: 26px;
border: 1px solid rgb(0, 119, 254);
float: left;
- padding: 3px 10px;
+ padding: 3px 18px;
color: rgb(0, 119, 254);
margin: 5px 10px;
text-overflow: ellipsis;
white-space: nowrap;
- width: 150px;
- box-sizing: border-box;
overflow: hidden;
font-size: 14px;
+ box-sizing: border-box;
}
.selectPreviewOfSiteStatusCentent1Li {
border: 1px solid rgb(255, 217, 0);
@@ -1396,5 +1117,9 @@
.Yellow {
color: yellow;
}
+.NoBaoJing {
+ position: relative;
+ top: 50px;
+}
/* 站点实时报警B */
\ No newline at end of file