From baef0375875c22f7803aa41a28c7f569e055a798 Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期五, 22 十一月 2024 18:05:35 +0800
Subject: [PATCH] add： 区域配置
---
src/views/area/switch-board.vue | 31 +++++++++++++++++++------------
1 files changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/views/area/switch-board.vue b/src/views/area/switch-board.vue
index 0ab22da..8f72c19 100644
--- a/src/views/area/switch-board.vue
+++ b/src/views/area/switch-board.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <dv-full-screen-container>
+ <!-- <dv-full-screen-container> -->
<self-header title="ITM Device Monitoring System"></self-header>
<server-info v-if="!hideServe" :serve_info="serve_info" :serve_select="serve_select" :code="code"></server-info>
@@ -8,7 +8,7 @@
<div class="main-container" :style="{
zoom: zoom_main,
width: screen_width + 'rem',
- height: screen_height + 'rem',
+ // height: screen_height + 'rem',
// width:'100%',
// height:'calc(100vh - 10rem)'
}">
@@ -22,7 +22,7 @@
:style="{
transform: `scale(${scale_container})`,
width: screen_width + 'rem',
- height: screen_height + 'rem',
+ // height: screen_height + 'rem',
// container_offset_x:''
// container_offset_x:''
@@ -68,7 +68,7 @@
<div class="back-button-left-bottom" @click="backToTop">返回</div>
</div>
- </dv-full-screen-container>
+ <!-- </dv-full-screen-container>oo -->
</div>
</template>
<script>
@@ -168,14 +168,21 @@
this.chartclose = true;
console.log("main-container1,mounted");
- const content = document.getElementById("content");
- content.addEventListener("wheel", this.handleWheel);
+ // const content = document.getElementById("content");
+ // content.addEventListener("wheel", this.handleWheel);
-
+ document.addEventListener("DOMContentLoaded", () => {
+ const content = document.getElementById("content");
+ content.addEventListener("wheel", this.handleWheel);
+ });
+
},
destroyed() {
- const content = document.getElementById("content");
- content.removeEventListener("wheel", this.handleWheel);
+ document.addEventListener("DOMContentLoaded", () => {
+ const content = document.getElementById("content");
+ content.removeEventListener("wheel", this.handleWheel);
+ });
+
this.stopScrolling();
},
methods: {
@@ -389,7 +396,7 @@
cursor: pointer;
max-width: 100%;
min-height: 100vh;
- overflow: auto;
+ // overflow: auto;
.equipment-item {
cursor: pointer;
@@ -773,8 +780,8 @@
color: #ffffff;
line-height: 3.9rem;
position: fixed;
- left: 3rem;
- // bottom: 3.5rem;
+ left: 1rem;
+ bottom: 2rem;
cursor: pointer;
z-index: 99;
}
--
Gitblit v1.9.3