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 b6f66c75fc..d1246637a4 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
@@ -614,6 +614,18 @@ defineExpose({
               autocomplete="off"
             />
           </el-form-item>
+          <el-form-item :label="t('datasource.port')" prop="configuration.port">
+            <el-input-number
+              v-model="form.configuration.port"
+              autocomplete="off"
+              step-strictly
+              class="text-left"
+              :min="0"
+              :placeholder="t('common.inputText') + t('datasource.port')"
+              controls-position="right"
+              type="number"
+            />
+          </el-form-item>
           <el-form-item :label="t('datasource.data_base')" prop="configuration.dataBase">
             <el-input
               v-model="form.configuration.dataBase"
@@ -687,18 +699,6 @@ defineExpose({
               autocomplete="off"
             />
           </el-form-item>
-          <el-form-item :label="t('datasource.port')" prop="configuration.port">
-            <el-input-number
-              v-model="form.configuration.port"
-              autocomplete="off"
-              step-strictly
-              class="text-left"
-              :min="0"
-              :placeholder="t('common.inputText') + t('datasource.port')"
-              controls-position="right"
-              type="number"
-            />
-          </el-form-item>
           <el-form-item
             v-if="form.type == 'oracle'"
             :label="t('datasource.connection_mode')"