From 2fe31055c8da97ac5b10263119e685d4262e069a Mon Sep 17 00:00:00 2001 From: ningyv <1793599591@qq.com> Date: Sun, 27 Apr 2025 14:30:24 +0800 Subject: [PATCH] feature/1.8-Improve system observability --- frontend/packages/common/src/locales/scan/en-US.json | 2 +- frontend/packages/core/src/pages/team/TeamConfig.tsx | 11 ----------- .../core/src/pages/team/TeamInsideMember.tsx | 12 +----------- .../packages/core/src/pages/team/TeamInsidePage.tsx | 12 ++++++++++++ .../market/src/pages/serviceHub/ServiceHubDetail.tsx | 3 ++- 5 files changed, 16 insertions(+), 24 deletions(-) diff --git a/frontend/packages/common/src/locales/scan/en-US.json b/frontend/packages/common/src/locales/scan/en-US.json index 92be8d7f..655e2f5f 100644 --- a/frontend/packages/common/src/locales/scan/en-US.json +++ b/frontend/packages/common/src/locales/scan/en-US.json @@ -957,5 +957,5 @@ "K6b882d4a": "Avg Token per Subscriber", "K6c2d93b6": "Failed to load data, please try again", "Kf5eeb9c5": "Avg Token per Subscriber", - "K1639a17a": "API Route Docs" + "K1639a17a": "API Routes Docs" } diff --git a/frontend/packages/core/src/pages/team/TeamConfig.tsx b/frontend/packages/core/src/pages/team/TeamConfig.tsx index b8ab0c42..4bccafa8 100644 --- a/frontend/packages/core/src/pages/team/TeamConfig.tsx +++ b/frontend/packages/core/src/pages/team/TeamConfig.tsx @@ -9,7 +9,6 @@ import { useFetch } from '@common/hooks/http.ts' import { DefaultOptionType } from 'antd/es/cascader' import { TeamConfigFieldType } from '../../const/team/type.ts' import WithPermission from '@common/components/aoplatform/WithPermission.tsx' -import { useBreadcrumb } from '@common/contexts/BreadcrumbContext.tsx' import { useTeamContext } from '../../contexts/TeamContext.tsx' import { useGlobalContext } from '@common/contexts/GlobalStateContext.tsx' import { $t } from '@common/locales/index.ts' @@ -32,7 +31,6 @@ const TeamConfig = forwardRef((props, ref) => const currentUrl = location.pathname const { fetchData } = useFetch() const [managerOption, setManagerOption] = useState([]) - const { setBreadcrumb } = useBreadcrumb() const { setTeamInfo } = useTeamContext() const { checkPermission, accessInit, state } = useGlobalContext() const pageType = useMemo(() => { @@ -133,15 +131,6 @@ const TeamConfig = forwardRef((props, ref) => .catch((errorInfo) => reject(errorInfo)) }) } - useEffect(() => { - setBreadcrumb([ - { - title: $t('团队'), - onClick: () => navigateTo('/team/list') - }, - { title: $t('设置') } - ]) - }, [state.language]) useEffect(() => { getManagerList() diff --git a/frontend/packages/core/src/pages/team/TeamInsideMember.tsx b/frontend/packages/core/src/pages/team/TeamInsideMember.tsx index e31c98df..872e776c 100644 --- a/frontend/packages/core/src/pages/team/TeamInsideMember.tsx +++ b/frontend/packages/core/src/pages/team/TeamInsideMember.tsx @@ -1,8 +1,7 @@ import PageList, { PageProColumns } from '@common/components/aoplatform/PageList.tsx' import { ActionType } from '@ant-design/pro-components' import { FC, useEffect, useMemo, useRef, useState } from 'react' -import { Link, useNavigate, useParams } from 'react-router-dom' -import { useBreadcrumb } from '@common/contexts/BreadcrumbContext.tsx' +import { useParams } from 'react-router-dom' import { App, Button, Modal, Select } from 'antd' import { BasicResponse, COLUMNS_TITLE, RESPONSE_TIPS, STATUS_CODE } from '@common/const/const.tsx' import { useFetch } from '@common/hooks/http.ts' @@ -59,7 +58,6 @@ export const addMemberToDepartment = ( const TeamInsideMember: FC = () => { const [searchWord, setSearchWord] = useState('') - const { setBreadcrumb } = useBreadcrumb() const { modal, message } = App.useApp() const { fetchData } = useFetch() const { teamId } = useParams() @@ -73,7 +71,6 @@ const TeamInsideMember: FC = () => { const [addMemberBtnDisabled, setAddMemberBtnDisabled] = useState(true) const [allMemberSelectedDepartIds, setAllMemberSelectedDepartIds] = useState([]) const [roleList, setRoleList] = useState([]) - const navigator = useNavigate() const operation: PageProColumns[] = [ { @@ -355,13 +352,6 @@ const TeamInsideMember: FC = () => { }, [teamId]) useEffect(() => { - setBreadcrumb([ - { - title: $t('团队'), - onClick: () => navigator('/team/list') - }, - { title: $t('成员') } - ]) getRoleList() }, [state.language]) diff --git a/frontend/packages/core/src/pages/team/TeamInsidePage.tsx b/frontend/packages/core/src/pages/team/TeamInsidePage.tsx index 7e17fdc7..017a35fe 100644 --- a/frontend/packages/core/src/pages/team/TeamInsidePage.tsx +++ b/frontend/packages/core/src/pages/team/TeamInsidePage.tsx @@ -16,6 +16,7 @@ import { PERMISSION_DEFINITION } from "@common/const/permissions.ts"; import { TeamConfigType } from "@core/const/team/type.ts"; import { $t } from "@common/locales/index.ts"; import { getItem } from "@common/utils/navigation.tsx"; +import { useBreadcrumb } from "@common/contexts/BreadcrumbContext.tsx"; const TeamInsidePage:FC = ()=> { const { message } = App.useApp() @@ -26,6 +27,7 @@ const TeamInsidePage:FC = ()=> { const {getTeamAccessData,cleanTeamAccessData,accessData,checkPermission,teamDataFlushed,accessInit,state} = useGlobalContext() const navigateTo = useNavigate() const [activeMenu, setActiveMenu] = useState() + const { setBreadcrumb } = useBreadcrumb() const onMenuClick: MenuProps['onClick'] = ({key}) => { setActiveMenu(key) @@ -88,6 +90,16 @@ const TeamInsidePage:FC = ()=> { } },[activeMenu]) + useEffect(()=>{ + setBreadcrumb([ + { + title: $t('团队'), + onClick: () => navigateTo('/team/list') + }, + { title: teamInfo?.name || '-' } + ]) + },[state.language, teamInfo]) + useEffect(()=>{ getTeamInfo() teamId && getTeamAccessData(teamId) diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx index 8248dcaf..3d1304c0 100644 --- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx +++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx @@ -173,9 +173,10 @@ servers: title: $t('API 门户'), onClick: () => navigate(`/serviceHub/list`) }, + { title: service?.name || '-' }, { title: $t('服务详情') } ]) - }, [state.language]) + }, [state.language, service]) const getMySelectList = () => { setMySystemOptionList([])