style:大屏展示

@@ -8,6 +8,7 @@
         <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
         <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
       </div>
       </div>
       <div class="right-menu">
       <div class="right-menu">
+        <div class="dataView pointer" @click="handleDataView">大屏展示</div>
         <svg-icon class="function" icon-class='function' />
         <svg-icon class="function" icon-class='function' />
         <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
         <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
           <div class="avatar-wrapper">
           <div class="avatar-wrapper">
@@ -36,6 +37,10 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
+    handleDataView () {
+      const { href } = this.$router.resolve('/dataView');
+      window.open(href, '_blank');
+    },
     themeChange (val) {
     themeChange (val) {
       this.$store.dispatch('app/updateTheme', val)
       this.$store.dispatch('app/updateTheme', val)
     },
     },
@@ -62,6 +67,10 @@ export default {
   }
   }
 }
 }
 
 
+.dataView {
+  color: #fff;
+}
+
 .NoticeBar {
 .NoticeBar {
   position: absolute;
   position: absolute;
   bottom: 0;
   bottom: 0;