From 366628346420d7488b180a8904d4fcdd3b2f5aa5 Mon Sep 17 00:00:00 2001
From: chenbiao <chenbiao@zte-its.com>
Date: Thu, 20 Jun 2019 15:50:33 +0800
Subject: [PATCH] add 全屏功能

---
 src/components/appHeader/index.vue    | 40 +++++++++++++++++++++++++++++++++++++++-
 src/images/head/righttopbarico_Bg.png | Bin 0 -> 945 bytes
 2 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 src/images/head/righttopbarico_Bg.png

diff --git a/src/components/appHeader/index.vue b/src/components/appHeader/index.vue
index 9862577..ab28fe0 100644
--- a/src/components/appHeader/index.vue
+++ b/src/components/appHeader/index.vue
@@ -2,6 +2,7 @@
   <div class="app-headBox">
     <span class="head-inner">
       <div class="head-name"> <span>{{headTitle}}</span><div class="head-name-bg"></div></div>
+      <div class="header-fullscreen" @click="handleFullScreen"></div>
       <div class="head-time">{{ headTime }}</div>
     </span>
   </div>
@@ -14,7 +15,8 @@
     data() {
       return {
         headTitle:"",//城市智慧停车大数据中心
-        headTime:''//当前时间
+        headTime:'',//当前时间
+        fullscreen: false
       }
     },
     mounted() {
@@ -30,6 +32,32 @@
           _self.headTime=common.getNowFormatDate();
         },1000);//1分钟更新一次
       },
+      handleFullScreen(){
+            let element = document.documentElement;
+            if (this.fullscreen) {
+                if (document.exitFullscreen) {
+                    document.exitFullscreen();
+                } else if (document.webkitCancelFullScreen) {
+                    document.webkitCancelFullScreen();
+                } else if (document.mozCancelFullScreen) {
+                    document.mozCancelFullScreen();
+                } else if (document.msExitFullscreen) {
+                    document.msExitFullscreen();
+                }
+            } else {
+                if (element.requestFullscreen) {
+                    element.requestFullscreen();
+                } else if (element.webkitRequestFullScreen) {
+                    element.webkitRequestFullScreen();
+                } else if (element.mozRequestFullScreen) {
+                    element.mozRequestFullScreen();
+                } else if (element.msRequestFullscreen) {
+                    // IE11
+                    element.msRequestFullscreen();
+                }
+            }
+            this.fullscreen = !this.fullscreen;
+       },
 
     }
   }
@@ -77,6 +105,16 @@
     left:280px;
     z-index: 10;
   }
+    .header-fullscreen{
+      width: 18px;
+      height: 18px;
+      line-height: 18px;
+      position: absolute;
+      right: 158px;
+      top:25px;
+      cursor:pointer;
+      background: url('../../images/head/righttopbarico_Bg.png');
+    }
   .head-time{
     font-size:14px;
     color:#b2c2cf;
diff --git a/src/images/head/righttopbarico_Bg.png b/src/images/head/righttopbarico_Bg.png
new file mode 100644
index 0000000..5e5c98c
Binary files /dev/null and b/src/images/head/righttopbarico_Bg.png differ
--
libgit2 0.21.4