Compare commits

...

2 Commits

Author SHA1 Message Date
chengdandan 41b6b661e5 20230519 2023-05-19 09:15:15 +08:00
chengdandan c69ebdc05b 20230516 2023-05-17 18:18:26 +08:00
11 changed files with 2300 additions and 18642 deletions

BIN
dist.zip Normal file

Binary file not shown.

19417
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -19,6 +19,7 @@
"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",
@ -35,6 +36,7 @@
"@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",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.0.0"
},

View File

@ -136,10 +136,6 @@ export default {
// alert("goPage:"+b);
console.log("b");
};
// window['goIndex'] = (a) => {
// console.log(a)
// };
// window.goPage = this.goPage();
this.menuChange(0, this.menuBtn[0].name);
let week = new Date(this.$moment().format("YYYY-MM-DD")).getDay();
this.week = this.weekList[week];
@ -157,7 +153,7 @@ export default {
document.documentElement.clientWidth ||
document.body.clientWidth),
(that.screenWidth = window.screenWidth);
that.fun();
// that.fun();
};
};
},
@ -186,7 +182,7 @@ export default {
item.icon = require("./assets/images/gaoJing.png");
}
}
});
});
if (index == 0) {
this.menuBtn[index].icon = require("./assets/images/shouYeAc.png");
this.$router.push("/");
@ -262,7 +258,7 @@ export default {
#app {
// width: 6144px;
// height: 1920px;
background: rgba(1, 1, 7, 0);
background: rgba(1, 1, 7, 1);
// overflow: hidden;
.header {
height: 11%;

15
src/assets/home.scss Normal file
View File

@ -0,0 +1,15 @@
.elDatePicker.el-picker-panel {
color: #fff;//设置当前面板的月份的字体为白色记为1
background: #002450;//定义整体面板的颜色
border: 1px solid #1384b4;//定义整体面板的轮廓
.el-picker-panel__icon-btn {//设置年份月份调节按钮颜色记为2
color: #ffffff;
}
.el-date-picker__header-label{//设置年月显示颜色记为3
color: #ffffff;
}
.el-date-table th {//设置星期颜色记为4
color:#ffffff;
}
}

View File

@ -146,9 +146,9 @@ export default {
//
let name = "courtHouse2";
let name1 = "courtHouse3";
this.autoScroll2(67, 50, 0, document.getElementById("courtHouse"));
this.autoScroll(67, 50, 0, document.getElementById("courtHouse2"), name);
this.autoScroll(67, 50, 0, document.getElementById("courtHouse3"), name1);
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: {
@ -278,7 +278,7 @@ export default {
}
}
},
autoScroll(stepLength, speed, delay, element, name) {
autoScrollalarm(stepLength, speed, delay, element, name) {
let that = this;
if (name == "courtHouse2") {
let step = 1;
@ -348,7 +348,7 @@ export default {
}
}
},
autoScroll2(stepLength, speed, delay, element) {
autoScrollalarm2(stepLength, speed, delay, element) {
let that = this;
let step = 1;
element.scrollTop = 0;
@ -388,27 +388,30 @@ export default {
mouseOver() {
let that = this;
clearInterval(that.intervalTime);
that.intervalTime = null
},
mouseLeave() {
this.autoScroll2(67, 50, 0, document.getElementById("courtHouse"));
this.autoScrollalarm2(67, 50, 0, document.getElementById("courtHouse"));
},
//
mouseOver2() {
let that = this;
clearInterval(that.intervalTime1);
that.intervalTime1 = null
},
mouseLeave2() {
let name = 'courtHouse2'
this.autoScroll(67, 50, 0, document.getElementById("courtHouse2"),name);
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse2"),name);
},
//
mouseOver3() {
let that = this;
clearInterval(that.intervalTime2);
that.intervalTime2 = null
},
mouseLeave3() {
let name = 'courtHouse3'
this.autoScroll(67, 50, 0, document.getElementById("courtHouse3"),name);
this.autoScrollalarm(67, 50, 0, document.getElementById("courtHouse3"),name);
},
},
beforeDestroy() {
@ -417,6 +420,9 @@ export default {
clearInterval(that.intervalTime);
clearInterval(that.intervalTime1);
clearInterval(that.intervalTime2);
that.intervalTime = null
that.intervalTime1 = null
that.intervalTime2 = null
},
components: {},
};

View File

@ -34,7 +34,7 @@ export default {
};
},
mounted(){
this.clickSurveillance(this.cameraBig)
//this.clickSurveillance(this.cameraBig)
},
watch: {
// cameraBig: {

View File

@ -396,7 +396,7 @@ export default {
this.getQOQ();
this.getYOY();
// window.createMqtt = this.createMqtt();
this.autoScroll(67, 50, 0, document.getElementById("equipmentWarnList"));
this.autoScrollenergySaving(67, 50, 0, document.getElementById("equipmentWarnList"));
// }, 1000);
},
watch: {
@ -1074,7 +1074,7 @@ export default {
this.equipmentShow = false;
},
//
autoScroll(stepLength, speed, delay, element) {
autoScrollenergySaving(stepLength, speed, delay, element) {
let that = this;
let step = 1;
element.scrollTop = 0;
@ -1113,9 +1113,10 @@ export default {
mouseOver() {
let that = this
clearInterval(that.interval);
that.interval = null;
},
mouseLeave() {
this.autoScroll(67, 50, 0, document.getElementById("equipmentWarnList"));
this.autoScrollenergySaving(67, 50, 0, document.getElementById("equipmentWarnList"));
},
},
beforeDestroy() {

File diff suppressed because it is too large Load Diff

View File

@ -224,9 +224,7 @@ export default {
};
},
mounted() {
// setTimeout(() => {
this.workOrderEcharts();
// }, 1000);
},
methods: {
workOrderEcharts() {

View File

@ -70,7 +70,7 @@
<div class="right">
<div class="rightOne">
<div class="title" style="height: 10%">火灾报警管理</div>
<div class="fire" id="fire" @mouseenter="mouseOver" @mouseleave="mouseLeave">
<div class="fire" id="fireId" @mouseenter="mouseOver" @mouseleave="mouseLeave">
<div class="warnList" v-for="(item, index) in fireWarnList" :key="index">
<img :src="item.icon" />
<div
@ -112,7 +112,7 @@
</div>
<div class="rightTwo">
<div class="title" style="height: 10%">安防报警管理</div>
<div class="police" id="police" @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,6 +316,9 @@ export default {
};
},
mounted() {
window['getsecurity']= (name) => {
console.log("name",name)
}
// setTimeout(() => {
window["getWarning"] = (name) => {
// alert("goPage:"+b);
@ -430,8 +433,8 @@ export default {
window.alarmThirdLevel = this.alarmThirdLevel;
let name = "fire";
let name1 = "police";
this.autoScroll(67, 50, 0, document.getElementById("fire"), name);
this.autoScroll(67, 50, 0, document.getElementById("police"), name1);
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"), name);
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"), name1);
// }, 1000);
},
@ -724,6 +727,7 @@ export default {
if (warnListMqtt[i].AlarmLevel == "三级") {
this.policeList.splice(0, 0, warnListMqtt[i]);
this.getAlarmCount();
this.getsecurity(warnListMqtt[i].position);
}
if (warnListMqtt[i].DeviceType == "消防") {
//console.log("warnListMqtt[i]",warnListMqtt[i])
@ -734,9 +738,12 @@ export default {
},
getWarning: function (name) {
getWarning(name);
},
getsecurity: function (name) {
getsecurity(name);
},
//
autoScroll(stepLength, speed, delay, element, name) {
autoScrollsecurity(stepLength, speed, delay, element, name) {
let that = this;
if (name == "fire") {
@ -809,19 +816,21 @@ export default {
mouseOver() {
let that = this;
clearInterval(that.intervalTime);
that.intervalTime = null
},
mouseLeave() {
let name = 'fire'
this.autoScroll(67, 50, 0, document.getElementById("fire"),name);
this.autoScrollsecurity(67, 50, 0, document.getElementById("fireId"),name);
},
//
mouseOver1() {
let that = this;
clearInterval(that.intervalTime1);
that.intervalTime1 = null
},
mouseLeave1() {
let name = 'police'
this.autoScroll(67, 50, 0, document.getElementById("police"),name);
this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"),name);
},
},
beforeDestroy() {
@ -829,6 +838,8 @@ export default {
//
clearInterval(that.intervalTime);
clearInterval(that.intervalTime1);
that.intervalTime = null
that.intervalTime1 = null
},
components: {},
};