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