diff --git a/frontend/src/views/chat/ChatCreator.vue b/frontend/src/views/chat/ChatCreator.vue
index 02769f97..f0733643 100644
--- a/frontend/src/views/chat/ChatCreator.vue
+++ b/frontend/src/views/chat/ChatCreator.vue
@@ -20,7 +20,7 @@ const props = withDefaults(
 
 const router = useRouter()
 const searchLoading = ref(false)
-const datasourceConfigvVisible = ref(false)
+const datasourceConfigVisible = ref(false)
 const keywords = ref('')
 const datasourceList = shallowRef([] as any[])
 const datasourceListWithSearch = computed(() => {
@@ -30,7 +30,7 @@ const datasourceListWithSearch = computed(() => {
   )
 })
 const beforeClose = () => {
-  datasourceConfigvVisible.value = false
+  datasourceConfigVisible.value = false
   keywords.value = ''
 }
 
@@ -55,12 +55,12 @@ const statusLoading = ref(false)
 
 function showDs() {
   listDs()
-  datasourceConfigvVisible.value = true
+  datasourceConfigVisible.value = true
 }
 
 function hideDs() {
   innerDs.value = undefined
-  datasourceConfigvVisible.value = false
+  datasourceConfigVisible.value = false
 }
 
 function selectDsInDialog(ds: any) {
@@ -126,7 +126,7 @@ defineExpose({
 <template>
   <div v-loading.body.fullscreen.lock="loading || statusLoading">
     <el-drawer
-      v-model="datasourceConfigvVisible"
+      v-model="datasourceConfigVisible"
       :close-on-click-modal="false"
       size="calc(100% - 100px)"
       modal-class="datasource-drawer-chat"
diff --git a/frontend/src/views/ds/Datasource.vue b/frontend/src/views/ds/Datasource.vue
index 28e63695..6a974461 100644
--- a/frontend/src/views/ds/Datasource.vue
+++ b/frontend/src/views/ds/Datasource.vue
@@ -34,7 +34,7 @@ const router = useRouter()
 const { t } = useI18n()
 const keywords = ref('')
 const defaultDatasourceKeywords = ref('')
-const datasourceConfigvVisible = ref(false)
+const datasourceConfigVisible = ref(false)
 const editDatasource = ref(false)
 const activeStep = ref(0)
 const activeName = ref('')
@@ -55,7 +55,7 @@ const datasourceListWithSearch = computed(() => {
   )
 })
 const beforeClose = () => {
-  datasourceConfigvVisible.value = false
+  datasourceConfigVisible.value = false
   activeStep.value = 0
   datasourceApi.cancelRequests()
 }
@@ -92,7 +92,7 @@ const formatKeywords = (item: string) => {
 const currentType = ref('')
 const handleEditDatasource = (res: any) => {
   activeStep.value = 1
-  datasourceConfigvVisible.value = true
+  datasourceConfigVisible.value = true
   editDatasource.value = true
   currentType.value = res.type_name
   nextTick(() => {
@@ -138,14 +138,14 @@ const handleQuestion = async (id: string) => {
 
 const handleAddDatasource = () => {
   editDatasource.value = false
-  datasourceConfigvVisible.value = true
+  datasourceConfigVisible.value = true
 }
 
 const refresh = () => {
   activeName.value = ''
   activeStep.value = 0
   activeType.value = ''
-  datasourceConfigvVisible.value = false
+  datasourceConfigVisible.value = false
   search()
 }
 
@@ -356,7 +356,7 @@ const back = () => {
       </div>
     </template>
     <el-drawer
-      v-model="datasourceConfigvVisible"
+      v-model="datasourceConfigVisible"
       :close-on-click-modal="false"
       size="calc(100% - 100px)"
       modal-class="datasource-drawer-fullscreen"
diff --git a/frontend/src/views/ds/ParamsForm.vue b/frontend/src/views/ds/ParamsForm.vue
index a6bff5af..6eeb1681 100644
--- a/frontend/src/views/ds/ParamsForm.vue
+++ b/frontend/src/views/ds/ParamsForm.vue
@@ -4,9 +4,9 @@ import DatasourceForm from './DatasourceForm.vue'
 import icon_close_outlined from '@/assets/svg/operate/ope-close.svg'
 
 const datasourceFormRef = ref()
-const datasourceConfigvVisible = ref(false)
+const datasourceConfigVisible = ref(false)
 const beforeClose = () => {
-  datasourceConfigvVisible.value = false
+  datasourceConfigVisible.value = false
 }
 
 const emit = defineEmits(['refresh'])
@@ -15,7 +15,7 @@ const refresh = () => {
 }
 const changeActiveStep = (val: any) => {
   if (val === 0) {
-    datasourceConfigvVisible.value = false
+    datasourceConfigVisible.value = false
   }
 }
 const save = () => {
@@ -23,7 +23,7 @@ const save = () => {
 }
 
 const open = (item: any) => {
-  datasourceConfigvVisible.value = true
+  datasourceConfigVisible.value = true
   nextTick(() => {
     datasourceFormRef.value.initForm(item, true)
   })
@@ -36,7 +36,7 @@ defineExpose({
 
 <template>
   <el-drawer
-    v-model="datasourceConfigvVisible"
+    v-model="datasourceConfigVisible"
     :close-on-click-modal="false"
     size="calc(100% - 100px)"
     modal-class="datasource-drawer-fullscreen"