-
+ ">
当日
- 
+
报警数：8
-
+
报警数：8
-
+ ">
+
已完成单数：8
+ ">
+
已完成单数：8
-
@@ -159,73 +150,65 @@
+ ">
统计
-
+
派单数：8
-
+
派单数：8
-
+ ">
+
未完成单数：8
+ ">
+
未完成单数：8
智慧节能
-
-
+
+
-
+
-
+
-
+
-
-
+
+
-
@@ -296,281 +271,282 @@ import {
getAlarmStatistics,
getBuildinginfos,
getAreaList,
-} from "../api/index";
-import { getHikvision } from "../api/haikang";
-import camera from "./camera/camera.vue";
-import cameraBig from "./camera/cameraBig.vue";
+} from '../api/index'
+import { getHikvision } from '../api/haikang'
+import camera from './camera/camera.vue'
+import cameraBig from './camera/cameraBig.vue'
export default {
data() {
return {
- dateData: "", //日期选择
- value1: "",
- value2: "",
- value3: "",
+ dateData: '', //日期选择
+ value1: '',
+ value2: '',
+ value3: '',
yearShow: true,
monthShow: false,
dateShow: false,
pickerOptions: {
disabledDate(time) {
- return time.getTime() > Date.now();
+ return time.getTime() > Date.now()
},
shortcuts: [
{
- text: "今天",
+ text: '今天',
onClick(picker) {
- picker.$emit("pick", new Date());
+ picker.$emit('pick', new Date())
},
},
{
- text: "昨天",
+ text: '昨天',
onClick(picker) {
- const date = new Date();
- date.setTime(date.getTime() - 3600 * 1000 * 24);
- picker.$emit("pick", date);
+ const date = new Date()
+ date.setTime(date.getTime() - 3600 * 1000 * 24)
+ picker.$emit('pick', date)
},
},
],
+ size: 'min',
},
wisdomList: [
{
- name: "空闲中",
- count: "7",
+ name: '空闲中',
+ count: '7',
},
{
- name: "已开庭",
- count: "15",
+ name: '已开庭',
+ count: '15',
},
{
- name: "已预约",
- count: "17",
+ name: '已预约',
+ count: '17',
},
], // 智慧法庭小房子
wisdomMonArr: [
{
- name: "当月收案",
- count: "28",
+ name: '当月收案',
+ count: '28',
},
{
- name: "当月结案",
- count: "16",
+ name: '当月结案',
+ count: '16',
},
{
- name: "当月存案",
- count: "12",
+ name: '当月存案',
+ count: '12',
},
], //智慧法庭当月
- houseList: ["blueHouse", "redHouse", "yellowHouse"],
+ houseList: ['blueHouse', 'redHouse', 'yellowHouse'],
warnBtnList: [
{
- name: "全部",
+ name: '全部',
},
{
- name: "安防设备",
+ name: '安防设备',
},
{
- name: "建筑设备",
+ name: '建筑设备',
},
], //报警按钮
warnBtnAc: 0, //报警选中按钮
- warnListMqtt:[
- {
- id: "5",
- icon: require("../assets/images/warnBlue.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调>发生事故",
+ warnListMqtt: [
+ {
+ id: '5',
+ icon: require('../assets/images/warnBlue.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调>发生事故',
risk: 1,
},
{
- id: "5",
- icon: require("../assets/images/warnRed.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
+ id: '5',
+ icon: require('../assets/images/warnRed.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
risk: 2,
},
{
- id: "3",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
+ id: '3',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
risk: 3,
},
{
- id: "4",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
+ id: '4',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
risk: 1,
},
{
- id: "5",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk:2,
+ id: '5',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: 2,
},
{
- id: "5",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk:3,
+ id: '5',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: 3,
},
],
warnList: [
{
- id: "1",
- icon: require("../assets/images/warnBlue.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '1',
+ icon: require('../assets/images/warnBlue.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "2",
- icon: require("../assets/images/warnRed.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '2',
+ icon: require('../assets/images/warnRed.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "3",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '3',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "4",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '4',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "5",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '5',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "5",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '5',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
{
- id: "5",
- icon: require("../assets/images/warnOrange.png"),
- time: "2023年03月18日 15:26:08",
- cause: "<空调设备>发生事故",
- risk: "三级",
+ id: '5',
+ icon: require('../assets/images/warnOrange.png'),
+ time: '2023年03月18日 15:26:08',
+ cause: '<空调设备>发生事故',
+ risk: '三级',
},
], //报警数组
selectValue: {
- value: "79",
- parentId: "-1",
- label: "江北新区法院",
+ value: '79',
+ parentId: '-1',
+ label: '江北新区法院',
},
options: [
{
- label: "A-VZCP1-1",
- value: "1",
+ label: 'A-VZCP1-1',
+ value: '1',
},
{
- label: "A-VZCP1-2",
- value: "2",
+ label: 'A-VZCP1-2',
+ value: '2',
},
],
selectDate: 1,
dateOptions: [
{
- label: "年",
+ label: '年',
value: 3,
},
{
- label: "月",
+ label: '月',
value: 2,
},
{
- label: "日",
+ label: '日',
value: 1,
},
],
cameraList: [
{
- video: "",
+ video: '',
},
{
- video: "",
+ video: '',
},
{
- video: "",
+ video: '',
},
{
- video: "",
+ video: '',
},
], //摄像
- cameraBigUrl: "",
+ cameraBigUrl: '',
cameraBigShow: false,
buildingList: [],
alarmAllLevel: [],
alarmFirstLevel: [],
alarmSecondLevel: [],
alarmThirdLevel: [],
- camersCode: "",
+ camersCode: '',
interval: null, //定时器
- };
+ }
},
mounted() {
let that = this
- this.value3 = this.$moment().format("yyyyMMDD")
+ this.value3 = this.$moment().format('yyyyMMDD')
this.selectTimeDD(this.value3)
// setTimeout(() => {
- // this.getCamera();
- //获取建筑id
- that.getBuildingData();
- window.alarmFirstLevel = that.alarmFirstLevel;
- window.alarmSecondLevel = that.alarmSecondLevel;
- window.alarmThirdLevel = that.alarmThirdLevel;
- window.alarmAllLevel = that.alarmAllLevel;
- that.warningOne();
- that.warningTwo();
- that.maintenanceLeft();
- that.maintenanceRight();
- // this.energyEcharts();
- that.selectDataList(that.selectDate);
- // window.createMqtt = this.createMqtt();
- // window.addEventListener("message", function (e) {
- // let val = e.data.val;
- // if (val != null) {
- // that.changeCamera("video/video.html?src=" + e.data.val);
- // that.camersCode = e.data.code
- // }
- // });
- // let camera = [
- // {
- // icon: require("../assets/images/camera.png"),
- // video: "video/video.html?src=",
- // },
- // {
- // icon: require("../assets/images/camera.png"),
- // video: "video/video.html?src=",
- // },
- // {
- // icon: require("../assets/images/camera.png"),
- // video: "video/video.html?src=",
- // },
- // {
- // icon: require("../assets/images/camera.png"),
- // video: "video/video.html?src=",
- // },
- // ];
- // setTimeout(() => {
- // this.cameraList = camera;
- // }, 1000);
- that.warnSelect(0);
- that.autoScroll(67, 50, 0, document.getElementById("warnList"));
+ // this.getCamera();
+ //获取建筑id
+ that.getBuildingData()
+ window.alarmFirstLevel = that.alarmFirstLevel
+ window.alarmSecondLevel = that.alarmSecondLevel
+ window.alarmThirdLevel = that.alarmThirdLevel
+ window.alarmAllLevel = that.alarmAllLevel
+ that.warningOne()
+ that.warningTwo()
+ that.maintenanceLeft()
+ that.maintenanceRight()
+ // this.energyEcharts();
+ that.selectDataList(that.selectDate)
+ // window.createMqtt = this.createMqtt();
+ // window.addEventListener("message", function (e) {
+ // let val = e.data.val;
+ // if (val != null) {
+ // that.changeCamera("video/video.html?src=" + e.data.val);
+ // that.camersCode = e.data.code
+ // }
+ // });
+ // let camera = [
+ // {
+ // icon: require("../assets/images/camera.png"),
+ // video: "video/video.html?src=",
+ // },
+ // {
+ // icon: require("../assets/images/camera.png"),
+ // video: "video/video.html?src=",
+ // },
+ // {
+ // icon: require("../assets/images/camera.png"),
+ // video: "video/video.html?src=",
+ // },
+ // {
+ // icon: require("../assets/images/camera.png"),
+ // video: "video/video.html?src=",
+ // },
+ // ];
+ // setTimeout(() => {
+ // this.cameraList = camera;
+ // }, 1000);
+ that.warnSelect(0)
+ that.autoScrollindex(67, 50, 0, document.getElementById('warnList'))
// }, 1000);
},
// watch: {
@@ -602,25 +578,25 @@ export default {
alarmAllLevel(val) {
// 为了避免频繁触发resize函数导致页面卡顿，使用定时器
//console.log("alarmAllLevel",val)
- this.upmqttData(val);
+ this.upmqttData(val)
},
alarmFirstLevel(val) {
// 为了避免频繁触发resize函数导致页面卡顿，使用定时器
//console.log("alarmFirstLevel",val)
if (val.length != 0) {
- this.upmqttData(val);
+ this.upmqttData(val)
}
},
alarmSecondLevel(val) {
// 为了避免频繁触发resize函数导致页面卡顿，使用定时器
//console.log("alarmSecondLevel",val)
- this.upmqttData(val);
+ this.upmqttData(val)
},
alarmThirdLevel(val) {
// 为了避免频繁触发resize函数导致页面卡顿，使用定时器
//console.log("alarmThirdLevel",val)
- this.upmqttData(val);
+ this.upmqttData(val)
},
},
methods: {
@@ -628,38 +604,38 @@ export default {
addZoom() {
//console.log(this.camersCode, "sssssssssssss");
let dataList = {
- path: "/artemis/api/video/v1/ptzs/controlling",
+ path: '/artemis/api/video/v1/ptzs/controlling',
data: {
cameraIndexCode: this.camersCode,
- action: "0",
- command: "ZOOM_IN",
- speed: "50",
+ action: '0',
+ command: 'ZOOM_IN',
+ speed: '50',
},
- };
+ }
getHikvision(dataList)
.then((res) => {
//console.log(res, "=============");
})
- .catch((err) => {});
+ .catch((err) => {})
},
selectTime(val) {
if (val) {
//console.log("val",val)
- this.value1 = val;
+ this.value1 = val
let data = {
buildingId: this.selectValue.value, //建筑id
- customerId: "12345678",
+ customerId: '12345678',
date: this.value1,
dateType: 3,
- meterType: "1", //1.电,2.水
+ meterType: '1', //1.电,2.水
pbuildingId: this.selectValue.parentId, //建组父id
- };
+ }
//接口获取区域
getAreaList(data)
.then((res) => {
- this.energyEcharts(res.data.data);
+ this.energyEcharts(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
} else {
// this.filters.year = ""
// this.filters.month = ""
@@ -668,21 +644,21 @@ export default {
selectTimeMM(val) {
if (val) {
//console.log("val",val)
- this.value2 = val;
+ this.value2 = val
let data = {
buildingId: this.selectValue.value, //建筑id
- customerId: "12345678",
+ customerId: '12345678',
date: this.value2,
dateType: 2,
- meterType: "1", //1.电,2.水
+ meterType: '1', //1.电,2.水
pbuildingId: this.selectValue.parentId, //建组父id
- };
+ }
//接口获取区域
getAreaList(data)
.then((res) => {
- this.energyEcharts(res.data.data);
+ this.energyEcharts(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
} else {
// this.filters.year = ""
// this.filters.month = ""
@@ -690,22 +666,22 @@ export default {
},
selectTimeDD(val) {
if (val) {
- console.log("val",val)
- this.value3 = val;
+ console.log('val', val)
+ this.value3 = val
let data = {
buildingId: this.selectValue.value, //建筑id
- customerId: "12345678",
+ customerId: '12345678',
date: this.value3,
dateType: 1,
- meterType: "1", //1.电,2.水
+ meterType: '1', //1.电,2.水
pbuildingId: this.selectValue.parentId, //建组父id
- };
+ }
//接口获取区域
getAreaList(data)
.then((res) => {
- this.energyEcharts(res.data.data);
+ this.energyEcharts(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
} else {
// this.filters.year = ""
// this.filters.month = ""
@@ -715,19 +691,19 @@ export default {
reduceZoom() {
//console.log(this.camersCode, "sssssssssssss");
let dataList = {
- path: "/artemis/api/video/v1/ptzs/controlling",
+ path: '/artemis/api/video/v1/ptzs/controlling',
data: {
cameraIndexCode: this.camersCode,
- action: "0",
- command: "ZOOM_OUT",
- speed: "50",
+ action: '0',
+ command: 'ZOOM_OUT',
+ speed: '50',
},
- };
+ }
getHikvision(dataList)
.then((res) => {
//console.log(res, "=============");
})
- .catch((err) => {});
+ .catch((err) => {})
},
//获取视频流
getCamera() {
@@ -739,14 +715,14 @@ export default {
// "http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8";
// this.cameraList[3].video =
// "http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8";
- let pathUrl = "/artemis/api/video/v2/cameras/previewURLs";
+ let pathUrl = '/artemis/api/video/v2/cameras/previewURLs'
let dataList = {
path: pathUrl,
data: {
- protocol: "hls",
- cameraIndexCode: "620804559ecf4ade8f13b17337ea8bfa",
+ protocol: 'hls',
+ cameraIndexCode: '620804559ecf4ade8f13b17337ea8bfa',
},
- };
+ }
getHikvision(dataList)
.then((res) => {
// this.cameraList[0].video =
@@ -754,18 +730,18 @@ export default {
// res.data.result.data.url +
// "&code=" +
// dataList.data.cameraIndexCode;
- this.cameraList[0].video = res.data.result.data.url;
+ this.cameraList[0].video = res.data.result.data.url
// console.log(this.cameraList[0].video,'视频地址');
})
- .catch((err) => {});
+ .catch((err) => {})
let dataList1 = {
path: pathUrl,
data: {
- protocol: "hls",
- cameraIndexCode: "3efe8f887f164548a5db4266590a05ca",
+ protocol: 'hls',
+ cameraIndexCode: '3efe8f887f164548a5db4266590a05ca',
},
- };
+ }
getHikvision(dataList1)
.then((res) => {
// this.cameraList[1].video =
@@ -773,16 +749,16 @@ export default {
// res.data.result.data.url +
// "&code=" +
// dataList1.data.cameraIndexCode;
- this.cameraList[1].video = res.data.result.data.url;
+ this.cameraList[1].video = res.data.result.data.url
})
- .catch((err) => {});
+ .catch((err) => {})
let dataList2 = {
path: pathUrl,
data: {
- protocol: "hls",
- cameraIndexCode: "f103ede0eb2b470f84e26ceec42486bc",
+ protocol: 'hls',
+ cameraIndexCode: 'f103ede0eb2b470f84e26ceec42486bc',
},
- };
+ }
getHikvision(dataList2)
.then((res) => {
// this.cameraList[2].video =
@@ -790,16 +766,16 @@ export default {
// res.data.result.data.url +
// "&code=" +
// dataList2.data.cameraIndexCode;
- this.cameraList[2].video = res.data.result.data.url;
+ this.cameraList[2].video = res.data.result.data.url
})
- .catch((err) => {});
+ .catch((err) => {})
let dataList3 = {
path: pathUrl,
data: {
- protocol: "hls",
- cameraIndexCode: "bf16be84f6f8410c8dca2dfc5369a532",
+ protocol: 'hls',
+ cameraIndexCode: 'bf16be84f6f8410c8dca2dfc5369a532',
},
- };
+ }
getHikvision(dataList3)
.then((res) => {
// this.cameraList[3].video =
@@ -807,9 +783,9 @@ export default {
// res.data.result.data.url +
// "&code=" +
// dataList3.data.cameraIndexCode;
- this.cameraList[3].video = res.data.result.data.url;
+ this.cameraList[3].video = res.data.result.data.url
})
- .catch((err) => {});
+ .catch((err) => {})
},
//获取建筑Id
getBuildingData() {
@@ -817,28 +793,28 @@ export default {
.then((res) => {
// console.log("res",res)
// 接口取值
- this.buildingList = res.data.dataResults;
- let buildArr = [];
+ this.buildingList = res.data.dataResults
+ let buildArr = []
// this.options =
Object.keys(this.buildingList).map((item, index) => {
- if (this.buildingList[index].name.indexOf("水") == -1) {
- buildArr[buildArr.length] = this.buildingList[index];
+ if (this.buildingList[index].name.indexOf('水') == -1) {
+ buildArr[buildArr.length] = this.buildingList[index]
}
// return {
// label: buildNameList,
// value: this.buildingList[index].id,
// parentId: this.buildingList[index].parentId,
// };
- });
+ })
this.options = Object.keys(buildArr).map((item, index) => {
return {
label: buildArr[index].name,
value: this.buildingList[index].id,
parentId: this.buildingList[index].parentId,
- };
- });
+ }
+ })
})
- .catch((err) => {});
+ .catch((err) => {})
},
//智慧节能选择时间
// selectDataList(val) {
@@ -866,187 +842,193 @@ export default {
// });
// },
selectDataList(val) {
- this.selectDate = val;
+ this.selectDate = val
if (val == 1) {
- this.dateShow = true;
- this.monthShow = false;
- this.yearShow = false;
+ this.dateShow = true
+ this.monthShow = false
+ this.yearShow = false
} else if (val == 2) {
- this.monthShow = true;
- this.yearShow = false;
- this.dateShow = false;
+ this.monthShow = true
+ this.yearShow = false
+ this.dateShow = false
} else {
- this.yearShow = true;
- this.monthShow = false;
- this.dateShow = false;
+ this.yearShow = true
+ this.monthShow = false
+ this.dateShow = false
}
},
//智慧节能选择类型
selectMeterType(event) {
- let nowTime = "";
+ let nowTime = ''
//console.log("selectDate",this.selectDate)
if (this.selectDate == 1) {
// nowTime = this.$moment().format("YYYYMMDD");
- nowTime = this.value1;
+ nowTime = this.value1
} else if (this.selectDate == 2) {
// nowTime = this.$moment().format("YYYYMM");
- nowTime = this.value2;
+ nowTime = this.value2
} else if (this.selectDate == 3) {
// nowTime = this.$moment().format("YYYY");
- nowTime = this.value3;
+ nowTime = this.value3
}
//
let data = {
buildingId: event.value, //建筑id
- customerId: "12345678",
+ customerId: '12345678',
date: nowTime,
dateType: this.selectDate,
- meterType: "1", //1.电,2.水
+ meterType: '1', //1.电,2.水
pbuildingId: event.parentId, //建组父id
- };
+ }
//接口获取区域
getAreaList(data)
.then((res) => {
//console.log(res.data.data, "sssssssssssssss");
- this.energyEcharts(res.data.data);
+ this.energyEcharts(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
},
//选中图片
changeCamera(path) {
- this.cameraBigUrl = path;
- this.cameraBigShow = true;
+ this.cameraBigUrl = path
+ this.cameraBigShow = true
},
closeCamer() {
- this.cameraBigShow = false;
- this.$refs.camersBig.closeVideo();
+ this.cameraBigShow = false
+ this.$refs.camersBig.closeVideo()
},
//报警选中
warnSelect(index) {
- this.warnBtnAc = index;
+ this.warnBtnAc = index
if (index == 0) {
let params = {
- AlarmLevel: "",
- DeviceTypes: "",
- };
+ AlarmLevel: '',
+ DeviceTypes: '',
+ }
GetLevelAlarm(params).then((res) => {
- this.upWainData(res.data.data);
- });
+ this.upWainData(res.data.data)
+ })
} else if (index == 1) {
let params = {
- AlarmLevel: "",
- DeviceTypes: "门禁,视频监控",
- };
+ AlarmLevel: '',
+ DeviceTypes: '门禁,视频监控',
+ }
GetLevelAlarm(params)
.then((res) => {
- this.upWainData(res.data.data);
+ this.upWainData(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
} else {
let params = {
- AlarmLevel: "",
- DeviceTypes: "VRV,机房,消防,电梯,恒温恒湿,热回收,环境,光伏,能耗",
- };
+ AlarmLevel: '',
+ DeviceTypes: 'VRV,机房,消防,电梯,恒温恒湿,热回收,环境,光伏,能耗',
+ }
GetLevelAlarm(params)
.then((res) => {
- this.upWainData(res.data.data);
+ this.upWainData(res.data.data)
})
- .catch((err) => {});
+ .catch((err) => {})
}
},
//更新报警信息
upWainData(val) {
- let icon = null;
+ let icon = null
this.warnList = Object.keys(val).map((item, index) => {
if (val[index].AlarmLevel == 1) {
- val[index].AlarmLevel = "一级";
- icon = require("../assets/images/warnRed.png");
+ val[index].AlarmLevel = '一级'
+ icon = require('../assets/images/warnRed.png')
} else if (val[index].AlarmLevel == 2) {
- val[index].AlarmLevel = "二级";
- icon = require("../assets/images/warnOrange.png");
+ val[index].AlarmLevel = '二级'
+ icon = require('../assets/images/warnOrange.png')
} else if (val[index].AlarmLevel == 3) {
- val[index].AlarmLevel = "三级";
- icon = require("../assets/images/warnBlue.png");
+ val[index].AlarmLevel = '三级'
+ icon = require('../assets/images/warnBlue.png')
}
return {
id: index + 1,
icon: icon,
- time: this.$moment(val[index].AlarmTime).format("YYYY-MM-DD HH:mm:ss"),
+ time: this.$moment(val[index].AlarmTime).format(
+ 'YYYY-MM-DD HH:mm:ss'
+ ),
cause: val[index].AlarmName,
DeviceType: val[index].DeviceType,
risk: val[index].AlarmLevel,
- };
- });
+ }
+ })
},
//获取mqtt数据
upmqttData(val) {
- let icon = null;
- var warnListMqtt = [];
+ let icon = null
+ var warnListMqtt = []
warnListMqtt = Object.keys(val).map((item, index) => {
if (val[index].AlarmLevel == 1) {
- val[index].AlarmLevel = "一级";
- icon = require("../assets/images/warnRed.png");
+ val[index].AlarmLevel = '一级'
+ icon = require('../assets/images/warnRed.png')
} else if (val[index].AlarmLevel == 2) {
- val[index].AlarmLevel = "二级";
- icon = require("../assets/images/warnOrange.png");
+ val[index].AlarmLevel = '二级'
+ icon = require('../assets/images/warnOrange.png')
} else if (val[index].AlarmLevel == 3) {
- val[index].AlarmLevel = "三级";
- icon = require("../assets/images/warnBlue.png");
+ val[index].AlarmLevel = '三级'
+ icon = require('../assets/images/warnBlue.png')
}
return {
id: index + 1,
icon: icon,
- time: this.$moment(val[index].AlarmTime).format("YYYY-MM-DD HH:mm:ss"),
+ time: this.$moment(val[index].AlarmTime).format(
+ 'YYYY-MM-DD HH:mm:ss'
+ ),
cause: val[index].AlarmName,
DeviceType: val[index].DeviceType,
risk: val[index].AlarmLevel,
- };
- });
+ }
+ })
for (let i = 0; i < warnListMqtt.length; i++) {
- this.warnList.splice(0, 0, warnListMqtt[i]);
+ this.warnList.splice(0, 0, warnListMqtt[i])
}
this.warnList = Object.keys(this.warnList).map((item, index) => {
if (this.warnList[index].AlarmLevel == 1) {
- this.warnList[index].AlarmLevel = "一级";
- icon = require("../assets/images/warnRed.png");
+ this.warnList[index].AlarmLevel = '一级'
+ icon = require('../assets/images/warnRed.png')
} else if (this.warnList[index].AlarmLevel == 2) {
- this.warnList[index].AlarmLevel = "二级";
- icon = require("../assets/images/warnOrange.png");
+ this.warnList[index].AlarmLevel = '二级'
+ icon = require('../assets/images/warnOrange.png')
} else if (this.warnList[index].AlarmLevel == 3) {
- this.warnList[index].AlarmLevel = "三级";
- icon = require("../assets/images/warnBlue.png");
+ this.warnList[index].AlarmLevel = '三级'
+ icon = require('../assets/images/warnBlue.png')
}
return {
id: index + 1,
icon: icon,
- time: this.$moment(this.warnList[index].AlarmTime).format("YYYY-MM-DD HH:mm:ss"),
+ time: this.$moment(this.warnList[index].AlarmTime).format(
+ 'YYYY-MM-DD HH:mm:ss'
+ ),
cause: this.warnList[index].AlarmName,
DeviceType: this.warnList[index].DeviceType,
risk: this.warnList[index].AlarmLevel,
- };
- });
+ }
+ })
},
//设备左
warningOne() {
- let data = [];
- let dataX = [];
+ let data = []
+ let dataX = []
getAlarmStatistics({
- Type: "消防",
+ Type: '消防',
}).then((res) => {
res.data.data.forEach((item, index) => {
- data.push(item.Count);
- dataX.push(item.Name);
- });
- var myChart = this.$echarts.init(document.getElementById("warningOne"));
+ data.push(item.Count)
+ dataX.push(item.Name)
+ })
+ var myChart = this.$echarts.init(document.getElementById('warningOne'))
let option = {
legend: {
show: true,
- align: "left",
- x: "45%",
- orient: "vertical",
+ align: 'left',
+ x: '45%',
+ orient: 'vertical',
textStyle: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
data: [
// {
@@ -1054,7 +1036,7 @@ export default {
// icon: "",
// },
{
- name: "消防报警",
+ name: '消防报警',
},
],
},
@@ -1062,63 +1044,63 @@ export default {
show: true,
},
grid: {
- left: "13%",
- right: "4%",
- bottom: "15%",
- top: "17%",
+ left: '13%',
+ right: '4%',
+ bottom: '15%',
+ top: '17%',
},
xAxis: {
data: dataX,
axisLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.3)",
+ color: 'rgba(66, 164, 255,0.3)',
},
},
axisTick: {
show: false,
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
// rotate: "45"
},
},
yAxis: [
{
- type: "value",
- name: "/次",
+ type: 'value',
+ name: '/次',
minInterval: 1,
nameTextStyle: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
// scale: true,
axisLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.4)",
+ color: 'rgba(66, 164, 255,0.4)',
},
},
axisTick: {
show: false,
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
splitLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.5)",
+ color: 'rgba(66, 164, 255,0.5)',
},
},
},
],
series: [
{
- name: "消防报警",
- type: "bar",
+ name: '消防报警',
+ type: 'bar',
barWidth: 20,
zlevel: 2,
itemStyle: {
@@ -1131,11 +1113,11 @@ export default {
[
{
offset: 0,
- color: "#01B1FF",
+ color: '#01B1FF',
},
{
offset: 1,
- color: "#033BFF",
+ color: '#033BFF',
},
],
false
@@ -1145,40 +1127,42 @@ export default {
label: {
normal: {
show: true,
- fontSize: "0.6rem",
- color: "#fff",
- position: "inside",
+ fontSize: '0.6rem',
+ color: '#fff',
+ position: 'inside',
},
},
data: data,
},
],
- };
- myChart.setOption(option);
- });
+ }
+ myChart.setOption(option)
+ })
},
//设备右
warningTwo() {
- let data = [];
- let dataX = [];
+ let data = []
+ let dataX = []
getAlarmStatistics({
- Type: "设备",
+ Type: '设备',
})
.then((res) => {
res.data.data.forEach((item, index) => {
- data.push(item.Count);
- dataX.push(item.Name);
- });
- var myChart = this.$echarts.init(document.getElementById("warningTwo"));
+ data.push(item.Count)
+ dataX.push(item.Name)
+ })
+ var myChart = this.$echarts.init(
+ document.getElementById('warningTwo')
+ )
let option = {
legend: {
show: true,
- align: "left",
- x: "45%",
- orient: "vertical",
+ align: 'left',
+ x: '45%',
+ orient: 'vertical',
textStyle: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
data: [
// {
@@ -1186,7 +1170,7 @@ export default {
// icon: "",
// },
{
- name: "设备报警",
+ name: '设备报警',
},
],
},
@@ -1194,63 +1178,63 @@ export default {
show: true,
},
grid: {
- left: "13%",
- right: "4%",
- bottom: "15%",
- top: "17%",
+ left: '13%',
+ right: '4%',
+ bottom: '15%',
+ top: '17%',
},
xAxis: {
data: dataX,
axisLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.3)",
+ color: 'rgba(66, 164, 255,0.3)',
},
},
axisTick: {
show: false,
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
- // rotate: "45"
+ color: '#fff',
+ fontSize: '0.6rem',
+ interval: 0,
},
},
yAxis: [
{
- type: "value",
- name: "/次",
+ type: 'value',
+ name: '/次',
minInterval: 1,
nameTextStyle: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
// scale: true,
axisLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.4)",
+ color: 'rgba(66, 164, 255,0.4)',
},
},
axisTick: {
show: false,
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
splitLine: {
show: true,
lineStyle: {
- color: "rgba(66, 164, 255,0.5)",
+ color: 'rgba(66, 164, 255,0.5)',
},
},
},
],
series: [
{
- name: "设备报警",
- type: "bar",
+ name: '设备报警',
+ type: 'bar',
barWidth: 20,
zlevel: 2,
itemStyle: {
@@ -1263,11 +1247,11 @@ export default {
[
{
offset: 0,
- color: "#01B1FF",
+ color: '#01B1FF',
},
{
offset: 1,
- color: "#033BFF",
+ color: '#033BFF',
},
],
false
@@ -1277,44 +1261,46 @@ export default {
label: {
normal: {
show: true,
- fontSize: "0.6rem",
- color: "#fff",
- position: "inside",
+ fontSize: '0.6rem',
+ color: '#fff',
+ position: 'inside',
},
},
data: data,
},
],
- };
- myChart.setOption(option);
+ }
+ myChart.setOption(option)
})
- .catch((err) => {});
+ .catch((err) => {})
},
maintenanceLeft() {
- var myChart = this.$echarts.init(document.getElementById("maintenanceLeft"));
+ var myChart = this.$echarts.init(
+ document.getElementById('maintenanceLeft')
+ )
var data = [
- { value: "25", name: "报警" },
- { value: "25", name: "已完成" },
- { value: "25", name: "派单" },
- { value: "25", name: "未完成" },
- ];
- var color = ["#146de0", "#27ef5e", "#ffc140", "#d151d8"];
+ { value: '25', name: '报警' },
+ { value: '25', name: '已完成' },
+ { value: '25', name: '派单' },
+ { value: '25', name: '未完成' },
+ ]
+ var color = ['#146de0', '#27ef5e', '#ffc140', '#d151d8']
let option = {
color: color,
title: {
- left: "45%",
- top: "35%",
- textAlign: "center",
- text: "当月次数统计",
+ left: '45%',
+ top: '35%',
+ textAlign: 'center',
+ text: '当月次数统计',
textStyle: {
- fontSize: "0.60rem",
- color: "#fff",
+ fontSize: '0.60rem',
+ color: '#fff',
},
},
tooltip: {
- trigger: "item",
- backgroundColor: "rgba(0,0,0,0.5)",
- color: "#ffffff",
+ trigger: 'item',
+ backgroundColor: 'rgba(0,0,0,0.5)',
+ color: '#ffffff',
formatter: function (params) {
return (
// params.name +
@@ -1323,65 +1309,65 @@ export default {
'' +
- params.data["name"] +
- "\n" +
- params.data["value"] +
- "%" +
- ""
- );
+ params.data['name'] +
+ '\n' +
+ params.data['value'] +
+ '%' +
+ ''
+ )
},
},
legend: {
// orient: "vertical",
- icon: "rect",
+ icon: 'rect',
// left: "5%",
// top: "20%",
- bottom: "0",
+ bottom: '0',
itemWidth: 14,
itemGap: 10,
textStyle: {
rich: {
a: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
padding: [0, 10, 0, 0],
},
b: {
- color: "rgba(255,255,255,0)",
- fontSize: "0rem",
+ color: 'rgba(255,255,255,0)',
+ fontSize: '0rem',
padding: [0, 10, 0, 15],
},
},
},
formatter: function (name) {
- var target, unit;
+ var target, unit
for (var i = 0, l = data.length; i < l; i++) {
if (data[i].name == name) {
- target = data[i].value;
- unit = data[i].unit;
+ target = data[i].value
+ unit = data[i].unit
}
}
- return `{a| ${name}}{b|}`;
+ return `{a| ${name}}{b|}`
},
},
series: [
{
- name: "",
- type: "pie",
- radius: ["45%", "60%"],
- center: ["48%", "40%"],
+ name: '',
+ type: 'pie',
+ radius: ['45%', '60%'],
+ center: ['48%', '40%'],
avoidLabelOverlap: true,
label: {
normal: {
show: true,
- position: "outside",
- formatter: "{d}%",
+ position: 'outside',
+ formatter: '{d}%',
textStyle: {
- align: "center",
- baseline: "middle",
- fontSize: "0.6rem",
- fontWeight: "100",
- color: "#fff",
+ align: 'center',
+ baseline: 'middle',
+ fontSize: '0.6rem',
+ fontWeight: '100',
+ color: '#fff',
},
},
},
@@ -1394,34 +1380,36 @@ export default {
data: data,
},
],
- };
- myChart.setOption(option);
+ }
+ myChart.setOption(option)
},
maintenanceRight() {
- var myChart = this.$echarts.init(document.getElementById("maintenanceRight"));
+ var myChart = this.$echarts.init(
+ document.getElementById('maintenanceRight')
+ )
var data = [
- { value: "25", name: "报警" },
- { value: "25", name: "已完成" },
- { value: "25", name: "派单" },
- { value: "25", name: "未完成" },
- ];
- var color = ["#146de0", "#27ef5e", "#ffc140", "#d151d8"];
+ { value: '25', name: '报警' },
+ { value: '25', name: '已完成' },
+ { value: '25', name: '派单' },
+ { value: '25', name: '未完成' },
+ ]
+ var color = ['#146de0', '#27ef5e', '#ffc140', '#d151d8']
let option = {
color: color,
title: {
- left: "45%",
- top: "35%",
- textAlign: "center",
- text: "上月次数统计",
+ left: '45%',
+ top: '35%',
+ textAlign: 'center',
+ text: '上月次数统计',
textStyle: {
- fontSize: "0.6rem",
- color: "#fff",
+ fontSize: '0.6rem',
+ color: '#fff',
},
},
tooltip: {
- trigger: "item",
- backgroundColor: "rgba(0,0,0,0.5)",
- color: "#ffffff",
+ trigger: 'item',
+ backgroundColor: 'rgba(0,0,0,0.5)',
+ color: '#ffffff',
formatter: function (params) {
return (
// params.name +
@@ -1430,64 +1418,64 @@ export default {
'' +
- params.data["name"] +
- "\n" +
- params.data["value"] +
- "%" +
- ""
- );
+ params.data['name'] +
+ '\n' +
+ params.data['value'] +
+ '%' +
+ ''
+ )
},
},
legend: {
- icon: "rect",
+ icon: 'rect',
// left: "5%",
// top: "20%",
- bottom: "0",
+ bottom: '0',
itemWidth: 14,
itemGap: 10,
textStyle: {
rich: {
a: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
padding: [0, 10, 0, 0],
},
b: {
- color: "rgba(255,255,255,0)",
- fontSize: "0.1rem",
+ color: 'rgba(255,255,255,0)',
+ fontSize: '0.1rem',
padding: [0, 10, 0, 10],
},
},
},
formatter: function (name) {
- var target, unit;
+ var target, unit
for (var i = 0, l = data.length; i < l; i++) {
if (data[i].name == name) {
- target = data[i].value;
- unit = data[i].unit;
+ target = data[i].value
+ unit = data[i].unit
}
}
- return `{a| ${name}}{b|${target}}`;
+ return `{a| ${name}}{b|${target}}`
},
},
series: [
{
- name: "",
- type: "pie",
- radius: ["45%", "60%"],
- center: ["48%", "40%"],
+ name: '',
+ type: 'pie',
+ radius: ['45%', '60%'],
+ center: ['48%', '40%'],
avoidLabelOverlap: true,
label: {
normal: {
show: true,
- position: "outside",
- formatter: "{d}%",
+ position: 'outside',
+ formatter: '{d}%',
textStyle: {
- align: "center",
- baseline: "middle",
- fontSize: "0.6rem",
- fontWeight: "100",
- color: "#fff",
+ align: 'center',
+ baseline: 'middle',
+ fontSize: '0.6rem',
+ fontWeight: '100',
+ color: '#fff',
},
},
},
@@ -1500,25 +1488,25 @@ export default {
data: data,
},
],
- };
- myChart.setOption(option);
+ }
+ myChart.setOption(option)
},
energyEcharts(val) {
//console.log(val, "节能数据");
- let dataX = [];
- let dataY = [];
+ let dataX = []
+ let dataY = []
val.values.forEach((item, index) => {
- dataX.push(item.dateDetail);
- dataY.push(item.val);
- });
- var myChart = this.$echarts.init(document.getElementById("energyEcharts"));
+ dataX.push(item.dateDetail)
+ dataY.push(item.val)
+ })
+ var myChart = this.$echarts.init(document.getElementById('energyEcharts'))
let option = {
tooltip: {
- trigger: "axis",
+ trigger: 'axis',
axisPointer: {
- type: "cross",
+ type: 'cross',
label: {
- backgroundColor: "#6a7985",
+ backgroundColor: '#6a7985',
},
},
},
@@ -1526,50 +1514,50 @@ export default {
show: false,
data: [
{
- name: "用电",
+ name: '用电',
itemStyle: {
- color: "rgb(13,219,207)",
+ color: 'rgb(13,219,207)',
},
lineStyle: {
- color: "rgb(13,219,207)",
+ color: 'rgb(13,219,207)',
},
},
],
textStyle: {
//文字样式
- color: "#b4c9d1",
- fontSize: "0.6rem",
+ color: '#b4c9d1',
+ fontSize: '0.6rem',
},
- top: "4%",
+ top: '4%',
// left: "13%",
},
grid: {
- left: "3%",
- right: "4%",
- bottom: "0%",
- top: "25%",
+ left: '3%',
+ right: '4%',
+ bottom: '0%',
+ top: '25%',
containLabel: true,
},
xAxis: [
{
- type: "category",
+ type: 'category',
//x轴坐标点
axisTick: {
show: true,
lineStyle: {
- color: "#fff",
+ color: '#fff',
},
},
//x轴坐标线样式
axisLine: {
show: true,
lineStyle: {
- color: "#fff",
+ color: '#fff',
},
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
//x轴线
splitLine: {
@@ -1577,7 +1565,7 @@ export default {
lineStyle: {
type: [5, 10],
dashOffset: 10,
- color: "#1282C8",
+ color: '#1282C8',
},
},
// boundaryGap: false,
@@ -1586,44 +1574,44 @@ export default {
],
yAxis: [
{
- name: "kWH",
+ name: 'kWH',
nameTextStyle: {
//y轴上方单位的颜色
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
- type: "value",
+ type: 'value',
axisTick: {
show: true,
lineStyle: {
- color: "#fff",
+ color: '#fff',
},
},
splitLine: {
show: true,
lineStyle: {
- color: "rgb(104,106,108)",
+ color: 'rgb(104,106,108)',
},
},
axisLine: {
lineStyle: {
- color: "#1282C8",
+ color: '#1282C8',
},
},
axisLabel: {
- color: "#fff",
- fontSize: "0.6rem",
+ color: '#fff',
+ fontSize: '0.6rem',
},
},
],
series: [
{
- name: "用电",
- type: "line",
+ name: '用电',
+ type: 'line',
smooth: 0.6,
minInterval: 1,
min: 0,
- symbol: "circle",
+ symbol: 'circle',
symbolSize: 0,
lineStyle: {
normal: {
@@ -1632,19 +1620,19 @@ export default {
color: this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [
{
offset: 0,
- color: "rgb(55,60,192)",
+ color: 'rgb(55,60,192)',
},
{
offset: 0.3,
- color: "rgb(33,151,145)",
+ color: 'rgb(33,151,145)',
},
{
offset: 0.6,
- color: "rgb(22,223,107)",
+ color: 'rgb(22,223,107)',
},
{
offset: 1,
- color: "rgb(194,72,132)",
+ color: 'rgb(194,72,132)',
},
]), //线条渐变色
width: 4,
@@ -1681,91 +1669,173 @@ export default {
data: dataY,
},
],
- };
- myChart.setOption(option);
+ }
+ myChart.setOption(option)
},
createMqtt() {
//创建链接，接收数据
- let topicSends = ["/SC/pub/uwb", "/SC/pub/env"];
- window.PubScribe(topicSends, this.realInfo);
+ let topicSends = ['/SC/pub/uwb', '/SC/pub/env']
+ window.PubScribe(topicSends, this.realInfo)
},
/** 实时数据分类 */
realInfo(topic, message) {
switch (topic) {
// 接收托片
- case "/SC/pub/uwb":
+ case '/SC/pub/uwb':
try {
- const utf8decoder = new TextDecoder();
- const u8arr = new Uint8Array(message);
- const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串
- const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+ const utf8decoder = new TextDecoder()
+ const u8arr = new Uint8Array(message)
+ const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
+ const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
// console.log("msg", msg);
} catch (error) {}
- break;
+ break
}
},
//自动滚动
- autoScroll(stepLength, speed, delay, element) {
+ autoScrollindex(stepLength, speed, delay, element) {
let that = this
- let step = 1;
- element.scrollTop = 0;
- function start() {
- that.interval = setInterval(scrolling, speed);
- element.scrollTop += step;
- }
+ let step = 1
+ element.scrollTop = 0
+ function start() {
+ that.interval = setInterval(scrolling, speed)
+ element.scrollTop += step
+ }
- function scrolling() {
- if (
- element.scrollTop % stepLength !== 0 &&
- element.scrollTop === element.scrollHeight - element.offsetHeight
- ) {
- // element.scrollTop += step
- step = 1;
- element.scrollTop = 0;
- } else {
- // if (
- // element.scrollTop === 0 ||
- // element.scrollTop === element.scrollHeight - element.offsetHeight
- // ) {
- // // 触顶或触底\
- // // step *= -1; // 转换方向
- // }
- clearInterval(that.interval);
- setTimeout(start, delay);
- }
- }
- if (element.offsetHeight !== element.scrollHeight) {
- // 元素内容没有溢出时，不触发
- setTimeout(start, delay);
+ function scrolling() {
+
+ if (
+ element.scrollTop % stepLength !== 0 &&
+ element.scrollTop === element.scrollHeight - element.offsetHeight
+ ) {
+ // element.scrollTop += step
+ step = 1
+ element.scrollTop = 0
+ } else {
+
+ // if (
+ // element.scrollTop === 0 ||
+ // element.scrollTop === element.scrollHeight - element.offsetHeight
+ // ) {
+ // // 触顶或触底\
+ // // step *= -1; // 转换方向
+ // }
+ clearInterval(that.interval)
+ setTimeout(start, delay)
}
+ }
+ if (element.offsetHeight !== element.scrollHeight) {
+ // 元素内容没有溢出时，不触发
+ setTimeout(start, delay)
+ }
},
//鼠标移入事件
mouseOver() {
let that = this
- clearInterval(that.interval);
+ clearInterval(that.interval)
that.interval = null
},
mouseLeave() {
if (this.interval == null) {
- this.autoScroll(67, 50, 0, document.getElementById("warnList"));
+ this.autoScrollindex(67, 50, 0, document.getElementById('warnList'))
}
},
},
beforeDestroy() {
- let that = this
+ let that = this
// 离开当前路由前的操作
- clearInterval(that.interval);
- that.interval = null;
+ clearInterval(that.interval)
+ that.interval = null
},
components: {
camera,
cameraBig,
},
-};
+}
-
+
+
+
diff --git a/src/views/operationMaintenance.vue b/src/views/operationMaintenance.vue
index 6a95082..0fe13b8 100644
--- a/src/views/operationMaintenance.vue
+++ b/src/views/operationMaintenance.vue
@@ -224,9 +224,7 @@ export default {
};
},
mounted() {
- // setTimeout(() => {
this.workOrderEcharts();
- // }, 1000);
},
methods: {
workOrderEcharts() {
diff --git a/src/views/security.vue b/src/views/security.vue
index bf60814..4c909ea 100644
--- a/src/views/security.vue
+++ b/src/views/security.vue
@@ -70,7 +70,7 @@
摄像监控
+ 摄像监控
-
- 
- 
+
+
-
+
+
- 
- 
+
+
-
+
+
火灾报警管理
-
+
![]()
安防报警管理
-
+
{{ item.id }}
![]()
@@ -316,122 +321,125 @@ export default {
};
},
mounted() {
+ 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.autoScroll(67, 50, 0, document.getElementById("fire"), name);
- this.autoScroll(67, 50, 0, document.getElementById("police"), 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);
},
@@ -724,6 +732,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])
@@ -735,8 +744,11 @@ 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,22 +821,24 @@ export default {
mouseOver() {
let that = this;
clearInterval(that.intervalTime);
- that.intervalTime = null
+ that.intervalTime = null;
},
mouseLeave() {
- let name = 'fire'
- this.autoScroll(67, 50, 0, document.getElementById("fire"),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() {
if (this.intervalTime1 == null) {
- let name = 'police'
- this.autoScroll(67, 50, 0, document.getElementById("police"),name);
+ let name = "police";
+ this.autoScrollsecurity(67, 50, 0, document.getElementById("policeId"), name);
}
},
},
@@ -833,6 +847,8 @@ export default {
// 离开当前路由前的操作
clearInterval(that.intervalTime);
clearInterval(that.intervalTime1);
+ that.intervalTime = null;
+ that.intervalTime1 = null;
},
components: {},
};