diff --git a/packages/plugins/datasource/src/DataSourceRemoteForm.vue b/packages/plugins/datasource/src/DataSourceRemoteForm.vue
index e38cc11217..e9c38eca8e 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteForm.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteForm.vue
@@ -8,14 +8,6 @@
     :rules="rules"
     validate-type="text"
   >
-    <!-- <tiny-form-item label="名称" prop="name">
-      <tiny-input v-model="state.serviceForm.name" placeholder="只能包含数字字母及下划线"></tiny-input>
-    </tiny-form-item> -->
-
-    <tiny-form-item label="描述" prop="description">
-      <tiny-input v-model="state.serviceForm.description" placeholder="请输入"></tiny-input>
-    </tiny-form-item>
-
     <tiny-form-item label="请求地址" prop="uri">
       <div class="textarea-warp">
         <tiny-input class="border-input" v-model="state.serviceForm.uri" resize="none" placeholder="请输入">
@@ -29,6 +21,9 @@
         </tiny-input>
       </div>
     </tiny-form-item>
+    <tiny-form-item label="描述" prop="description">
+      <tiny-input v-model="state.serviceForm.description" placeholder="请输入"></tiny-input>
+    </tiny-form-item>
   </tiny-form>
 </template>
 
@@ -76,7 +71,6 @@ export default {
       uri: [{ required: true, message: '必填', trigger: 'change' }],
       method: { required: true, message: '必选', trigger: 'change' }
     }
-
     return {
       state,
       rules,
@@ -167,4 +161,24 @@ export default {
     line-height: 30px;
   }
 }
+:deep(.is-error) {
+  .tiny-input-group__prepend {
+    border-color: var(--ti-form-item-error-border-color) !important;
+    background-color: var(--ti-form-item-error-bg-color) !important;
+    border-right: 1px solid var(--ti-lowcode-datasource-select-border-right-color-bg) !important;
+  }
+  .tiny-input__inner {
+    border-right: none;
+    border-color: var(--ti-form-item-error-border-color) !important;
+  }
+  .tiny-input .tiny-input__inner:hover {
+    border-color: var(--ti-form-item-error-border-color) !important;
+  }
+}
+:deep(.tiny-input .tiny-input__inner:hover) {
+  border-color: var(--ti-lowcode-datasource-select-border-right-color-bg);
+}
+:deep(.tiny-input .tiny-input__inner:focus) {
+  border-color: var(--ti-lowcode-datasource-select-border-right-color-bg);
+}
 </style>
diff --git a/packages/plugins/datasource/src/DataSourceRemotePanel.vue b/packages/plugins/datasource/src/DataSourceRemotePanel.vue
index e726a2338e..4bce4cbf6b 100644
--- a/packages/plugins/datasource/src/DataSourceRemotePanel.vue
+++ b/packages/plugins/datasource/src/DataSourceRemotePanel.vue
@@ -111,6 +111,7 @@ export default {
       (value) => {
         const { willFetch, dataHandler, shouldFetch, errorHandler, columns } = value
         state.remoteData.options = { ...value?.options } || {}
+        state.remoteData.options.method = value.method || 'JSONP'
         state.remoteData.options.params = obj2String(value?.options?.params)
         state.responseData.willFetch = willFetch?.value || ''
         state.responseData.dataHandler = dataHandler?.value || ''