feat: Permission

ui/src/layout/layout-header/UserHeader.vue

@@ -4,8 +4,12 @@
     <div class="logo mt-4">
       <LogoFull />
     </div>
-    <el-divider direction="vertical" class="ml-24 mr-24" />
+    <el-divider
-    <Workspace />
+      direction="vertical"
+      class="ml-24 mr-24"
+      v-if="hasPermission(EditionConst.IS_EE, 'OR')"
+    />
+    <WorkspaceDropdown v-if="hasPermission(EditionConst.IS_EE, 'OR')" />
     <div class="flex-between w-full">
       <div></div>
       <TopMenu></TopMenu>
@@ -18,10 +22,14 @@
 import TopMenu from './top-menu/index.vue'
 import Avatar from './avatar/index.vue'
 import TopAbout from './top-about/index.vue'
-import Workspace from './workspace/index.vue'
+import { EditionConst } from '@/utils/permission/data'
-import { useRouter } from 'vue-router'
+import { hasPermission } from '@/utils/permission/index'
+import WorkspaceDropdown from './workspace-dropdown/index.vue'
 
+import { useRouter } from 'vue-router'
+import useStore from '@/stores'
 const router = useRouter()
+const { user } = useStore()
 </script>
 <style lang="scss" scoped>
 .app-top-bar-container {

ui/src/layout/layout-header/workspace-dropdown/index.vue

@@ -45,7 +45,7 @@ async function getWorkspaceList() {
 }
 
 onBeforeMount(async () => {
-  // await getWorkspaceList()
+  await getWorkspaceList()
   const id = localStorage.getItem('workspace_id') ?? 'default'
   currentWorkspace.value = workspaceList.value.find(item => item.id === id)
 })

ui/src/stores/modules/user.ts

@@ -77,7 +77,7 @@ const useUserStore = defineStore('user', {
             this.edition = ok.data.edition
 
             if (this.isEE() || this.isPE()) {
-              // await this.theme()
+              await this.theme()
             } else {
               this.themeInfo = {
                 ...defaultPlatformSetting,