Merge remote-tracking branch 'origin/master'

xiangpei

2024-03-20 996ba897101bbc959e035983c44d0bd4c5559fbb

 src/layout/components/Navbar.vue

@@ -1,11 +1,16 @@
<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"/>

    <div class="right-menu">




      <template v-if="device!=='mobile'">
        <screenfull id="screenfull" class="right-menu-item hover-effect" />
        <el-tooltip content="布局大小" effect="dark" placement="bottom">
@@ -31,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>
@@ -45,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,
@@ -81,6 +97,11 @@
    }
  },
  methods: {
    exchange(roleId) {
      exchangeRole(roleId).then(response => {
        this.$modal.msgSuccess("修改成功");
      }).catch(() => { });
    },
    toggleSideBar() {
      this.$store.dispatch('app/toggleSideBar')
    },
@@ -94,6 +115,12 @@
          location.href = '/index';
        })
      }).catch(() => {});
    },

    toScreen() {
      this.$router.push({
        path: '/screen'
      })
    }
  }
}
@@ -186,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>