feat：支持租户下拉选择

Author: YunaiV

src/api/system/tenant.js

@@ -71,3 +71,11 @@ export function exportTenantExcel(query) {
     responseType: 'blob'
   })
 }
+
+// 获取租户精简信息列表
+export function getTenantList() {
+  return request({
+    url: '/system/tenant/simple-list',
+    method: 'get'
+  })
+}

src/components/TenantVisit/index.vue

@@ -0,0 +1,52 @@
+4<template>
+  <div>
+    <el-select
+      filterable
+      placeholder="请选择租户"
+      style="width: 180px"
+      v-model="value"
+      @change="handleChange"
+      clearable
+    >
+      <el-option v-for="item in tenants" :key="item.id" :label="item.name" :value="item.id" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { getTenantList } from '@/api/system/tenant'
+import { getVisitTenantId, setVisitTenantId } from '@/utils/auth'
+
+export default {
+  name: 'TenantVisit',
+  data() {
+    return {
+      value: getVisitTenantId() ? Number(getVisitTenantId()) : undefined, // 当前选中的租户 ID
+      tenants: [] // 租户列表
+    }
+  },
+  methods: {
+    handleChange(id) {
+      // 设置访问租户 ID
+      setVisitTenantId(id)
+      // 关闭其他标签页，只保留当前页
+      this.$tab.closeOtherPage();
+      // 刷新当前页面
+      this.$tab.refreshPage();
+      // 提示切换成功
+      const tenant = this.tenants.find((item) => item.id === id)
+      if (tenant) {
+        this.$message.success(`切换当前租户为: ${tenant.name}`)
+      }
+    }
+  },
+  async mounted() {
+    try {
+      const response = await getTenantList()
+      this.tenants = response.data || []
+    } catch (error) {
+      console.error('获取租户列表失败:', error)
+    }
+  }
+}
+</script>

src/layout/components/Navbar.vue

@@ -7,6 +7,10 @@
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
+        <!-- 租户下拉框 -->
+        <tenant-visit v-if="tenantEnable" v-hasPermi="['system:tenant:visit']" class="right-menu-item" />
+
+        <!-- 菜单搜索 -->
         <search id="header-search" class="right-menu-item" />
 
         <!-- 站内信 -->
@@ -61,7 +65,8 @@ import Search from '@/components/HeaderSearch'
 import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
 import NotifyMessage from '@/layout/components/Message'
-import {getPath} from "@/utils/ruoyi";
+import TenantVisit from '@/components/TenantVisit'
+import {getPath, getTenantEnable} from "@/utils/ruoyi";
 
 export default {
   components: {
@@ -73,7 +78,8 @@ export default {
     Search,
     RuoYiGit,
     RuoYiDoc,
-    NotifyMessage
+    NotifyMessage,
+    TenantVisit
   },
   computed: {
     ...mapGetters([
@@ -97,6 +103,9 @@ export default {
       get() {
         return this.$store.state.settings.topNav
       }
+    },
+    tenantEnable() {
+      return getTenantEnable()
     }
   },
   methods: {
@@ -109,6 +118,10 @@ export default {
           location.href = getPath('/index');
         })
       }).catch(() => {});
+    },
+    checkPermi(permissions) {
+      return this.$auth.hasPermi(permissions)
+      return true;
     }
   }
 }

src/utils/auth.js

@@ -70,6 +70,7 @@ export function removeRememberMe() {
 
 const TenantIdKey = 'TENANT_ID'
 const TenantNameKey = 'TENANT_NAME'
+const VisitTenantIdKey = 'VISIT_TENANT_ID'
 
 export function getTenantName() {
   return localStorage.getItem(TenantNameKey)
@@ -95,5 +96,14 @@ export function removeTenantId() {
   localStorage.removeItem(TenantIdKey)
 }
 
-export class getToken {
+export function getVisitTenantId() {
+  return localStorage.getItem(VisitTenantIdKey)
+}
+
+export function setVisitTenantId(tenantId) {
+  localStorage.setItem(VisitTenantIdKey, tenantId)
+}
+
+export function removeVisitTenantId() {
+  localStorage.removeItem(VisitTenantIdKey)
 }

src/utils/request.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 import {Message, MessageBox, Notification} from 'element-ui'
 import store from '@/store'
-import {getAccessToken, getRefreshToken, getTenantId, setToken} from '@/utils/auth'
+import {getAccessToken, getRefreshToken, getTenantId, setToken, getVisitTenantId} from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
 import {getPath, getTenantEnable} from "@/utils/ruoyi";
 import {refreshToken} from "@/api/login";
@@ -43,6 +43,11 @@ service.interceptors.request.use(config => {
     if (tenantId) {
       config.headers['tenant-id'] = tenantId;
     }
+    // 只有登录时，才设置 visit-tenant-id 访问租户
+    const visitTenantId = getVisitTenantId()
+    if (config.headers.Authorization && visitTenantId) {
+      config.headers['visit-tenant-id'] = visitTenantId
+    }
   }
   // get请求映射params参数
   if (config.method === 'get' && config.params) {
@@ -183,10 +188,17 @@ service.interceptors.response.use(async res => {
 )
 
 export function getBaseHeader() {
-  return {
+  const headers = {
     'Authorization': "Bearer " + getAccessToken(),
     'tenant-id': getTenantId(),
   }
+  // 如果已登录且存在访问租户ID，添加 visit-tenant-id 请求头
+  const visitTenantId = getVisitTenantId()
+  if (getAccessToken() && visitTenantId) {
+    headers['visit-tenant-id'] = visitTenantId
+  }
+  
+  return headers
 }
 
 function handleAuthorized() {