diff --git a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/DomainPersona.tsx b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/DomainPersona.tsx
index 17b1ca8f30..5fc02638ba 100644
--- a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/DomainPersona.tsx
+++ b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/DomainPersona.tsx
@@ -10,7 +10,7 @@ const PopperContent = ({ dataList, name, active, setActive, origin }) => {
   const { t } = useTranslation();
   const activeItem = dataList
     .find((item) => item.type === active)
-    ?.childern.sort((a, b) => b.contribution - a.contribution);
+    ?.children.sort((a, b) => b.contribution - a.contribution);
   // const allType = ['Code', 'Code Admin', 'Issue', 'Issue Admin', 'Observe'];
   return (
     <div className="right-0 rounded bg-[#fcfcfc] text-xs drop-shadow-md">
diff --git a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/index.tsx b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/index.tsx
index ace9d46a8f..9ea31df307 100644
--- a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/index.tsx
+++ b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/ContributorTable/index.tsx
@@ -9,7 +9,7 @@ import client from '@common/gqlClient';
 import MyTable from '@common/components/Table';
 import classnames from 'classnames';
 import {
-  useContributionTypeLsit,
+  useContributionTypeList,
   useEcologicalType,
   useMileageOptions,
 } from '../contribution';
@@ -160,7 +160,7 @@ const MetricTable: React.FC<{
       sortOpts = sorter.order && {
         type:
           sorter.field === 'contribution'
-            ? 'contribution_filterd'
+            ? 'contribution_filtered'
             : sorter.field,
         direction: sorter.order === 'ascend' ? 'asc' : 'desc',
       };
@@ -249,7 +249,7 @@ const MetricTable: React.FC<{
           />
         );
       },
-      filters: useContributionTypeLsit(),
+      filters: useContributionTypeList(),
       defaultFilteredValue:
         defaultFilterOpts.find((i) => i.type === 'contribution_type')?.values ||
         null,
diff --git a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/contribution.ts b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/contribution.ts
index 9a98e1b951..bd75e863a8 100644
--- a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/contribution.ts
+++ b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/contribution.ts
@@ -120,7 +120,7 @@ const useContributionTypeMap = () => {
   };
 };
 // 领域画像 filter
-export const useContributionTypeLsit = () => {
+export const useContributionTypeList = () => {
   const obj = useContributionTypeMap();
   const result = [];
 
diff --git a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/utils.tsx b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/utils.tsx
index a69d18b287..4442c5b525 100644
--- a/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/utils.tsx
+++ b/apps/web/src/modules/analyze/DataView/MetricDetail/MetricContributor/utils.tsx
@@ -27,13 +27,13 @@ export const getDomainData = (data, contributionTypeMap) => {
     const domainType = result.find((z) => z.type === type);
     if (domainType) {
       domainType.contribution += contribution;
-      domainType.childern.push({ text, contribution });
+      domainType.children.push({ text, contribution });
     } else {
       result.push({
         type,
         color,
         contribution,
-        childern: [{ text, contribution }],
+        children: [{ text, contribution }],
       });
     }
   });
diff --git a/apps/web/src/modules/analyze/components/SideBar/Collaboration/TopicRobustness.tsx b/apps/web/src/modules/analyze/components/SideBar/Collaboration/TopicRobustness.tsx
index ba9c9909ec..2326e67060 100644
--- a/apps/web/src/modules/analyze/components/SideBar/Collaboration/TopicRobustness.tsx
+++ b/apps/web/src/modules/analyze/components/SideBar/Collaboration/TopicRobustness.tsx
@@ -38,7 +38,7 @@ const Robustness = () => {
         {t('metrics_models:activity.title')}
       </MenuItem>
       {/* <MenuItem id="2" disabled>
-        {t('metrics_models:developer_convertion.title')}
+        {t('metrics_models:developer_conversion.title')}
       </MenuItem>
       <MenuItem id="3" disabled>
         {t('metrics_models:developer_retention.title')}
diff --git a/apps/web/src/modules/analyze/components/SideBar/TopicRobustness.tsx b/apps/web/src/modules/analyze/components/SideBar/TopicRobustness.tsx
index 6d06e20c97..2d1ba1f700 100644
--- a/apps/web/src/modules/analyze/components/SideBar/TopicRobustness.tsx
+++ b/apps/web/src/modules/analyze/components/SideBar/TopicRobustness.tsx
@@ -38,7 +38,7 @@ const Robustness = () => {
         {t('metrics_models:activity.title')}
       </MenuItem>
       <MenuItem id="2" disabled>
-        {t('metrics_models:developer_convertion.title')}
+        {t('metrics_models:developer_conversion.title')}
       </MenuItem>
       <MenuItem id="3" disabled>
         {t('metrics_models:developer_retention.title')}
diff --git a/apps/web/src/modules/dataHub/DataView/ArchiveDownload/index.tsx b/apps/web/src/modules/dataHub/DataView/ArchiveDownload/index.tsx
index 1ec6cf3d85..9643accf75 100644
--- a/apps/web/src/modules/dataHub/DataView/ArchiveDownload/index.tsx
+++ b/apps/web/src/modules/dataHub/DataView/ArchiveDownload/index.tsx
@@ -70,7 +70,7 @@ const ArchiveDownload = ({ category = 'insight' }) => {
       <DataSourceSelector
         defaultValue={apiBaseUrl}
         onChange={(value) => setBaseUrl(value)}
-        hideenCompass={true}
+        hiddenCompass={true}
       />
       <DateSelect onChange={setSelectedDate} />
       <div className="overflow-x-auto">
diff --git a/apps/web/src/modules/dataHub/components/DataSourceSelector.tsx b/apps/web/src/modules/dataHub/components/DataSourceSelector.tsx
index 1bc03ddb64..abf8e1ba46 100644
--- a/apps/web/src/modules/dataHub/components/DataSourceSelector.tsx
+++ b/apps/web/src/modules/dataHub/components/DataSourceSelector.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 const DataSourceSelector = ({
   defaultValue = 'https://oss-compass.isrc.ac.cn',
   onChange,
-  hideenCompass = false,
+  hiddenCompass = false,
 }) => {
   const { t } = useTranslation();
   const apiBaseUrl = `${window.location.origin}`;
@@ -35,15 +35,15 @@ const DataSourceSelector = ({
         ]
       : defaultOptions;
 
-    // 当 hideenCompass 为 true 时，过滤掉 OSS Compass 选项
-    if (hideenCompass) {
+    // 当 hiddenCompass 为 true 时，过滤掉 OSS Compass 选项
+    if (hiddenCompass) {
       newOptions = newOptions.filter(
         (option) => option.label !== 'OSS Compass'
       );
     }
 
     setOptions(newOptions);
-  }, [apiBaseUrl, hideenCompass, t]);
+  }, [apiBaseUrl, hiddenCompass, t]);
 
   return (
     <div>
diff --git a/apps/web/src/modules/home/Explain/plantConfig.ts b/apps/web/src/modules/home/Explain/plantConfig.ts
index 0a85e2761a..9381e93830 100644
--- a/apps/web/src/modules/home/Explain/plantConfig.ts
+++ b/apps/web/src/modules/home/Explain/plantConfig.ts
@@ -581,7 +581,7 @@ export const useModelList = (): ModelList[] => {
       color: '#cea936',
     },
     {
-      name: t('metrics_models:developer_convertion.title'),
+      name: t('metrics_models:developer_conversion.title'),
       top: -288,
       left: 268,
       width: 100,
diff --git a/apps/web/src/modules/intelligent-analysis/GovernancePlatform/Overview/Project/RepoTable.tsx b/apps/web/src/modules/intelligent-analysis/GovernancePlatform/Overview/Project/RepoTable.tsx
index 9db14531f3..17d519f620 100644
--- a/apps/web/src/modules/intelligent-analysis/GovernancePlatform/Overview/Project/RepoTable.tsx
+++ b/apps/web/src/modules/intelligent-analysis/GovernancePlatform/Overview/Project/RepoTable.tsx
@@ -56,13 +56,13 @@ interface RepoData {
 interface RepoTableProps {
   projectType?: string;
   selectedRegions?: string[];
-  shwoTitle?: boolean;
+  showTitle?: boolean;
 }
 
 const RepoTable: React.FC<RepoTableProps> = ({
   projectType = '',
   selectedRegions = [],
-  shwoTitle = false,
+  showTitle = false,
 }) => {
   const [data, setData] = useState<RepoData[]>([]);
   const [loading, setLoading] = useState(true);
@@ -222,7 +222,7 @@ const RepoTable: React.FC<RepoTableProps> = ({
   ];
 
   return (
-    <Card title={shwoTitle ? '仓库信息' : ''} className="mb-6">
+    <Card title={showTitle ? '仓库信息' : ''} className="mb-6">
       <div className="mb-6">
         <Space>
           <Input
diff --git a/apps/web/src/modules/intelligent-analysis/GovernancePlatformNew/Project/index.tsx b/apps/web/src/modules/intelligent-analysis/GovernancePlatformNew/Project/index.tsx
index 3a3f02923e..dfb7052e8a 100644
--- a/apps/web/src/modules/intelligent-analysis/GovernancePlatformNew/Project/index.tsx
+++ b/apps/web/src/modules/intelligent-analysis/GovernancePlatformNew/Project/index.tsx
@@ -890,7 +890,7 @@ const GovernanceTabPanel: React.FC<{
       <div className="mb-6 mt-4 flex items-center gap-2 text-xl font-semibold text-gray-900">
         <span>{techStackName} - 仓库贡献排名</span>
       </div>
-      <RepoTable projectType={projectType} shwoTitle={false} />
+      <RepoTable projectType={projectType} showTitle={false} />
 
       <Modal
         title={tableModal?.title}
diff --git a/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/DomainPersona.tsx b/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/DomainPersona.tsx
index 17b1ca8f30..5fc02638ba 100644
--- a/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/DomainPersona.tsx
+++ b/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/DomainPersona.tsx
@@ -10,7 +10,7 @@ const PopperContent = ({ dataList, name, active, setActive, origin }) => {
   const { t } = useTranslation();
   const activeItem = dataList
     .find((item) => item.type === active)
-    ?.childern.sort((a, b) => b.contribution - a.contribution);
+    ?.children.sort((a, b) => b.contribution - a.contribution);
   // const allType = ['Code', 'Code Admin', 'Issue', 'Issue Admin', 'Observe'];
   return (
     <div className="right-0 rounded bg-[#fcfcfc] text-xs drop-shadow-md">
diff --git a/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/index.tsx b/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/index.tsx
index 1146112523..e55a35fb94 100644
--- a/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/index.tsx
+++ b/apps/web/src/modules/lab/model/Analyze/component/CardMetricTable/index.tsx
@@ -9,7 +9,7 @@ import client from '@common/gqlClient';
 import MyTable from '@common/components/Table';
 import classnames from 'classnames';
 import {
-  useContributionTypeLsit,
+  useContributionTypeList,
   useEcologicalType,
   useMileageOptions,
 } from '../contribution';
@@ -152,7 +152,7 @@ const MetricTable: React.FC<{
       sortOpts = sorter.order && {
         type:
           sorter.field === 'contribution'
-            ? 'contribution_filterd'
+            ? 'contribution_filtered'
             : sorter.field,
         direction: sorter.order === 'ascend' ? 'asc' : 'desc',
       };
@@ -237,7 +237,7 @@ const MetricTable: React.FC<{
           />
         );
       },
-      filters: useContributionTypeLsit(),
+      filters: useContributionTypeList(),
       defaultFilteredValue:
         defaultFilterOpts.find((i) => i.type === 'contribution_type')?.values ||
         null,
diff --git a/apps/web/src/modules/lab/model/Analyze/component/contribution.ts b/apps/web/src/modules/lab/model/Analyze/component/contribution.ts
index 9a98e1b951..bd75e863a8 100644
--- a/apps/web/src/modules/lab/model/Analyze/component/contribution.ts
+++ b/apps/web/src/modules/lab/model/Analyze/component/contribution.ts
@@ -120,7 +120,7 @@ const useContributionTypeMap = () => {
   };
 };
 // 领域画像 filter
-export const useContributionTypeLsit = () => {
+export const useContributionTypeList = () => {
   const obj = useContributionTypeMap();
   const result = [];
 
diff --git a/apps/web/src/modules/lab/model/Analyze/component/utils.tsx b/apps/web/src/modules/lab/model/Analyze/component/utils.tsx
index 9cbe0ae25b..e2141e821a 100644
--- a/apps/web/src/modules/lab/model/Analyze/component/utils.tsx
+++ b/apps/web/src/modules/lab/model/Analyze/component/utils.tsx
@@ -27,13 +27,13 @@ export const getDomainData = (data, contributionTypeMap) => {
     const domainType = result.find((z) => z.type === type);
     if (domainType) {
       domainType.contribution += contribution;
-      domainType.childern.push({ text, contribution });
+      domainType.children.push({ text, contribution });
     } else {
       result.push({
         type,
         color,
         contribution,
-        childern: [{ text, contribution }],
+        children: [{ text, contribution }],
       });
     }
   });
diff --git a/apps/web/src/modules/lab/model/User/FormInviteUsers.tsx b/apps/web/src/modules/lab/model/User/FormInviteUsers.tsx
index 8eeabd0bd9..1890882c10 100644
--- a/apps/web/src/modules/lab/model/User/FormInviteUsers.tsx
+++ b/apps/web/src/modules/lab/model/User/FormInviteUsers.tsx
@@ -6,11 +6,11 @@ import Pagination from '@common/components/Antd/Pagination';
 import useEventEmitter from 'ahooks/lib/useEventEmitter';
 import { ReFetch } from '@common/constant';
 import { useTranslation } from 'react-i18next';
-import { myPermisssion } from './type';
+import { myPermissions } from './type';
 
 const per = 6;
 const FormInviteUsers = forwardRef(
-  (props: { modelId: number; permission: myPermisssion }, ref) => {
+  (props: { modelId: number; permission: myPermissions }, ref) => {
     const { modelId, permission } = props;
     const { t } = useTranslation();
 
diff --git a/apps/web/src/modules/lab/model/User/FormUsers.tsx b/apps/web/src/modules/lab/model/User/FormUsers.tsx
index c07ae9a1c5..94f3544f03 100644
--- a/apps/web/src/modules/lab/model/User/FormUsers.tsx
+++ b/apps/web/src/modules/lab/model/User/FormUsers.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import FormUsersItem from './FormUsersItem';
-import { UserItem, myPermisssion } from './type';
+import { UserItem, myPermissions } from './type';
 import { EventEmitter } from 'ahooks/lib/useEventEmitter';
 import { useTranslation } from 'react-i18next';
 
@@ -8,7 +8,7 @@ const FormUsers = (props: {
   items: UserItem[];
   count: number;
   modelId: number;
-  permission: myPermisssion;
+  permission: myPermissions;
   event$: EventEmitter<string>;
 }) => {
   const { t } = useTranslation();
diff --git a/apps/web/src/modules/lab/model/User/FormUsersItem.tsx b/apps/web/src/modules/lab/model/User/FormUsersItem.tsx
index f7afc2eca2..6cc7be56c5 100644
--- a/apps/web/src/modules/lab/model/User/FormUsersItem.tsx
+++ b/apps/web/src/modules/lab/model/User/FormUsersItem.tsx
@@ -18,7 +18,7 @@ import { Button } from '@oss-compass/ui';
 import SelectDrowBox from './SelectDrowBox';
 import { toast } from 'react-hot-toast';
 import { useTranslation } from 'react-i18next';
-import { myPermisssion } from './type';
+import { myPermissions } from './type';
 import { useRouter } from 'next/router';
 import { useUserInfo } from '@modules/auth';
 
@@ -140,7 +140,7 @@ const QuitModel = ({ modelId, memberId }) => {
 const FormUsersItem = (props: {
   user: UserItem;
   modelId: number;
-  permission: myPermisssion;
+  permission: myPermissions;
   event$: EventEmitter<string>;
 }) => {
   const { providerUser: loginUser } = useUserInfo();
diff --git a/apps/web/src/modules/lab/model/User/index.tsx b/apps/web/src/modules/lab/model/User/index.tsx
index a62dd1e983..8492befdb7 100644
--- a/apps/web/src/modules/lab/model/User/index.tsx
+++ b/apps/web/src/modules/lab/model/User/index.tsx
@@ -33,10 +33,10 @@ const UserManage = () => {
   const items = data?.memberOverview?.items || [];
   const name = data?.memberOverview.model.name;
 
-  const myPermisssion = useMyMemberPermissionQuery(gqlClient, {
+  const myPermissions = useMyMemberPermissionQuery(gqlClient, {
     modelId,
   });
-  const permission = myPermisssion.data?.myMemberPermission;
+  const permission = myPermissions.data?.myMemberPermission;
 
   const inviteUsers = useRef(null);
   const event$ = useEventEmitter<string>();
diff --git a/apps/web/src/modules/lab/model/User/type.ts b/apps/web/src/modules/lab/model/User/type.ts
index ab656e2bb2..37990361b5 100644
--- a/apps/web/src/modules/lab/model/User/type.ts
+++ b/apps/web/src/modules/lab/model/User/type.ts
@@ -11,7 +11,7 @@ export interface UserItem {
   isOwner?: boolean;
   id: number;
 }
-export interface myPermisssion {
+export interface myPermissions {
   canDestroy: Boolean;
   canExecute: Boolean;
   canRead: Boolean;
diff --git a/apps/web/src/modules/oh/DataView/Community/SigCenter/MetricContributor/index.tsx b/apps/web/src/modules/oh/DataView/Community/SigCenter/MetricContributor/index.tsx
index 3cc605360d..9c3579a37d 100644
--- a/apps/web/src/modules/oh/DataView/Community/SigCenter/MetricContributor/index.tsx
+++ b/apps/web/src/modules/oh/DataView/Community/SigCenter/MetricContributor/index.tsx
@@ -5,7 +5,7 @@ import MyTable from '@common/components/Table';
 import { Tabs } from 'antd';
 import type { TabsProps } from 'antd';
 import {
-  useContributionTypeLsit,
+  useContributionTypeList,
   useEcologicalType,
   useMileageOptions,
 } from '@modules/analyze/DataView/MetricDetail/MetricContributor/contribution';
@@ -379,7 +379,7 @@ const MerticTable = () => {
           />
         );
       },
-      filters: useContributionTypeLsit(),
+      filters: useContributionTypeList(),
       filterMode: 'tree',
       align: 'left',
       width: '300px',
diff --git a/apps/web/src/modules/oh/DataView/Community/SigCenter/SigDetailTable.tsx b/apps/web/src/modules/oh/DataView/Community/SigCenter/SigDetailTable.tsx
index d2d2698b94..b6152751c7 100644
--- a/apps/web/src/modules/oh/DataView/Community/SigCenter/SigDetailTable.tsx
+++ b/apps/web/src/modules/oh/DataView/Community/SigCenter/SigDetailTable.tsx
@@ -6,7 +6,7 @@ import MyTable from '@common/components/Table';
 import { Tabs } from 'antd';
 import type { TabsProps } from 'antd';
 import {
-  useContributionTypeLsit,
+  useContributionTypeList,
   useEcologicalType,
   useMileageOptions,
 } from '@modules/analyze/DataView/MetricDetail/MetricContributor/contribution';
diff --git a/apps/web/src/modules/oh/hooks/useCheckGraduateRiskState.tsx b/apps/web/src/modules/oh/hooks/useCheckGraduateRiskState.tsx
index 2b48bd8415..14eff557f6 100644
--- a/apps/web/src/modules/oh/hooks/useCheckGraduateRiskState.tsx
+++ b/apps/web/src/modules/oh/hooks/useCheckGraduateRiskState.tsx
@@ -7,7 +7,7 @@ const useCheckGraduateRiskState = (shortCode, mertic) => {
   const riskFill = useMemo(() => {
     if (metricState && metricState.length > 0) {
       const leaderState = metricState.filter((item) => item.memberType === 1);
-      const commiterState = metricState.filter((item) => item.memberType === 0);
+      const committerState = metricState.filter((item) => item.memberType === 0);
       const legalState = metricState.filter((item) => item.memberType === 2);
       const complianceState = metricState.filter(
         (item) => item.memberType === 3
@@ -17,7 +17,7 @@ const useCheckGraduateRiskState = (shortCode, mertic) => {
       } else {
         return (
           leaderState.length > 0 &&
-          commiterState.length > 0 &&
+          committerState.length > 0 &&
           complianceState.length > 0
         );
       }
diff --git a/apps/web/src/modules/oh/hooks/useCheckRiskState.tsx b/apps/web/src/modules/oh/hooks/useCheckRiskState.tsx
index 8daf8af68f..4732550a37 100644
--- a/apps/web/src/modules/oh/hooks/useCheckRiskState.tsx
+++ b/apps/web/src/modules/oh/hooks/useCheckRiskState.tsx
@@ -7,7 +7,7 @@ const useCheckRiskState = (shortCode, mertic) => {
   const riskFill = useMemo(() => {
     if (metricState && metricState.length > 0) {
       const leaderState = metricState.filter((item) => item.memberType === 1);
-      const commiterState = metricState.filter((item) => item.memberType === 0);
+      const committerState = metricState.filter((item) => item.memberType === 0);
       const legalState = metricState.filter((item) => item.memberType === 2);
       const complianceState = metricState.filter(
         (item) => item.memberType === 3
@@ -17,7 +17,7 @@ const useCheckRiskState = (shortCode, mertic) => {
       } else {
         return (
           leaderState.length > 0 &&
-          commiterState.length > 0 &&
+          committerState.length > 0 &&
           complianceState.length > 0
         );
       }
diff --git a/apps/web/src/modules/oh/hooks/useCheckSandboxRiskState.tsx b/apps/web/src/modules/oh/hooks/useCheckSandboxRiskState.tsx
index eea008e0e4..df73e946cb 100644
--- a/apps/web/src/modules/oh/hooks/useCheckSandboxRiskState.tsx
+++ b/apps/web/src/modules/oh/hooks/useCheckSandboxRiskState.tsx
@@ -7,7 +7,7 @@ const useCheckSandboxRiskState = (shortCode, mertic) => {
   const riskFill = useMemo(() => {
     if (metricState && metricState.length > 0) {
       const leaderState = metricState.filter((item) => item.memberType === 1);
-      const commiterState = metricState.filter((item) => item.memberType === 0);
+      const committerState = metricState.filter((item) => item.memberType === 0);
       const legalState = metricState.filter((item) => item.memberType === 2);
       const complianceState = metricState.filter(
         (item) => item.memberType === 3
@@ -17,7 +17,7 @@ const useCheckSandboxRiskState = (shortCode, mertic) => {
       } else {
         return (
           leaderState.length > 0 &&
-          commiterState.length > 0 &&
+          committerState.length > 0 &&
           complianceState.length > 0
         );
       }
diff --git a/apps/web/src/modules/os-situation/DataView/ChartsLine.tsx b/apps/web/src/modules/os-situation/DataView/ChartsLine.tsx
index ae1a4c1d34..8cb9e29aec 100644
--- a/apps/web/src/modules/os-situation/DataView/ChartsLine.tsx
+++ b/apps/web/src/modules/os-situation/DataView/ChartsLine.tsx
@@ -27,7 +27,7 @@ const ChartCards = ({ ChartInfo }) => {
     processedData = {
       ...data,
       legend: {
-        shwo: true,
+        show: true,
       },
       series: data.series
         .filter((item) => {
diff --git a/apps/web/src/pages/lab/model/[model]/detail/index.tsx b/apps/web/src/pages/lab/model/[model]/detail/index.tsx
index b65cff8c00..038175777f 100644
--- a/apps/web/src/pages/lab/model/[model]/detail/index.tsx
+++ b/apps/web/src/pages/lab/model/[model]/detail/index.tsx
@@ -21,7 +21,7 @@ export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
   };
 };
 
-const Deatil = () => {
+const Detail = () => {
   const { t } = useTranslation();
   return (
     <NoSsr>
@@ -36,4 +36,4 @@ const Deatil = () => {
   );
 };
 
-export default Deatil;
+export default Detail;
diff --git a/apps/web/src/pages/lab/report/[model]/detail/index.tsx b/apps/web/src/pages/lab/report/[model]/detail/index.tsx
index 6d00a0dd72..c276df9331 100644
--- a/apps/web/src/pages/lab/report/[model]/detail/index.tsx
+++ b/apps/web/src/pages/lab/report/[model]/detail/index.tsx
@@ -17,7 +17,7 @@ export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
   };
 };
 
-const Deatil = () => {
+const Detail = () => {
   const { t } = useTranslation();
   return (
     <NoSsr>
@@ -33,4 +33,4 @@ const Deatil = () => {
   );
 };
 
-export default Deatil;
+export default Detail;