From 2d897875734f34cf5030110cd3acf3f1e6d5a758 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 10 May 2022 14:59:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8D=95=E5=80=BC=E6=8A=98=E7=BA=BF?=
 =?UTF-8?q?=E5=9B=BE=EF=BC=8C=E7=99=BB=E9=99=86=E9=A1=B5=E9=9D=A2=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=EF=BC=8C=E6=A3=80=E6=B5=8B=20=3D=E3=80=8B=20=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E9=A1=B5=E9=9D=A2=20=E5=B7=A6=E4=BE=A7=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Login.vue                                        | 12 ++++++++----
 .../views/detections/detection-filter.scss           |  1 +
 .../views/entityExplorer/entityList/card.scss        |  2 +-
 src/views/charts/charts/ChartSingleValue.vue         | 12 +++++++++++-
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/Login.vue b/src/Login.vue
index 5417902c..19619264 100644
--- a/src/Login.vue
+++ b/src/Login.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="logins">
     <div class="inside">
-      <div class="title" style="margin-top:70px">
+      <div class="title">
         <img src="../public/images/cion.png" />
       </div>
       <el-form class="login__box">
@@ -158,9 +158,13 @@ export default {
 }
 
 .title {
-  /* margin-top: 70px; */
-  margin-left: 52px;
-  margin-right: 10px;
+  margin-top: 70px;
+  text-align: center;
+
+}
+.title > img {
+  height: 43px;
+  width: 248px;
 }
 .login--input{
   width: 300px;
diff --git a/src/assets/css/components/views/detections/detection-filter.scss b/src/assets/css/components/views/detections/detection-filter.scss
index 4822a608..8762aa1a 100644
--- a/src/assets/css/components/views/detections/detection-filter.scss
+++ b/src/assets/css/components/views/detections/detection-filter.scss
@@ -5,6 +5,7 @@
   padding: 10px;
   margin-right: 10px;
   background-color: white;
+  overflow: auto;
 
   .detection-filter {
     display: flex;
diff --git a/src/assets/css/components/views/entityExplorer/entityList/card.scss b/src/assets/css/components/views/entityExplorer/entityList/card.scss
index edfdddb1..c8acdb49 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/card.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/card.scss
@@ -94,7 +94,7 @@
     .body__drawing-box {
       height: 40px;
       position: relative;
-      margin-top: 10px;
+      margin-top: 5px;
       .chart__loading {
         top: 0;
         height: 100%;
diff --git a/src/views/charts/charts/ChartSingleValue.vue b/src/views/charts/charts/ChartSingleValue.vue
index 1b93e6b2..35add9de 100644
--- a/src/views/charts/charts/ChartSingleValue.vue
+++ b/src/views/charts/charts/ChartSingleValue.vue
@@ -259,7 +259,8 @@ export default {
       color: '',
       type: 0,
       chartOption: null,
-      timer: null
+      timer: null,
+      myChart: ''
     }
   },
   watch: {
@@ -372,13 +373,19 @@ export default {
                 }
               }
             })
+            this.myChart = myChart
             myChart.setOption(this.chartOption)
           }
         )
       }
+    },
+    resize () {
+      if (this.myChart) this.myChart.resize()
     }
   },
   mounted () {
+    this.debounceFunc = this.$_.debounce(this.resize, 500)
+    window.addEventListener('resize', this.debounceFunc)
     this.$nextTick(
       () =>
         (this.timer = setTimeout(() => {
@@ -386,6 +393,9 @@ export default {
         }, 200))
     )
   },
+  beforeUnmount () {
+    window.addEventListener('resize', this.debounceFunc)
+  },
   deactivated () {
     clearTimeout(this.timer)
   }