@@ -556,13 +564,13 @@ export default {
}, 1000);
},
beforeDestroy() {
- // 销毁播放器
- if (this.player) {
- // this.player.dispose();
- this.player.stop()
- this.player.destroy()
- this.player = null
- }
+ // 销毁播放器
+ if (this.player) {
+ // this.player.dispose();
+ this.player.stop()
+ this.player.destroy()
+ this.player = null
+ }
clearInterval(this.timer_) && this.timer_;
},
methods: {
@@ -636,7 +644,7 @@ export default {
this.get_environmentData(2023120613270120);
this.get_readControl_getState(2023120613270120);
this.getWeatherData(2023120613270120);
- } else if (limitUserId == 8||limitUserId == 10||limitUserId == 11) {
+ } else if (limitUserId == 8 || limitUserId == 10 || limitUserId == 11|| limitUserId == 12) {
// 获取控制器第一个Id
const list = []
this.$store.state.equipmentList.forEach((el, index) => {
@@ -764,14 +772,14 @@ export default {
get_sel_eqbyid(userId) {
this.api.sel_eqbyid(userId).then((res) => {
// console.log("根据用户id查询对应的设备数据 Copy", res);
-
+
res.data.data.forEach((item, index) => {
if (
item.cameraSerialNumber != null &&
(item.deviceId == 2023042214250027 ||
item.deviceId == 2023120613270115 ||
- item.deviceId == 2024070113400048||
- item.deviceId==2023042214250017)
+ item.deviceId == 2024070113400048 ||
+ item.deviceId == 2023042214250017)
) {
this.get_sel_eqbyid_list.push({ ...item, number: index });
@@ -921,7 +929,7 @@ export default {
// id == 1 丽水;
// id == 5 石门;
// id == 5 大冶鑫;
- this.limitUserId = (res.data.data.filter(el => el.id == 2 || el.id == 1 || el.id == 5 || el.id == 7 || el.id == 8 || el.id == 9|| el.id == 10|| el.id == 11))[0].id;
+ this.limitUserId = (res.data.data.filter(el => el.id == 2 || el.id == 1 || el.id == 5 || el.id == 7 || el.id == 8 || el.id == 9 || el.id == 10 || el.id == 11|| el.id == 12))[0].id;
if (this.limitUserId == 1) {
this.drag_boxHandler();
this.dataInit(userId, this.limitUserId);
@@ -940,14 +948,17 @@ export default {
} else if (this.limitUserId == 9) {
this.drag_boxHandler9();
this.dataInit(userId, this.limitUserId);
- }else if (this.limitUserId == 10) {
+ } else if (this.limitUserId == 10) {
this.drag_boxHandler10();
this.dataInit(userId, this.limitUserId);
- }else if (this.limitUserId == 11) {
+ } else if (this.limitUserId == 11) {
this.drag_boxHandler11();
this.dataInit(userId, this.limitUserId);
+ }else if (this.limitUserId == 12) {
+ this.drag_boxHandler12();
+ this.dataInit(userId, this.limitUserId);
}
-
+
}
});
},
@@ -1043,7 +1054,7 @@ export default {
this.get_readControl_getState(2023042214250070);
} else if (this.limitUserId == 7) {
this.get_readControl_getState(2023120613270120);
- } else if (this.limitUserId == 8||this.limitUserId == 9||this.limitUserId == 10||this.limitUserId == 11) {
+ } else if (this.limitUserId == 8 || this.limitUserId == 9 || this.limitUserId == 10 || this.limitUserId == 11|| this.limitUserId == 12) {
this.get_readControl_getState(list[0].deviceId);
}
@@ -1184,6 +1195,63 @@ export default {
}
};
},
+ drag_boxHandler12() {
+ let demo = this.$refs.drag_box12;
+ demo = document.querySelector(".drag_box12"); //待拖拽元素
+ let canMove = false; //拖拽状态
+ let x = 0,
+ y = 0; //鼠标位置
+ //监听按下鼠标事件
+ demo.onmousedown = function (e) {
+ x = e.pageX - demo.offsetLeft;
+ y = e.pageY - demo.offsetTop;
+ canMove = true; //激活拖拽状态
+ };
+ //监听右击鼠标事件
+ demo.oncontextmenu = function (e) {
+ e.preventDefault(); //阻止默认行为
+ };
+ //监听鼠标抬起事件
+ window.onmouseup = function () {
+ canMove = false; //关闭拖拽状态
+ };
+
+ window.onblur = function () {
+ //窗口失去焦点事件
+ canMove = false; //关闭拖拽状态
+ };
+
+ //监听鼠标移动事件
+ window.onmousemove = function (e) {
+ e.preventDefault(); //阻止默认行为(字不能拖走)
+ if (canMove) {
+ //对范围判断
+ let left = e.pageX - x;
+ let top = e.pageY - y;
+
+ demo.style.left = left + "px";
+ demo.style.top = top + "px";
+ }
+ };
+ let scale = 1;
+ demo.onwheel = function (e) {
+ if (e.wheelDelta > 0) {
+ scale += 0.05;
+ if (scale > 4) {
+ scale = 4;
+ }
+ demo.style.transform = `scale(${scale})`;
+ // console.log(scale);
+ } else {
+ scale -= 0.05;
+ if (scale < 1) {
+ scale = 1;
+ }
+ demo.style.transform = `scale(${scale})`;
+ // console.log(scale);
+ }
+ };
+ },
drag_boxHandler11() {
let demo = this.$refs.drag_box11;
demo = document.querySelector(".drag_box11"); //待拖拽元素
@@ -2175,6 +2243,57 @@ export default {
cursor: pointer;
}
}
+ .drag_box12 {
+ width: 100%;
+ height: auto;
+ position: absolute;
+ // top: 0.3rem;
+ // left: 0.5rem;
+ z-index: 10;
+ top: -64px;
+ -webkit-mask-image: linear-gradient(90deg,
+ transparent 0%,
+ blue 2%,
+ blue 97%,
+ transparent 99%);
+
+ .drag_img {
+ width: 100%;
+ height: auto;
+ -webkit-mask-image: linear-gradient(transparent 0%,
+ blue 2%,
+ blue 95%,
+ transparent 97%);
+ }
+
+ .axis_shimen {
+ width: 0.3rem;
+ height: auto;
+ position: absolute;
+ top: 44%;
+ left: 24%;
+ z-index: 99;
+ cursor: pointer;
+ }
+ .axis_shimen1 {
+ width: 0.3rem;
+ height: auto;
+ position: absolute;
+ top: 34%;
+ left: 48%;
+ z-index: 99;
+ cursor: pointer;
+ }
+ .axis_shimen2 {
+ width: 0.3rem;
+ height: auto;
+ position: absolute;
+ top: 44%;
+ left: 75%;
+ z-index: 99;
+ cursor: pointer;
+ }
+ }
.drag_box11 {
width: 100%;
height: auto;
@@ -2208,6 +2327,7 @@ export default {
cursor: pointer;
}
}
+
.drag_box10 {
width: 100%;
height: auto;
@@ -2266,7 +2386,7 @@ export default {
height: auto;
position: absolute;
top: 48%;
- left: 56%;
+ left: 56%;
z-index: 99;
cursor: pointer;
@@ -2291,6 +2411,7 @@ export default {
z-index: 99;
cursor: pointer;
}
+
.axis_shimen6 {
width: 0.3rem;
height: auto;
@@ -2300,6 +2421,7 @@ export default {
z-index: 99;
cursor: pointer;
}
+
.axis_shimen7 {
width: 0.3rem;
height: auto;
@@ -2310,6 +2432,7 @@ export default {
cursor: pointer;
}
}
+
.drag_box9 {
width: 100%;
height: auto;
diff --git a/src/views/page/largeScreen1.vue b/src/views/page/largeScreen1.vue
index d080047..b229748 100644
--- a/src/views/page/largeScreen1.vue
+++ b/src/views/page/largeScreen1.vue
@@ -617,7 +617,7 @@
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+ 
+ 控制器南
+
+
+ 控制器南
+
+
+
+
+
+
+
+
+ 控制中心
+
+
+ 控制中心
+
+
+
+
+
+
+
+
+ 控制器北
+
+
+ 控制器北
+
+