From 28ff32b80c7b3daf2b09bc73ec1331e826734bce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= <zhangxin@zhehekeji.com>
Date: Wed, 23 Dec 2020 12:54:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E8=A7=86=E9=A2=91=E6=B5=81in?=
 =?UTF-8?q?dex=E9=A1=B5=E5=85=A8=E5=B1=80=E5=88=B7=E6=96=B0=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BAprovide+inject=E7=BB=84=E5=90=88=E5=B1=80=E9=83=A8?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                            | 21 ++++++++++++++++++++-
 src/views/realTimeMonitoring/index.vue |  9 +++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 47ae3cd..d3cd875 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,30 @@
 <template>
     <div id="app">
-        <router-view />
+        <router-view v-if="isRouterAlive"/>
     </div>
 </template>
 
 <script>
 export default {
+    name: 'App',
+    data () {
+        return {
+            isRouterAlive: true
+        }
+    },
+    provide(){ //提供
+        return {
+            reload: this.reload
+        }
+    },
+    methods: {
+        reload(){
+            this.isRouterAlive = false
+            this.$nextTick( function () {
+                this.isRouterAlive = true
+            })
+        }
+    },
     mounted() {
         window.onmessage = e => {
             if (!e.data.id) return;
diff --git a/src/views/realTimeMonitoring/index.vue b/src/views/realTimeMonitoring/index.vue
index 5127c1b..f92091f 100644
--- a/src/views/realTimeMonitoring/index.vue
+++ b/src/views/realTimeMonitoring/index.vue
@@ -72,6 +72,7 @@ export default {
             num:240
         };
     },
+    inject: ['reload'],
     mounted() {
         this.getRealTimeList()
         // this.getVideos()
@@ -84,9 +85,9 @@ export default {
     },
     methods: {
         // 展开收起
-        handleUpDown() {
-            this.controlLabel = !this.controlLabel;
-        },
+        // handleUpDown() {
+        //     this.controlLabel = !this.controlLabel;
+        // },
         getRealTimeList(){
             var that=this
             this.$api.httpApi.getRealTimeList({
@@ -135,7 +136,7 @@ export default {
                 that.num = that.num-1;
                 console.log(that.num)
                 if(that.num == -1){
-                    location.reload();
+                    that.reload() //局部刷新
                     that.num = 240
                 }
             },1000)