15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-26 01:33:05 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: change workspace

This commit is contained in:
wangdan-fit2cloud 2025-07-11 16:51:56 +08:00
parent 63c91138ed
commit 91eb873312
8 changed files with 106 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/layout/layout-header/UserHeader.vue
View File

@ -28,6 +28,7 @@
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import TopMenu from './top-menu/index.vue'
import Avatar from './avatar/index.vue'
import TopAbout from './top-about/index.vue'
@ -35,15 +36,27 @@ import { EditionConst } from '@/utils/permission/data'
import { hasPermission } from '@/utils/permission/index'
import type { WorkspaceItem } from '@/api/type/workspace'
import useStore from '@/stores'
const router = useRouter()
const route = useRoute()
const { user } = useStore()
const currentWorkspace = computed(() => {
return user.workspace_list.find((w) => w.id == user.workspace_id)
})
function changeWorkspace(item: WorkspaceItem) {
const {
meta: { activeMenu },
} = route as any
if (item.id === user.workspace_id) return
user.setWorkspaceId(item.id || 'default')
window.location.reload()
if (activeMenu.includes('application')) {
router.push('/application')
} else if (activeMenu.includes('knowledge')) {
router.push('/knowledge')
} else {
window.location.reload()
}
}
</script>
<style lang="scss" scoped>

1
ui/src/router/modules/knowledge.ts
View File

@ -12,6 +12,7 @@ const ModelRouter = {
PermissionConst.KNOWLEDGE_READ.getWorkspacePermissionWorkspaceManageRole,
],
group: 'workspace',
meta: { activeMenu: '/knowledge' },
order: 2,
},
redirect: '/knowledge',

1
ui/src/router/modules/model.ts
View File

@ -11,6 +11,7 @@ const ModelRouter = {
PermissionConst.MODEL_READ.getWorkspacePermission,
PermissionConst.MODEL_READ.getWorkspacePermissionWorkspaceManageRole,
],
meta: { activeMenu: '/model' },
group: 'workspace',
order: 4,
},

115
ui/src/views/application-workflow/component/DropdownMenu.vue
View File

