diff --git a/ui/src/locales/lang/en-US/views/resource-authorization.ts b/ui/src/locales/lang/en-US/views/resource-authorization.ts
index 169ee2073..5270152c5 100644
--- a/ui/src/locales/lang/en-US/views/resource-authorization.ts
+++ b/ui/src/locales/lang/en-US/views/resource-authorization.ts
@@ -10,7 +10,7 @@ export default {
   },
   delete: {
     button: 'Remove',
-    confirmTitle: 'Wheather to remove the member:',
+    confirmTitle: 'Whether to remove the member:',
     confirmMessage:
       "After removal, the member's knowledge base and application permissions will be revoked. ",
   },
diff --git a/ui/src/locales/lang/en-US/views/role.ts b/ui/src/locales/lang/en-US/views/role.ts
index 416e29426..f5665e789 100644
--- a/ui/src/locales/lang/en-US/views/role.ts
+++ b/ui/src/locales/lang/en-US/views/role.ts
@@ -19,11 +19,11 @@ export default {
   member: {
     title: 'Members',
     add: 'Add Member',
-    workspace: 'worksapce',
+    workspace: 'workspace',
     role: 'role',
     delete: {
       button: 'remove',
-      confirmTitle: 'Whether to remove the member:',    
+      confirmTitle: 'Whether to remove the member:',
   }
 }
-}
\ No newline at end of file
+}
diff --git a/ui/src/views/application/component/AddKnowledgeDialog.vue b/ui/src/views/application/component/AddKnowledgeDialog.vue
index a9000516d..012d33377 100644
--- a/ui/src/views/application/component/AddKnowledgeDialog.vue
+++ b/ui/src/views/application/component/AddKnowledgeDialog.vue
@@ -40,7 +40,7 @@
         <folder-tree
           :data="folderList"
           :currentNodeKey="currentFolder?.id"
-          @handleNodeClick="folderClickHandel"
+          @handleNodeClick="folderClickHandle"
           class="p-8"
           v-loading="folderLoading"
           :canOperation="false"
@@ -182,7 +182,7 @@ const knowledgeList = ref<any[]>([])
 const currentFolder = ref<any>({})
 const folderLoading = ref(false)
 // 文件
