From 2638f45934116471fc0b4bf6d93b33b8d9a8fb47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Fri, 24 Apr 2020 12:06:46 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20overview=E9=A1=B6=E9=83=A8=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E3=80=81Nezha=E6=A0=87=E9=A2=98=E3=80=81=E7=AC=AC?=
 =?UTF-8?q?=E4=B8=80=E8=A1=8C=E5=AD=97=E4=BD=93=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page/dashboard/overview/overview2.scss    | 20 ++++++++++---------
 .../page/dashboard/overview/overview2.vue     | 20 +++++++++----------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
index d814be7ba..08cd95f33 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
@@ -6,7 +6,7 @@
 }
 .overview-content-header{
   display: flex;
-  padding-top: 10px;
+  padding-top: 6px;
 }
 .overview-content-header .header-title{
   flex:13;
@@ -26,8 +26,7 @@
 }
 .tool-container .time{
   flex: 4;
-  font-size: 1.5rem !important;
-  font-weight: 700;
+  font-size: 1.2rem !important;
   display: inline-block;
   height: 35px;
   line-height: 35px;
@@ -38,11 +37,10 @@
   height: 35px;
 }
 .date .week{
-  font-size: 1.125rem;
-  font-weight: bold;
+  font-size: 0.9rem;
+  line-height: 1.1rem;
 }
 .date .sys-date{
-  margin-top: -6px;
   font-size: .75rem;
 }
 .tool-container .operation{
@@ -52,9 +50,10 @@
 }
 .operation .screen-icon{
   font-size: 1.875rem !important;
+  cursor: pointer;
 }
 .overview-content{
-  height: calc(100% - 45px);
+  height: calc(100% - 42px);
   width: 100%;
 }
 .overview-content .content-row-box {
@@ -136,8 +135,11 @@
   font-size: 0.9rem;
 }
 .content-col-content-num {
-  font-size: 2.5rem;
+  font-size: 3.2rem;
+  font-weight: bold;
   color: #333;
 }
-
+.hide-div {
+  visibility: hidden;
+}
 
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index c3cc351e9..4ddc1d3e8 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -555,7 +555,7 @@
       },
 
       switchFullScreen:function(){
-        this.isFullScreen=this.judgeFullScreen();
+        this.isFullScreen = this.judgeFullScreen();
         if(this.isFullScreen){
           this.exitFullScreen();
         }else{
@@ -568,18 +568,18 @@
       fullScreen:function(){
         let container=document.getElementById('mainDisplay');
         let fullScreenFunc=container.requestFullscreen||container.mozRequestFullScreen||container.webkitRequestFullscreen||container.msRequestFullscreen;
-        fullScreenFunc.call(container)
+        fullScreenFunc.call(container);
+        this.isFullScreen = true;
       },
       exitFullScreen:function(){
-        if(this.judgeFullScreen()){
-          if(document.exitFullscreen) {
-            document.exitFullscreen();
-          } else if(document.mozCancelFullScreen) {
-            document.mozCancelFullScreen();
-          } else if(document.webkitExitFullscreen) {
-            document.webkitExitFullscreen();
-          }
+        if(document.exitFullscreen) {
+          document.exitFullscreen();
+        } else if(document.mozCancelFullScreen) {
+          document.mozCancelFullScreen();
+        } else if(document.webkitExitFullscreen) {
+          document.webkitExitFullscreen();
         }
+        this.isFullScreen = false;
       },
       alertMessageDropdownHandler(show) {
         if (show) {