From aa05304d221b1883d746e686f390d6f3fba598a7 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 24 五月 2024 09:36:09 +0800
Subject: [PATCH] feat:动态数据中心

---
 src/layout/components/Navbar.vue |   66 +++++++++++++++++++++++++--------
 1 files changed, 50 insertions(+), 16 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 466cd98..7defbcf 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,24 +1,18 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
+      @toggleClick="toggleSideBar" />
 
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
-    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
+    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
+    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
 
     <div class="right-menu">
-      <template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
 
-        <el-tooltip content="婧愮爜鍦板潃" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
 
-        <el-tooltip content="鏂囨。鍦板潃" effect="dark" placement="bottom">
-          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
 
+
+      <template v-if="device !== 'mobile'">
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
-
         <el-tooltip content="甯冨眬澶у皬" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
         </el-tooltip>
@@ -42,6 +36,16 @@
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
+
+    </div>
+    <div class="button-container">
+      <el-button type="primary" @click="toScreen">鍙鍖栧ぇ灞�</el-button>
+    </div>
+    <div class="button-container">
+      <el-button type="primary" @click="toSystemB">璺宠浆B绯荤粺</el-button>
+    </div>
+    <div class="button-container">
+      <el-button type="primary" @click="toSystemA">璺宠浆A绯荤粺</el-button>
     </div>
   </div>
 </template>
@@ -56,7 +60,7 @@
 import Search from '@/components/HeaderSearch'
 import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
-
+import { exchangeRole } from "@/api/system/role";
 export default {
   components: {
     Breadcrumb,
@@ -104,7 +108,23 @@
         this.$store.dispatch('LogOut').then(() => {
           location.href = '/index';
         })
-      }).catch(() => {});
+      }).catch(() => { });
+    },
+
+    toScreen() {
+      this.$router.push({
+        path: '/screen'
+      })
+    },
+    toSystemA() {
+      this.$router.push({
+        path: '/screen'
+      })
+    },
+    toSystemB() {
+      this.$router.push({
+        path: '/screen'
+      })
     }
   }
 }
@@ -116,7 +136,7 @@
   overflow: hidden;
   position: relative;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
 
   .hamburger-container {
     line-height: 46px;
@@ -124,7 +144,7 @@
     float: left;
     cursor: pointer;
     transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
+    -webkit-tap-highlight-color: transparent;
 
     &:hover {
       background: rgba(0, 0, 0, .025)
@@ -197,4 +217,18 @@
     }
   }
 }
+.test-container {
+  margin: 0 20px;
+  height: 100%;
+  float: right;
+  display: flex;
+  align-items: center;
+}
+.button-container {
+  margin: 0 20px;
+  height: 100%;
+  float: right;
+  display: flex;
+  align-items: center;
+}
 </style>

--
Gitblit v1.8.0