diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
index 6058e587da..02ab4efe31 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
@@ -55,6 +55,7 @@ const state = reactive({
 })
 
 const schemas = ref([])
+const loading = ref(false)
 const dsForm = ref<FormInstance>()
 
 const cronEdit = ref(true)
@@ -502,7 +503,9 @@ const getDsSchema = () => {
     if (val) {
       const request = JSON.parse(JSON.stringify(form.value))
       request.configuration = Base64.encode(JSON.stringify(request.configuration))
+      loading.value = true
       getSchema(request).then(res => {
+        loading.value = false
         schemas.value = res.data
         ElMessage.success(t('commons.success'))
       })
@@ -722,6 +725,7 @@ defineExpose({
         label-width="180px"
         label-position="top"
         require-asterisk-position="right"
+        v-loading="loading"
       >
         <el-form-item
           :label="t('auth.datasource') + t('chart.name')"
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
index b49b019b8a..a2669595a4 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
@@ -361,7 +361,9 @@ const validateDS = () => {
 }
 
 const doValidateDs = request => {
+  dsLoading.value = true
   validate(request).then(res => {
+    dsLoading.value = false
     if (res.data.type === 'API') {
       let error = 0
       const status = JSON.parse(res.data.status) as Array<{ status: string; name: string }>