From 27c87cc797f4fc9b0744ed8c44b58dbe4ff3a63c Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 21 三月 2024 18:01:56 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui --- src/layout/components/Navbar.vue | 62 +++++++++++++++++++++++-------- 1 files changed, 46 insertions(+), 16 deletions(-) diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 466cd98..a122c07 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,17 @@ </el-dropdown-item> </el-dropdown-menu> </el-dropdown> + + </div> + <div class="test-container"> + <el-button-group style="vertical-align: text-bottom;"> + <el-button @click="exchange(100)">鐪佸巺瑙掕壊</el-button> + <el-button @click="exchange(103)">鍖哄幙瑙掕壊</el-button> + <el-button @click="exchange(2)">杩愮淮瑙掕壊</el-button> + </el-button-group> + </div> + <div class="button-container"> + <el-button type="primary" @click="toScreen">鍙鍖栧ぇ灞�</el-button> </div> </div> </template> @@ -56,7 +61,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, @@ -92,6 +97,11 @@ } }, methods: { + exchange(roleId) { + exchangeRole(roleId).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }).catch(() => { }); + }, toggleSideBar() { this.$store.dispatch('app/toggleSideBar') }, @@ -104,7 +114,13 @@ this.$store.dispatch('LogOut').then(() => { location.href = '/index'; }) - }).catch(() => {}); + }).catch(() => { }); + }, + + toScreen() { + this.$router.push({ + path: '/screen' + }) } } } @@ -116,7 +132,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 +140,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 +213,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