Changes

src/views/dashboard-screen/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="dashboard-container">
+  <div class="dashboard-container" v-if="render">
     <div class="header">
       <div class="title">
         变电配电大数据可视化系统
@@ -53,7 +53,7 @@
           <div class="t-2">
             <CardWrap>
 
-              <span slot="title"  @click="openDrawer('电力远动调试本月兑现情况')">电力变配电所</span>
+              <span slot="title" @click="openDrawer('电力远动调试本月兑现情况')">电力变配电所</span>
               <div slot="content">
                 <Dlbpds/>
               </div>
@@ -122,7 +122,9 @@ import ScreenJxdxqk from '@/views/dashboard-screen/screen/screenJxdxqk.vue'
 import ScreenSyjhbydxqk from '@/views/dashboard-screen/screen/ScreenSyjhbydxqk.vue'
 import ScreenDbsx from '@/views/dashboard-screen/screen/screenDbsx/ScreenDbsx.vue'
 import ScreenDlts from '@/views/dashboard-screen/screen/screenDlts/screenDlts.vue'
-import ScreenSbxjdxqk from "@/views/dashboard-screen/screen/screenSbxjdxqk/screenSbxjdxqk.vue";
+import ScreenSbxjdxqk from '@/views/dashboard-screen/screen/screenSbxjdxqk/screenSbxjdxqk.vue'
+
+import * as _ from 'lodash'
 
 require('dayjs/locale/zh-cn')
 export default {
@@ -130,6 +132,7 @@ export default {
   components: {ChartMap, Jryl, QbDlsbxjdx, Jxdxqk, Zydbsx, Dlbpds, Dlsdxl, CardWrap, SyjhdxqkChart, Dlydtssx},
   data() {
     return {
+      render: true,
       dateTitle: dayjs().locale('zh-cn').format('YYYY年MM月DD日  d'),
       drawer: {
         title: '',
@@ -148,6 +151,14 @@ export default {
     }
   },
   created() {
+    const doResize = _.debounce(() => {
+      console.log('doResize')
+      this.render = false;
+      setTimeout(() => {
+        this.render = true
+      }, 100)
+    }, 500)
+    window.addEventListener('resize', doResize)
     setInterval(() => {
       this.dateTitle = dayjs().locale('zh-cn').format('YYYY年MM月DD日  星期dd')
     }, 1000)
@@ -199,7 +210,7 @@ export default {
   width: 100%;
   height: 100%;
   min-height: fit-content;
-  min-width: 1920px;
+  //min-width: 1920px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -207,7 +218,6 @@ export default {
   background-image: url("/static/images/bg.png");
   background-repeat: no-repeat;
   background-size: cover;
-  overflow-y: auto;
 
   .header {
     width: 100%;