From 42cd9287ae6cb1baf528900cc4c253a1978ac7fb Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Thu, 18 Apr 2024 14:36:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E5=AD=97=E5=A4=A7=E5=B1=8F=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=85=A8=E5=B1=8F=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mes-ui/mes-echarts/src/views/index.vue | 33 +++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/mes-ui/mes-echarts/src/views/index.vue b/mes-ui/mes-echarts/src/views/index.vue
index baded795..caafa1bc 100644
--- a/mes-ui/mes-echarts/src/views/index.vue
+++ b/mes-ui/mes-echarts/src/views/index.vue
@@ -4,8 +4,12 @@
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
         <!--        头标-->
+
         <div class="d-flex bg-header">
-          <div style="margin: 50px 30px;font-size: 20px;">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</div>
+          <div style="margin: 50px 30px;font-size: 20px; font-weight: 700;">
+            <span class="F11" @click="F11">全屏</span>
+            {{ dateYear }} {{ dateWeek }} {{ dateDay }}
+          </div>
         </div>
         <!-- <div class="d-flex jc-center">
           <dv-decoration-10 class="dv-dec-10" />
@@ -133,6 +137,17 @@ export default {
     clearInterval(this.timing);
   },
   methods: {
+    F11() {
+      // console.log("F11");
+      this.isFullscreen = !this.isFullscreen;
+      if (!document.fullscreenElement) {
+        document.documentElement.requestFullscreen();
+      } else {
+        if (document.exitFullscreen) {
+          document.exitFullscreen();
+        }
+      }
+    },
     timeFn() {
       this.timing = setInterval(() => {
         this.dateDay = formatTime(new Date(), "HH: mm: ss");
@@ -164,23 +179,23 @@ export default {
       width: 23px;
       height: 13px;
       border-radius: 4px;
-      background: #00FFFF;
+      background: #00ffff;
     }
-     .col2 {
+    .col2 {
       margin-right: 5px;
       display: inline-block;
       width: 23px;
       height: 13px;
       border-radius: 4px;
-      background: #ED3F14;
+      background: #ed3f14;
     }
-     .col3 {
+    .col3 {
       margin-right: 5px;
       display: inline-block;
       width: 23px;
       height: 13px;
       border-radius: 4px;
-      background: #FF9900;
+      background: #ff9900;
     }
   }
 }
@@ -189,4 +204,10 @@ export default {
   text-align: center;
   margin-top: 20px;
 }
+.F11 {
+  cursor: pointer;
+  font-weight: 700;
+  font-size: 18px;
+  margin-right: 20px;
+}
 </style>