diff --git a/data-room-ui/example/main.js b/data-room-ui/example/main.js
index c566d664..a85f2555 100644
--- a/data-room-ui/example/main.js
+++ b/data-room-ui/example/main.js
@@ -13,6 +13,7 @@ import * as $dataRoomAxios from 'data-room-ui/js/utils/http.js'
 import { registerConfig } from '@gcpaas/data-room-ui'
 import remoteComponents from '@/remoteComponents/exports.js'
 import customDatasetComponents from '@/customDatasetComponents/exports.js'
+import customPlots from '@/customPlots/exports'
 Vue.use(ElementUI, { size: 'mini' })
 registerConfig(
   {
@@ -65,7 +66,10 @@ promise.polyfill()
 Vue.use(ElementUI, { size: 'mini' })
 Vue.prototype.$dataRoomAxios = $dataRoomAxios
 Vue.config.productionTip = false
-
+// 兼容ie下双向绑定事件
+Vue.prototype.inputChange = function (e) {
+  return e.target.value
+}
 /* eslint-disable no-new */
 new Vue({
   el: '#app',
diff --git a/data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue b/data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue
index 244d7955..28eb0f64 100644
--- a/data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue
+++ b/data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue
@@ -678,9 +678,9 @@ export default {
           url: '',
           headers: [],
           params: [],
-          body: null,
-          requestScript: null,
-          responseScript: null
+          body: '',
+          requestScript: '',
+          responseScript: ''
         }
       },
       rules: {
@@ -798,7 +798,7 @@ export default {
             labelIds: dataForm.labelIds,
             config: {
               className: 'com.gccloud.dataset.entity.config.HttpDataSetConfig',
-              method: dataForm.config.headers,
+              method: dataForm.config.method,
               url: dataForm.config.url,
               headers: dataForm.config.headers,
               params: dataForm.config.params,
diff --git a/data-room-ui/packages/DataSetManagement/src/index.vue b/data-room-ui/packages/DataSetManagement/src/index.vue
index 458d8ffc..240a6bad 100644
--- a/data-room-ui/packages/DataSetManagement/src/index.vue
+++ b/data-room-ui/packages/DataSetManagement/src/index.vue
@@ -262,6 +262,7 @@ import checkDatasource from 'data-room-ui/DataSourceManagement/src/checkDatasour
 import CustomEditForm from './CustomEditForm.vue'
 import { pageMixins } from 'data-room-ui/js/mixins/page'
 import OriginalEditForm from './OriginalEditForm.vue'
+import HttpEditForm from './HttpEditForm.vue'
 import DatasetTypeDialog from './DatasetTypeDialog.vue'
 import StoredProcedureEditForm from './StoredProcedureEditForm.vue'
 import { datasetPage, datasetRemove, datasetCheck } from 'data-room-ui/js/utils/datasetConfigService'
@@ -280,7 +281,8 @@ export default {
     StoredProcedureEditForm,
     ScriptEditForm,
     JsEditForm,
-    checkDatasource
+    checkDatasource,
+    HttpEditForm
   },
   mixins: [pageMixins],
   props: {
@@ -529,7 +531,8 @@ export default {
         { name: '存储过程数据集', datasetType: 'storedProcedure', componentName: 'StoredProcedureEditForm' },
         { name: 'JSON数据集', datasetType: 'json', componentName: 'JsonEditForm' },
         { name: '脚本数据集', datasetType: 'script', componentName: 'ScriptEditForm' },
-        { name: 'JS数据集', datasetType: 'js', componentName: 'JsEditForm' }
+        { name: 'JS数据集', datasetType: 'js', componentName: 'JsEditForm' },
+        { name: 'HTTP数据集', datasetType: 'http', componentName: 'HttpEditForm' }
       ]
       if (window.BS_CONFIG?.datasetTypeList&&window.BS_CONFIG?.datasetTypeList?.length!=0) {
         this.datasetTypeList = [{ name: '全部', datasetType: '' }, ...list.filter(item => window.BS_CONFIG?.datasetTypeList.findIndex(x => x === item.datasetType) !== -1)]