fix 1126

cloudroam

2024-11-26 e6421c4ece90615aa0333ec58a723979c978a62b

 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;
}