-function folderClickHandel(row: any) {
+function folderClickHandle(row: any) {
   currentFolder.value = row
   knowledgeList.value = []
   if (currentFolder.value.id === 'share') return
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index d4c3d7045..6ab909fbb 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -6,14 +6,14 @@
         :source="SourceTypeEnum.APPLICATION"
         :data="folderList"
         :currentNodeKey="folder.currentFolder?.id"
-        @handleNodeClick="folderClickHandel"
+        @handleNodeClick="folderClickHandle"
         @refreshTree="refreshFolder"
         class="p-8"
       />
     </template>
     <ContentContainer>
       <template #header>
-        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandel" />
+        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandle" />
       </template>
       <template #search>
         <div class="flex">
@@ -31,7 +31,7 @@
             <el-input
               v-if="search_type === 'name'"
               v-model="search_form.name"
-              @change="searchHandel"
+              @change="searchHandle"
               :placeholder="$t('common.searchBar.placeholder')"
               style="width: 220px"
               clearable
@@ -39,7 +39,7 @@
             <el-select
               v-else-if="search_type === 'create_user'"
               v-model="search_form.create_user"
-              @change="searchHandel"
+              @change="searchHandle"
               clearable
               style="width: 220px"
             >
@@ -272,7 +272,7 @@ import { onMounted, ref, reactive, computed } from 'vue'
 import CreateApplicationDialog from '@/views/application/component/CreateApplicationDialog.vue'
 import CreateFolderDialog from '@/components/folder-tree/CreateFolderDialog.vue'
 import CopyApplicationDialog from '@/views/application/component/CopyApplicationDialog.vue'
-import ApplicaitonApi from '@/api/application/application'
+import ApplicationApi from '@/api/application/application'
 import { MsgSuccess, MsgConfirm, MsgError } from '@/utils/message'
 import useStore from '@/stores'
 import { t } from '@/locales'
@@ -414,7 +414,7 @@ function deleteApplication(row: any) {
     },
   )
     .then(() => {
-      ApplicaitonApi.delApplication(row.id, loading).then(() => {
+      ApplicationApi.delApplication(row.id, loading).then(() => {
         const index = applicationList.value.findIndex((v) => v.id === row.id)
         applicationList.value.splice(index, 1)
         MsgSuccess(t('common.deleteSuccess'))
@@ -424,7 +424,7 @@ function deleteApplication(row: any) {
 }
 
 const exportApplication = (application: any) => {
-  ApplicaitonApi.exportApplication(application.id, application.name, loading).catch((e) => {
+  ApplicationApi.exportApplication(application.id, application.name, loading).catch((e) => {
     if (e.response.status !== 403) {
       e.response.data.text().then((res: string) => {
         MsgError(`${t('views.application.tip.ExportError')}:${JSON.parse(res).message}`)
@@ -438,7 +438,7 @@ const importApplication = (file: any) => {
   const formData = new FormData()
   formData.append('file', file.raw, file.name)
   elUploadRef.value.clearFiles()
-  ApplicaitonApi.importApplication(formData, loading)
+  ApplicationApi.importApplication(formData, loading)
     .then(async (res: any) => {
       if (res?.data) {
         applicationList.value = []
@@ -480,7 +480,7 @@ function clickFolder(item: any) {
   applicationList.value = []
   getList()
 }
-function folderClickHandel(row: any) {
+function folderClickHandle(row: any) {
   folder.setCurrentFolder(row)
   applicationList.value = []
   getList()
@@ -490,7 +490,7 @@ function refreshFolder() {
   getFolder()
 }
 
-function searchHandel() {
+function searchHandle() {
   paginationConfig.current_page = 1
   applicationList.value = []
   getList()
@@ -500,7 +500,7 @@ function getList() {
   const params = {
     folder_id: folder.currentFolder?.id || 'default',
   }
-  ApplicaitonApi.getApplication(paginationConfig, params, loading).then((res) => {
+  ApplicationApi.getApplication(paginationConfig, params, loading).then((res) => {
     paginationConfig.total = res.data.total
     applicationList.value = [...applicationList.value, ...res.data.records]
   })
diff --git a/ui/src/views/knowledge/component/KnowledgeListContainer.vue b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
index 62bfb4f3f..cab97e444 100644
--- a/ui/src/views/knowledge/component/KnowledgeListContainer.vue
+++ b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
@@ -19,7 +19,7 @@
           <el-input
             v-if="search_type === 'name'"
             v-model="search_form.name"
-            @change="searchHandel"
+            @change="searchHandle"
             :placeholder="$t('common.searchBar.placeholder')"
             style="width: 220px"
             clearable
@@ -27,7 +27,7 @@
           <el-select
             v-else-if="search_type === 'create_user'"
             v-model="search_form.create_user"
-            @change="searchHandel"
+            @change="searchHandle"
             clearable
             style="width: 220px"
           >
@@ -481,7 +481,7 @@ function clickFolder(item: any) {
   folder.setCurrentFolder(item)
 }
 
-function searchHandel() {
+function searchHandle() {
   paginationConfig.current_page = 1
   knowledge.setKnowledgeList([])
   getList()
diff --git a/ui/src/views/knowledge/index.vue b/ui/src/views/knowledge/index.vue
index 654957ca9..1a80424e7 100644
--- a/ui/src/views/knowledge/index.vue
+++ b/ui/src/views/knowledge/index.vue
@@ -6,7 +6,7 @@
         :source="SourceTypeEnum.KNOWLEDGE"
         :data="folderList"
         :currentNodeKey="folder.currentFolder?.id"
-        @handleNodeClick="folderClickHandel"
+        @handleNodeClick="folderClickHandle"
         class="p-8"
         :shareTitle="$t('views.shared.shared_knowledge')"
         :showShared="permissionPrecise['is_share']()"
@@ -15,7 +15,7 @@
     </template>
     <KnowledgeListContainer>
       <template #header>
-        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandel" />
+        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandle" />
       </template>
     </KnowledgeListContainer>
   </LayoutContainer>
@@ -57,7 +57,7 @@ function getFolder(bool?: boolean) {
   })
 }
 
-function folderClickHandel(row: any) {
+function folderClickHandle(row: any) {
   folder.setCurrentFolder(row)
   knowledge.setKnowledgeList([])
 }
diff --git a/ui/src/views/tool/component/ToolListContainer.vue b/ui/src/views/tool/component/ToolListContainer.vue
index 040859e38..44187b44b 100644
--- a/ui/src/views/tool/component/ToolListContainer.vue
+++ b/ui/src/views/tool/component/ToolListContainer.vue
@@ -19,7 +19,7 @@
           <el-input
             v-if="search_type === 'name'"
             v-model="search_form.name"
-            @change="searchHandel"
+            @change="searchHandle"
             :placeholder="$t('common.searchBar.placeholder')"
             style="width: 220px"
             clearable
@@ -27,7 +27,7 @@
           <el-select
             v-else-if="search_type === 'create_user'"
             v-model="search_form.create_user"
-            @change="searchHandel"
+            @change="searchHandle"
             clearable
             style="width: 220px"
           >
@@ -591,7 +591,7 @@ function clickFolder(item: any) {
   folder.setCurrentFolder(item)
 }
 
-function searchHandel() {
+function searchHandle() {
   paginationConfig.current_page = 1
   tool.setToolList([])
   getList()
diff --git a/ui/src/views/tool/index.vue b/ui/src/views/tool/index.vue
index 9f9e95826..e8765ab35 100644
--- a/ui/src/views/tool/index.vue
+++ b/ui/src/views/tool/index.vue
@@ -6,7 +6,7 @@
         :source="SourceTypeEnum.TOOL"
         :data="folderList"
         :currentNodeKey="folder.currentFolder?.id"
-        @handleNodeClick="folderClickHandel"
+        @handleNodeClick="folderClickHandle"
         @refreshTree="refreshFolder"
         :shareTitle="$t('views.shared.shared_tool')"
         :showShared="permissionPrecise['is_share']()"
@@ -15,7 +15,7 @@
     </template>
     <ToolListContainer>
       <template #header>
-        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandel" />
+        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandle" />
       </template>
     </ToolListContainer>
   </LayoutContainer>
@@ -59,7 +59,7 @@ function getFolder(bool?: boolean) {
   })
 }
 
-function folderClickHandel(row: any) {
+function folderClickHandle(row: any) {
   folder.setCurrentFolder(row)
   tool.setToolList([])
 }