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

---
 src/assets/img/righttopbarico_Bg.png | Bin 0 -> 945 bytes
 src/components/headerCommon.vue      | 42 +++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/img/righttopbarico_Bg.png

diff --git a/src/assets/img/righttopbarico_Bg.png b/src/assets/img/righttopbarico_Bg.png
new file mode 100644
index 0000000..5e5c98c
Binary files /dev/null and b/src/assets/img/righttopbarico_Bg.png differ
diff --git a/src/components/headerCommon.vue b/src/components/headerCommon.vue
index a76a1f5..c532208 100644
--- a/src/components/headerCommon.vue
+++ b/src/components/headerCommon.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="headercommon">
     <h3>丹阳停车运营监控中心</h3>
+    <div class="header-fullscreen" @click="handleFullScreen"></div>
     <div class="time-wrap">
       <p>{{timedate}}</p>
       <p>{{time}}</p>
@@ -17,8 +18,37 @@ export default {
   data() {
     return {
       timedate: getNowFormatDate(),
-      time: getNowFormatTime()
+      time: getNowFormatTime(),
+      fullscreen: false
     }
+  },
+  methods:{
+    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;
+    },
   }
 }
 </script>
@@ -42,6 +72,16 @@ export default {
     font-weight:800;
     color:rgba(255,255,255,1);
   }
+  .header-fullscreen{
+    width: 18px;
+    height: 18px;
+    line-height: 18px;
+    position: absolute;
+    right: 150px;
+    top:30px;
+    cursor:pointer;
+    background: url('../assets/img/righttopbarico_Bg.png');
+  }
   .time-wrap{
     position: absolute;
     right: 12px;
--
libgit2 0.21.4