Compare commits
2 Commits
41b6b661e5
...
8ce3f155ee
Author | SHA1 | Date |
---|---|---|
|
8ce3f155ee | |
|
ce2c247386 |
File diff suppressed because it is too large
Load Diff
|
@ -19,7 +19,6 @@
|
|||
"less-loader": "^5.0.0",
|
||||
"moment": "^2.29.4",
|
||||
"mqtt": "^4.3.7",
|
||||
"node-sass": "^8.0.0",
|
||||
"pdfjs-dist": "2.5.207",
|
||||
"postcss-px2rem-exclude": "^0.0.6",
|
||||
"semver": "^7.4.0",
|
||||
|
@ -36,7 +35,8 @@
|
|||
"@vue/cli-plugin-babel": "^3.0.4",
|
||||
"@vue/cli-service": "^3.0.4",
|
||||
"mini-css-extract-plugin": "^2.7.2",
|
||||
"sass-loader": "^7.0.3",
|
||||
"sass": "^1.26.5",
|
||||
"sass-loader": "^8.0.2",
|
||||
"vue-template-compiler": "^2.6.10",
|
||||
"webpack": "^4.0.0"
|
||||
},
|
||||
|
|
|
@ -132,23 +132,23 @@ export default {
|
|||
},
|
||||
mounted() {
|
||||
// setTimeout(() => {
|
||||
window.alarmFirstLevel = this.alarmFirstLevel;
|
||||
window.alarmSecondLevel = this.alarmSecondLevel;
|
||||
window.alarmThirdLevel = this.alarmThirdLevel;
|
||||
// window.createMqtt = this.createMqtt();
|
||||
// console.log(this.$moment('2023-04-03T10:05:31').format("YYYY-MM-DD HH:mm:ss"),'ssssss222222');
|
||||
//一级告警
|
||||
this.getFirstAlarm();
|
||||
//二级告警
|
||||
this.getSecondAlarm();
|
||||
//三级告警
|
||||
this.getThirdAlarm();
|
||||
//
|
||||
let name = "courtHouse2";
|
||||
let name1 = "courtHouse3";
|
||||
this.autoScrollalarm2(67, 50, 0, document.getElementById("courtHouse"));
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse2"), name);
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse3"), name1);
|
||||
window.alarmFirstLevel = this.alarmFirstLevel;
|
||||
window.alarmSecondLevel = this.alarmSecondLevel;
|
||||
window.alarmThirdLevel = this.alarmThirdLevel;
|
||||
// window.createMqtt = this.createMqtt();
|
||||
// console.log(this.$moment('2023-04-03T10:05:31').format("YYYY-MM-DD HH:mm:ss"),'ssssss222222');
|
||||
//一级告警
|
||||
this.getFirstAlarm();
|
||||
//二级告警
|
||||
this.getSecondAlarm();
|
||||
//三级告警
|
||||
this.getThirdAlarm();
|
||||
//
|
||||
let name = "courtHouse2";
|
||||
let name1 = "courtHouse3";
|
||||
this.autoScrollalarm2(67, 50, 0, document.getElementById("courtHouse"));
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse2"), name);
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse3"), name1);
|
||||
// }, 1000);
|
||||
},
|
||||
watch: {
|
||||
|
@ -388,30 +388,36 @@ export default {
|
|||
mouseOver() {
|
||||
let that = this;
|
||||
clearInterval(that.intervalTime);
|
||||
that.intervalTime = null
|
||||
that.intervalTime = null;
|
||||
},
|
||||
mouseLeave() {
|
||||
this.autoScrollalarm2(67, 50, 0, document.getElementById("courtHouse"));
|
||||
if (this.intervalTime == null) {
|
||||
this.autoScrollalarm2(67, 50, 0, document.getElementById("courtHouse"));
|
||||
}
|
||||
},
|
||||
//鼠标移入事件
|
||||
mouseOver2() {
|
||||
let that = this;
|
||||
clearInterval(that.intervalTime1);
|
||||
that.intervalTime1 = null
|
||||
that.intervalTime1 = null;
|
||||
},
|
||||
mouseLeave2() {
|
||||
let name = 'courtHouse2'
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse2"),name);
|
||||
if (this.intervalTime1 == null) {
|
||||
let name = "courtHouse2";
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse2"), name);
|
||||
}
|
||||
},
|
||||
//鼠标移入事件
|
||||
mouseOver3() {
|
||||
let that = this;
|
||||
clearInterval(that.intervalTime2);
|
||||
that.intervalTime2 = null
|
||||
that.intervalTime2 = null;
|
||||
},
|
||||
mouseLeave3() {
|
||||
let name = 'courtHouse3'
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse3"),name);
|
||||
if (this.intervalTime2 == null) {
|
||||
let name = "courtHouse3";
|
||||
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse3"), name);
|
||||
}
|
||||
},
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
@ -420,9 +426,9 @@ export default {
|
|||
clearInterval(that.intervalTime);
|
||||
clearInterval(that.intervalTime1);
|
||||
clearInterval(that.intervalTime2);
|
||||
that.intervalTime = null
|
||||
that.intervalTime1 = null
|
||||
that.intervalTime2 = null
|
||||
that.intervalTime = null;
|
||||
that.intervalTime1 = null;
|
||||
that.intervalTime2 = null;
|
||||
},
|
||||
components: {},
|
||||
};
|
||||
|
|
|
@ -1116,7 +1116,9 @@ export default {
|
|||
that.interval = null;
|
||||
},
|
||||
mouseLeave() {
|
||||
this.autoScrollenergySaving(67, 50, 0, document.getElementById("equipmentWarnList"));
|
||||
if (this.interval == null) {
|
||||
this.autoScrollenergySaving(67, 50, 0, document.getElementById("equipmentWarnList"));
|
||||
}
|
||||
},
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
|
|
@ -1736,7 +1736,9 @@ export default {
|
|||
that.interval = null
|
||||
},
|
||||
mouseLeave() {
|
||||
this.autoScrollindex(67, 50, 0, document.getElementById('warnList'))
|
||||
if (this.interval == null) {
|
||||
this.autoScrollindex(67, 50, 0, document.getElementById('warnList'))
|
||||
}
|
||||
},
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
|
|
@ -112,7 +112,12 @@
|
|||
</div>
|
||||
<div class="rightTwo">
|
||||
<div class="title" style="height: 10%">安防报警管理</div>
|
||||
<div class="police" id="policeId" @mouseenter="mouseOver1" @mouseleave="mouseLeave1">
|
||||
<div
|
||||
class="police"
|
||||
id="policeId"
|
||||
@mouseenter="mouseOver1"
|
||||
@mouseleave="mouseLeave1"
|
||||
>
|
||||
<div class="warnList" v-for="(item, index) in policeList" :key="index">
|
||||
<span>{{ item.id }}</span>
|
||||
<img :src="item.icon" />
|
||||
|
@ -316,125 +321,125 @@ export default {
|
|||
};
|
||||
},
|
||||
mounted() {
|
||||
window['getsecurity']= (name) => {
|
||||
console.log("name",name)
|
||||
}
|
||||
window["getsecurity"] = (name) => {
|
||||
console.log("name", name);
|
||||
};
|
||||
// setTimeout(() => {
|
||||
window["getWarning"] = (name) => {
|
||||
// alert("goPage:"+b);
|
||||
// console.log("name",name)
|
||||
if (name.indexOf("法院一层") != -1) {
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1 ||
|
||||
name.indexOf("门厅") != -1 ||
|
||||
name.indexOf("展厅") != -1
|
||||
) {
|
||||
// console.log("消防联动,主楼一层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼一层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("法院四层") != -1) {
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
// console.log("消防联动,主楼四层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼四层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("法院二层") != -1) {
|
||||
//console.log("消防联动 主楼二层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,主楼二层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼二层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("法院三层") != -1) {
|
||||
// console.log("消防联动 主楼三层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,主楼三层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼三层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼1层") != -1) {
|
||||
// console.log("消防联动 辅楼一层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,辅楼一层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼一层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼2层") != -1) {
|
||||
// console.log("消防联动 辅楼二层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1
|
||||
) {
|
||||
// console.log("消防联动,辅楼二层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼二层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼3层") != -1) {
|
||||
//console.log("消防联动 辅楼三层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("电梯") != -1
|
||||
) {
|
||||
//console.log("消防联动,辅楼三层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼三层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼4层") != -1) {
|
||||
//console.log("消防联动 辅楼四层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("电梯") != -1
|
||||
) {
|
||||
// console.log("消防联动,辅楼四层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼四层,办公区");
|
||||
}
|
||||
window["getWarning"] = (name) => {
|
||||
// alert("goPage:"+b);
|
||||
// console.log("name",name)
|
||||
if (name.indexOf("法院一层") != -1) {
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1 ||
|
||||
name.indexOf("门厅") != -1 ||
|
||||
name.indexOf("展厅") != -1
|
||||
) {
|
||||
// console.log("消防联动,主楼一层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼一层,办公区");
|
||||
}
|
||||
};
|
||||
this.getAnfang();
|
||||
//获取消防告警
|
||||
this.getPoliceList();
|
||||
this.getFireWarnList();
|
||||
// 获取安防告警
|
||||
} else if (name.indexOf("法院四层") != -1) {
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
// console.log("消防联动,主楼四层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼四层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("法院二层") != -1) {
|
||||
//console.log("消防联动 主楼二层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,主楼二层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼二层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("法院三层") != -1) {
|
||||
// console.log("消防联动 主楼三层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,主楼三层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,主楼三层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼1层") != -1) {
|
||||
// console.log("消防联动 辅楼一层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("自助立案") != -1
|
||||
) {
|
||||
//console.log("消防联动,辅楼一层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼一层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼2层") != -1) {
|
||||
// console.log("消防联动 辅楼二层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1
|
||||
) {
|
||||
// console.log("消防联动,辅楼二层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼二层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼3层") != -1) {
|
||||
//console.log("消防联动 辅楼三层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("电梯") != -1
|
||||
) {
|
||||
//console.log("消防联动,辅楼三层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼三层,办公区");
|
||||
}
|
||||
} else if (name.indexOf("辅楼4层") != -1) {
|
||||
//console.log("消防联动 辅楼四层");
|
||||
if (
|
||||
name.indexOf("走道") != -1 ||
|
||||
name.indexOf("大厅") != -1 ||
|
||||
name.indexOf("楼梯") != -1 ||
|
||||
name.indexOf("电梯") != -1
|
||||
) {
|
||||
// console.log("消防联动,辅楼四层,公共区");
|
||||
} else {
|
||||
// console.log("消防联动,辅楼四层,办公区");
|
||||
}
|
||||
}
|
||||
};
|
||||
this.getAnfang();
|
||||
//获取消防告警
|
||||
this.getPoliceList();
|
||||
this.getFireWarnList();
|
||||
// 获取安防告警
|
||||
|
||||
//获取安防统计今天昨天报警数量
|
||||
this.getAlarmCount();
|
||||
window.alarmFirstLevel = this.alarmFirstLevel;
|
||||
window.alarmSecondLevel = this.alarmSecondLevel;
|
||||
window.alarmThirdLevel = this.alarmThirdLevel;
|
||||
let name = "fire";
|
||||
let name1 = "police";
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"), name);
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"), name1);
|
||||
//获取安防统计今天昨天报警数量
|
||||
this.getAlarmCount();
|
||||
window.alarmFirstLevel = this.alarmFirstLevel;
|
||||
window.alarmSecondLevel = this.alarmSecondLevel;
|
||||
window.alarmThirdLevel = this.alarmThirdLevel;
|
||||
let name = "fire";
|
||||
let name1 = "police";
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"), name);
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"), name1);
|
||||
// }, 1000);
|
||||
},
|
||||
|
||||
|
@ -739,7 +744,7 @@ export default {
|
|||
getWarning: function (name) {
|
||||
getWarning(name);
|
||||
},
|
||||
getsecurity: function (name) {
|
||||
getsecurity: function (name) {
|
||||
getsecurity(name);
|
||||
},
|
||||
//自动滚动
|
||||
|
@ -816,21 +821,25 @@ export default {
|
|||
mouseOver() {
|
||||
let that = this;
|
||||
clearInterval(that.intervalTime);
|
||||
that.intervalTime = null
|
||||
that.intervalTime = null;
|
||||
},
|
||||
mouseLeave() {
|
||||
let name = 'fire'
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"),name);
|
||||
if (this.intervalTime == null) {
|
||||
let name = "fire";
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"), name);
|
||||
}
|
||||
},
|
||||
//鼠标移入事件
|
||||
mouseOver1() {
|
||||
let that = this;
|
||||
clearInterval(that.intervalTime1);
|
||||
that.intervalTime1 = null
|
||||
that.intervalTime1 = null;
|
||||
},
|
||||
mouseLeave1() {
|
||||
let name = 'police'
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"),name);
|
||||
if (this.intervalTime1 == null) {
|
||||
let name = "police";
|
||||
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"), name);
|
||||
}
|
||||
},
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
@ -838,8 +847,8 @@ export default {
|
|||
// 离开当前路由前的操作
|
||||
clearInterval(that.intervalTime);
|
||||
clearInterval(that.intervalTime1);
|
||||
that.intervalTime = null
|
||||
that.intervalTime1 = null
|
||||
that.intervalTime = null;
|
||||
that.intervalTime1 = null;
|
||||
},
|
||||
components: {},
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue