feat: 角色导航权限 (#1398)

src/pages/src/app.vue

@@ -3,18 +3,27 @@ import { Message } from 'bkui-vue';
 import {
   ref,
 } from 'vue';
+import { useRoute } from 'vue-router';
 
 import HeaderBox from './views/Header.vue';
 
 import { currentUser } from '@/http/api';
+import router from '@/router';
 import { useUser } from '@/store/user';
 
 // 加载完用户数据才会展示页面
 const isLoading = ref(false);
 // 获取用户数据
 const user = useUser();
+const route = useRoute();
+
 currentUser()
   .then((res) => {
+    if (route.name === 'tenantInfo' && res.data.role === 'tenant_manager') {
+      router.push({
+        name: 'organization',
+      });
+    }
     user.setUser(res.data);
     isLoading.value = false;
   })

src/pages/src/views/Header.vue

@@ -92,7 +92,7 @@
 
 <script setup lang="ts">
 import { DownShape } from 'bkui-vue/lib/icon';
-import { computed, reactive } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 import { logout } from '@/common/auth';
@@ -107,37 +107,28 @@ const state = reactive({
 });
 
 const userStore = useUser();
-const userInfo = computed(() => userStore.user);
+const headerNav = ref([]);
+
+const userInfo = computed(() => {
+  const { role } = userStore.user;
+  const baseNav = [
+    { name: '组织架构', path: 'organization' },
+    { name: '数据源管理', path: 'dataSource' },
+    { name: '认证源管理', path: 'authSource' },
+  ];
+  if (role === 'super_manager') {
+    headerNav.value = [...baseNav, { name: '租户管理', path: 'tenant' }, { name: '设置', path: 'setting' }];
+  } else if (role === 'tenant_manager') {
+    headerNav.value = [...baseNav, { name: '设置', path: 'setting' }];
+  } else if (role === 'natural_user') {
+    router.push({ name: 'personalCenter' });
+  }
+  return userStore.user;
+});
 
 const route = useRoute();
 const isPersonalCenter = computed(() => route.name === 'personalCenter');
 
-const headerNav = reactive([
-  {
-    name: '组织架构',
-    path: 'organization',
-  },
-  {
-    name: '数据源管理',
-    path: 'dataSource',
-  },
-  {
-    name: '认证源管理',
-    path: 'authSource',
-  },
-  {
-    name: '租户管理',
-    path: 'tenant',
-  },
-  // {
-  //   name: "审计",
-  //   path: "audit",
-  // },
-  {
-    name: '设置',
-    path: 'setting',
-  },
-]);
 // const languageNav = reactive([
 //   {
 //     name: '中文',