diff --git a/dolphinscheduler-ui/src/views/datasource/list/detail.tsx b/dolphinscheduler-ui/src/views/datasource/list/detail.tsx
index 3787918721efe830822bdd8fa9bab7da0c1c753a..dbbfc019886c0b37d544a5b8f9593d9dfac96eb1 100644
--- a/dolphinscheduler-ui/src/views/datasource/list/detail.tsx
+++ b/dolphinscheduler-ui/src/views/datasource/list/detail.tsx
@@ -89,13 +89,13 @@ const DetailModal = defineComponent({
     watch(
       () => props.show,
       async () => {
-        props.show && props.id && setFieldsValue(await queryById(props.id))
         props.show &&
           state.detailForm.type &&
-          changeType(
+          await changeType(
             state.detailForm.type,
             datasourceType[state.detailForm.type]
           )
+        props.show && props.id && setFieldsValue(await queryById(props.id))
       }
     )