@ -1,9 +1,16 @@
<template>
<div v-show="show" class="workflow-dropdown-menu border border-r-6 white-bg">
<el-tabs v-model="activeName" class="workflow-dropdown-tabs">
<div v-show="activeName === 'base'" style="display: flex; width: 100%; justify-content: center" class="mb-12 mt-12">
<el-input v-model="search_text" class="mr-12 ml-12"
:placeholder="$t('views.applicationWorkflow.searchBar.placeholder')">
<el-tabs v-model="activeName" class="workflow-dropdown-tabs" @tab-change="handleClick">
<div
v-show="activeName === 'base'"
style="display: flex; width: 100%; justify-content: center"
class="mb-12 mt-12"
>
<el-input
v-model="search_text"
class="mr-12 ml-12"
:placeholder="$t('views.applicationWorkflow.searchBar.placeholder')"
>
<template #suffix>
<el-icon class="el-input__icon">
<search />
@ -18,25 +25,37 @@
<template v-for="(node, index) in filter_menu_nodes" :key="index">
<el-text type="info" size="small" class="color-secondary ml-12">{{
node.label
}}</el-text>
<div class="flex-wrap" style="gap: 12px; padding: 12px;">
}}</el-text>
<div class="flex-wrap" style="gap: 12px; padding: 12px">
<template v-for="(item, index) in node.list" :key="index">
<el-popover placement="right" :width="280" :show-after="500">
<template #reference>
<div class="list-item flex align-center border border-r-6 p-8-12 cursor"
style="width: calc(50% - 6px)" @click.stop="clickNodes(item)" @mousedown.stop="onmousedown(item)">
<component :is="iconComponent(`${item.type}-icon`)" class="mr-8" :size="32" />
<div
class="list-item flex align-center border border-r-6 p-8-12 cursor"
style="width: calc(50% - 6px)"
@click.stop="clickNodes(item)"
@mousedown.stop="onmousedown(item)"
>
<component
:is="iconComponent(`${item.type}-icon`)"
class="mr-8"
:size="32"
/>
<div class="lighter">{{ item.label }}</div>
</div>
</template>
<template #default>
<div class="flex align-center mb-8">
<component :is="iconComponent(`${item.type}-icon`)" class="mr-8" :size="32" />
<component
:is="iconComponent(`${item.type}-icon`)"
class="mr-8"
:size="32"
/>
<div class="lighter color-text-primary">{{ item.label }}</div>
</div>
<el-text type="info" size="small" class="color-secondary lighter">{{
item.text
}}</el-text>
}}</el-text>
</template>
</el-popover>
</template>
@ -52,13 +71,23 @@
<el-tab-pane :label="$t('views.tool.title')" name="tool">
<LayoutContainer>
<template #left>
<folder-tree :source="SourceTypeEnum.TOOL" :data="toolTreeData" :currentNodeKey="folder.currentFolder?.id"
@handleNodeClick="folderClickHandle" :shareTitle="$t('views.shared.shared_tool')"
:showShared="user.isEE()" class="p-8" :canOperation="false" />
<folder-tree
:source="SourceTypeEnum.TOOL"
:data="toolTreeData"
:currentNodeKey="folder.currentFolder?.id"
@handleNodeClick="folderClickHandle"
:shareTitle="$t('views.shared.shared_tool')"
:showShared="user.isEE()"
class="p-8"
:canOperation="false"
/>
</template>
<el-scrollbar height="450">
<NodeContent :list="toolList" @clickNodes="(val: any) => clickNodes(toolLibNode, val, 'tool')"
@onmousedown="(val: any) => onmousedown(toolLibNode, val, 'tool')" />
<NodeContent
:list="toolList"
@clickNodes="(val: any) => clickNodes(toolLibNode, val, 'tool')"
@onmousedown="(val: any) => onmousedown(toolLibNode, val, 'tool')"
/>
</el-scrollbar>
</LayoutContainer>
</el-tab-pane>
@ -66,14 +95,21 @@
<el-tab-pane :label="$t('views.application.title')" name="application">
<LayoutContainer>
<template #left>
<folder-tree :source="SourceTypeEnum.APPLICATION" :data="applicationTreeData"
:currentNodeKey="folder.currentFolder?.id" @handleNodeClick="folderClickHandle" class="p-8"
:canOperation="false" />
<folder-tree
:source="SourceTypeEnum.APPLICATION"
:data="applicationTreeData"
:currentNodeKey="folder.currentFolder?.id"
@handleNodeClick="folderClickHandle"
class="p-8"
:canOperation="false"
/>
</template>
<el-scrollbar height="450">
<NodeContent :list="applicationList"
<NodeContent
:list="applicationList"
@clickNodes="(val: any) => clickNodes(applicationNode, val, 'application')"
@onmousedown="(val: any) => onmousedown(applicationNode, val, 'application')" />
@onmousedown="(val: any) => onmousedown(applicationNode, val, 'application')"
/>
</el-scrollbar>
</LayoutContainer>
</el-tab-pane>
@ -90,7 +126,6 @@ import useStore from '@/stores'
import NodeContent from './NodeContent.vue'
import { SourceTypeEnum } from '@/enums/common'
import sharedWorkspaceApi from '@/api/shared-workspace'
import { CaretRight } from '@element-plus/icons-vue'
import ApplicationApi from '@/api/application/application'
const { user } = useStore()
const search_text = ref<string>('')
@ -209,10 +244,12 @@ async function getShareTool() {
}
async function getToolList() {
if (folder.currentFolder.id === "share") {
if (folder.currentFolder.id === 'share') {
toolList.value = sharedToolList.value
} else {
const res = await ToolApi.getToolList({ folder_id: folder.currentFolder?.id || user.getWorkspaceId() })
const res = await ToolApi.getToolList({
folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
})
toolList.value = res.data.tools
}
}
@ -223,33 +260,41 @@ const applicationList = ref<any[]>([])
function getApplicationFolder() {
folder.asyncGetFolder(SourceTypeEnum.APPLICATION, {}, loading).then((res: any) => {
applicationTreeData.value = res.data
folder.setCurrentFolder(res.data?.[0] || {})
folder.setCurrentFolder(res.data?.[0] || {})
})
}
async function getApplicationList() {
const res = await ApplicationApi.getAllApplication({ folder_id: folder.currentFolder?.id || user.getWorkspaceId() })
const res = await ApplicationApi.getAllApplication({
folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
})
applicationList.value = res.data.filter((item) => item.resource_type === 'application')
}
function folderClickHandle(row: any) {
folder.setCurrentFolder(row)
if (activeName.value === 'tool') {
getToolList();
getToolList()
} else {
getApplicationList()
}
}
onMounted(async () => {
if (user.isEE()) {
await getShareTool()
async function handleClick(val: string) {
console.log(val)
if (val === 'tool') {
if (user.isEE()) {
await getShareTool()
}
await getToolFolder()
getToolList()
} else if (val === 'application') {
getApplicationFolder()
getApplicationList()
}
await getToolFolder()
getToolList()
getApplicationFolder()
getApplicationList()
})
}
onMounted(() => {})
</script>
<style lang="scss" scoped>
.workflow-dropdown-menu {

9
ui/src/views/chat/component/HistoryPanel.vue
View File

@ -20,7 +20,12 @@
</el-avatar>
<LogoIcon v-else height="32px" />
</div>
<h4 v-show="!isPcCollapse">{{ applicationDetail?.name }}</h4>
<h4
v-show="!isPcCollapse"
:style="{ color: applicationDetail?.custom_theme?.header_font_color }"
>
{{ applicationDetail?.name }}
</h4>
</div>
<el-button
type="primary"
@ -252,7 +257,7 @@ function refreshFieldTitle(chatId: string, abstract: string) {
</style>
<style lang="scss">
.chat-pc-popper {
background: #ffffff!important;
background: #ffffff !important;
.el-menu {
background: var(--el-color-primary-light-06) !important;
}

3
ui/src/views/chat/embed/index.vue
View File

@ -26,9 +26,6 @@
iconName="app-mobile-open-history"
style="font-size: 20px"
class="ml-16 cursor"
:style="{
color: applicationDetail?.custom_theme?.header_font_color,
}"
@click.prevent.stop="show = true"
/>
<div class="mr-12 ml-16 flex">

4
ui/src/views/system-chat-user/authentication/index.vue
View File

@ -2,7 +2,7 @@
<div class="authentication-setting p-16-24">
<h4 class="mb-16">{{ $t('views.system.authentication.title') }}</h4>
<el-tabs v-model="activeName" class="mt-4" @tab-click="handleClick">
<el-tabs v-model="activeName" class="mt-4">
<template v-for="(item, index) in tabList" :key="index">
<el-tab-pane :label="item.label" :name="item.name">
<component :is="item.component" />
@ -50,7 +50,7 @@ const tabList = [
// },
]
function handleClick() {}
onMounted(() => {
// if (user.isExpire()) {

3
ui/src/views/system-setting/authentication/index.vue
View File

@ -2,7 +2,7 @@
<div class="authentication-setting p-16-24">
<h4 class="mb-16">{{ $t('views.system.authentication.title') }}</h4>
<el-tabs v-model="activeName" class="mt-4" @tab-click="handleClick">
<el-tabs v-model="activeName" class="mt-4">
<template v-for="(item, index) in tabList" :key="index">
<el-tab-pane :label="item.label" :name="item.name">
<component :is="item.component" />
@ -55,7 +55,6 @@ const tabList = [
},
]
function handleClick() {}
onMounted(() => {
if (user.isExpire()) {