From deb986461ec9b864136c6154e935d69a681f6066 Mon Sep 17 00:00:00 2001
From: little4 <360013221@qq.com>
Date: Mon, 30 Sep 2024 11:10:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=88=87=E6=8D=A2echart?=
 =?UTF-8?q?=E5=8F=98=E5=BD=A2=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../perception/eventDetection/analysis/index.vue    | 13 +++++++++----
 .../pages/perception/eventDetection/index.vue       | 12 ++++++++++--
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/index.vue
index 7f94ce06..abd46f16 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/index.vue
@@ -77,7 +77,14 @@ export default {
     }
   },
   mounted() {
-    window.addEventListener("resize", async () => {
+    let self = this;
+    window.addEventListener("resize", () => {
+      self.refresh();
+    });
+  },
+  methods:{
+    async refresh(){
+      console.log('更新坐标')
       this.isKeep = false;
       await delay(100)
       this.$refs.refMuliple.myChart.resize();
@@ -94,9 +101,7 @@ export default {
         this.$refs.refRealWayDay.myChart.resize();
         this.$refs.refRealWay.myChart.resize();
       })
-    });
-  },
-  methods:{
+    },
     bind(){
       const _search = this.$refs.refSearch.getQuery();
       const _progress = this.$refs.refProgress.getQuery();
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/index.vue
index 52a8c2cd..f5eb9e0a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="TrafficFlow">
-    <el-tabs class="full_tab" v-model="activeName">
+    <el-tabs class="full_tab" v-model="activeName" @change="onTabChange">
       <el-tab-pane label="感知事件分析" name="first" class="tab_con">
-        <EventDetectionAnalysis />
+        <EventDetectionAnalysis ref="refAna" />
       </el-tab-pane>
       <el-tab-pane label="感知事件统计" name="second" class="tab_con">
         <EventDetectionStatistics />
@@ -25,6 +25,14 @@ export default {
     return {
       activeName:'first'
     }
+  },
+  methods: {
+    onTabChange(e){
+      console.log(e)
+      if(e === 'first'){
+        this.$refs.refAna.refresh();
+      }
+    }
   }
 };
 </script>