diff --git a/core/core-backend/src/main/java/io/dataease/datasource/provider/ApiUtils.java b/core/core-backend/src/main/java/io/dataease/datasource/provider/ApiUtils.java
index d6317d83cc..8bc6e4f259 100644
--- a/core/core-backend/src/main/java/io/dataease/datasource/provider/ApiUtils.java
+++ b/core/core-backend/src/main/java/io/dataease/datasource/provider/ApiUtils.java
@@ -41,6 +41,9 @@ public class ApiUtils {
         };
         List<ApiDefinition> apiDefinitionList = JsonUtil.parseList(datasourceRequest.getDatasource().getConfiguration(), listTypeReference);
         for (ApiDefinition apiDefinition : apiDefinitionList) {
+            if (StringUtils.isNotEmpty(apiDefinition.getType()) && apiDefinition.getType().equalsIgnoreCase("params")) {
+                continue;
+            }
             DatasetTableDTO datasetTableDTO = new DatasetTableDTO();
             datasetTableDTO.setTableName(apiDefinition.getDeTableName());
             datasetTableDTO.setName(apiDefinition.getName());
@@ -59,7 +62,7 @@ public class ApiUtils {
         if (apiDefinition == null) {
             DEException.throwException("未找到");
         }
-        String response = execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout());
+        String response = execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout(), params(datasourceRequest));
         fieldList = getTableFields(apiDefinition);
         result.put("fieldList", fieldList);
         dataList = fetchResult(response, apiDefinition);
@@ -116,19 +119,38 @@ public class ApiUtils {
         if (apiDefinition == null) {
             DEException.throwException("未找到");
         }
-        String response = execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout());
+        String response = execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout(), params(datasourceRequest));
         return fetchResult(response, apiDefinition);
     }
 
 
-    public static String execHttpRequest(ApiDefinition apiDefinition, int socketTimeout) {
+    public static String execHttpRequest(ApiDefinition apiDefinition, int socketTimeout, List<ApiDefinition> paramsList) {
         String response = "";
         HttpClientConfig httpClientConfig = new HttpClientConfig();
         httpClientConfig.setSocketTimeout(socketTimeout * 1000);
         ApiDefinitionRequest apiDefinitionRequest = apiDefinition.getRequest();
         for (Map header : apiDefinitionRequest.getHeaders()) {
             if (header.get("name") != null && StringUtils.isNotEmpty(header.get("name").toString()) && header.get("value") != null && StringUtils.isNotEmpty(header.get("value").toString())) {
-                httpClientConfig.addHeader(header.get("name").toString(), header.get("value").toString());
+                if (header.get("nameType") != null && header.get("nameType").toString().equalsIgnoreCase("params")) {
+                    String param = header.get("value").toString();
+                    for (ApiDefinition definition : paramsList) {
+                        for (int i = 0; i < definition.getFields().size(); i++) {
+                            TableField field = definition.getFields().get(i);
+                            if (field.getOriginName().equalsIgnoreCase(param)) {
+                                String resultStr = execHttpRequest(definition, definition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout(), null);
+                                List<String[]> dataList = fetchResult(resultStr, definition);
+                                System.out.println(dataList.get(0)[i]);
+                                if (dataList.size() > 0) {
+                                    httpClientConfig.addHeader(header.get("name").toString(), dataList.get(0)[i]);
+                                }
+                            }
+                        }
+
+                    }
+                } else {
+                    httpClientConfig.addHeader(header.get("name").toString(), header.get("value").toString());
+                }
+
             }
         }
         if (apiDefinitionRequest.getAuthManager() != null
@@ -194,7 +216,7 @@ public class ApiUtils {
         return response;
     }
 
-    private static void previewNum(List<Map<String, Object>> field){
+    private static void previewNum(List<Map<String, Object>> field) {
         for (Map<String, Object> stringObjectMap : field) {
             JSONArray newArray = new JSONArray();
             if (stringObjectMap.get("value") != null) {
@@ -202,7 +224,7 @@ public class ApiUtils {
                     TypeReference<JSONArray> listTypeReference = new TypeReference<JSONArray>() {
                     };
                     JSONArray array = objectMapper.readValue(stringObjectMap.get("value").toString(), listTypeReference);
-                    if(array.size() > 100){
+                    if (array.size() > 100) {
                         for (int i = 0; i < Math.min(100, array.size()); i++) {
                             newArray.add(array.get(i));
                         }
@@ -254,8 +276,8 @@ public class ApiUtils {
             }
             int i = 0;
             try {
-                LinkedHashMap data  =  currentData.get(0);
-            }catch (Exception e){
+                LinkedHashMap data = currentData.get(0);
+            } catch (Exception e) {
                 DEException.throwException("数据不符合规范, " + e.getMessage());
             }
             for (LinkedHashMap data : currentData) {
@@ -540,6 +562,18 @@ public class ApiUtils {
     }
 
 
+    private static List<ApiDefinition> params(DatasourceRequest datasourceRequest) {
+        TypeReference<List<ApiDefinition>> listTypeReference = new TypeReference<List<ApiDefinition>>() {
+        };
+        List<ApiDefinition> apiDefinitionListTemp = null;
+        try {
+            apiDefinitionListTemp = objectMapper.readValue(datasourceRequest.getDatasource().getConfiguration(), listTypeReference);
+        } catch (Exception e) {
+            DEException.throwException(e);
+        }
+        return apiDefinitionListTemp.stream().filter(apiDefinition -> apiDefinition.getType() != null && apiDefinition.getType().equalsIgnoreCase("params")).collect(Collectors.toList());
+    }
+
     private static ApiDefinition checkApiDefinition(DatasourceRequest datasourceRequest) throws DEException {
         List<ApiDefinition> apiDefinitionList = new ArrayList<>();
         TypeReference<List<ApiDefinition>> listTypeReference = new TypeReference<List<ApiDefinition>>() {
diff --git a/core/core-backend/src/main/java/io/dataease/datasource/server/DatasourceServer.java b/core/core-backend/src/main/java/io/dataease/datasource/server/DatasourceServer.java
index bbc252b61e..33697e9c02 100644
--- a/core/core-backend/src/main/java/io/dataease/datasource/server/DatasourceServer.java
+++ b/core/core-backend/src/main/java/io/dataease/datasource/server/DatasourceServer.java
@@ -107,6 +107,8 @@ public class DatasourceServer implements DatasourceApi {
         all_scope, add_scope
     }
 
+    private TypeReference<List<ApiDefinition>> listTypeReference = new TypeReference<List<ApiDefinition>>() {
+    };
     @Resource
     private CommonThreadPool commonThreadPool;
 
@@ -505,11 +507,11 @@ public class DatasourceServer implements DatasourceApi {
             DEException.throwException("不存在的数据源！");
         }
         BeanUtils.copyBean(datasourceDTO, datasource);
-        TypeReference<List<ApiDefinition>> listTypeReference = new TypeReference<List<ApiDefinition>>() {
-        };
+
         if (datasourceDTO.getType().equalsIgnoreCase(DatasourceConfiguration.DatasourceType.API.toString())) {
             List<ApiDefinition> apiDefinitionList = JsonUtil.parseList(datasourceDTO.getConfiguration(), listTypeReference);
             List<ApiDefinition> apiDefinitionListWithStatus = new ArrayList<>();
+            List<ApiDefinition> params = new ArrayList<>();
             int success = 0;
             for (ApiDefinition apiDefinition : apiDefinitionList) {
                 String status = null;
@@ -534,9 +536,16 @@ public class DatasourceServer implements DatasourceApi {
                 if (log != null) {
                     apiDefinition.setUpdateTime(log.getStartTime());
                 }
-                apiDefinitionListWithStatus.add(apiDefinition);
+
+
+                if (StringUtils.isEmpty(apiDefinition.getType()) || apiDefinition.getType().equalsIgnoreCase("table")) {
+                    apiDefinitionListWithStatus.add(apiDefinition);
+                } else {
+                    params.add(apiDefinition);
+                }
             }
             datasourceDTO.setApiConfigurationStr(new String(Base64.getEncoder().encode(Objects.requireNonNull(JsonUtil.toJSONString(apiDefinitionListWithStatus)).toString().getBytes())));
+            datasourceDTO.setParamsStr(new String(Base64.getEncoder().encode(Objects.requireNonNull(JsonUtil.toJSONString(params)).toString().getBytes())));
             if (success == apiDefinitionList.size()) {
                 datasourceDTO.setStatus("Success");
             } else {
@@ -847,12 +856,13 @@ public class DatasourceServer implements DatasourceApi {
     }
 
     public ApiDefinition checkApiDatasource(Map<String, String> request) throws DEException {
+
         ApiDefinition apiDefinition = JsonUtil.parseObject(new String(java.util.Base64.getDecoder().decode(request.get("data"))), ApiDefinition.class);
-        String response = ApiUtils.execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout());
+        List<ApiDefinition> paramsList = JsonUtil.parseList(new String(java.util.Base64.getDecoder().decode(request.get("paramsList"))), listTypeReference);
+        String response = ApiUtils.execHttpRequest(apiDefinition, apiDefinition.getApiQueryTimeout() == null || apiDefinition.getApiQueryTimeout() <= 0 ? 10 : apiDefinition.getApiQueryTimeout(), paramsList);
         if (request.keySet().contains("type") && request.get("type").equals("apiStructure")) {
             apiDefinition.setShowApiStructure(true);
         }
-
         ApiUtils.checkApiDefinition(apiDefinition, response);
         if (apiDefinition.getRequest().getAuthManager() != null && StringUtils.isNotBlank(apiDefinition.getRequest().getAuthManager().getUsername()) && StringUtils.isNotBlank(apiDefinition.getRequest().getAuthManager().getPassword()) && apiDefinition.getRequest().getAuthManager().getVerification().equals("Basic Auth")) {
             apiDefinition.getRequest().getAuthManager().setUsername(new String(Base64.getEncoder().encode(apiDefinition.getRequest().getAuthManager().getUsername().getBytes())));
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
index 80c1bfec5a..0575cf124f 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
@@ -24,6 +24,7 @@ export interface Field {
 export interface ApiItem {
   status: string
   name: string
+  type: string
   deTableName?: string
   url: string
   method: string
@@ -57,10 +58,12 @@ const originFieldItem = reactive({
 })
 
 let apiItemList = reactive<ApiConfiguration[]>([])
+let paramsList = reactive<ApiConfiguration[]>([])
 
 let apiItem = reactive<ApiItem>({
   status: '',
   name: '',
+  type: 'table',
   url: '',
   method: 'GET',
   request: {
@@ -95,6 +98,7 @@ const edit_api_item = ref(false)
 const active = ref(1)
 const loading = ref(false)
 const columns = shallowRef([])
+const valueList = shallowRef([])
 const tableData = shallowRef([])
 const apiItemBasicInfo = ref<FormInstance>()
 const isNumber = (rule, value, callback) => {
@@ -152,9 +156,16 @@ const rule = reactive<FormRules>({
 })
 const activeName = ref('third')
 provide('api-active-name', activeName)
-const initApiItem = (val: ApiItem, apiList, name) => {
+const initApiItem = (val: ApiItem, from, name) => {
   activeName.value = name
-  apiItemList = apiList
+  apiItemList = from.apiConfiguration
+  paramsList = from.paramsConfiguration
+  if (val.type !== 'params') {
+    valueList.value = []
+    for (let i = 0; i < paramsList.length; i++) {
+      valueList.value = valueList.value.concat(paramsList[i].fields)
+    }
+  }
   Object.assign(apiItem, val)
   edit_api_item.value = true
   active.value = 0
@@ -167,9 +178,10 @@ const showApiData = () => {
   apiItemBasicInfo.value.validate(valid => {
     if (valid) {
       const data = Base64.encode(JSON.stringify(apiItem))
+      const params = Base64.encode(JSON.stringify(paramsList))
       loading.value = true
       cancelMap['/datasource/checkApiDatasource']?.()
-      checkApiItem({ data: data, type: 'apiStructure' })
+      checkApiItem({ data: data, type: 'apiStructure', paramsList: params })
         .then(response => {
           originFieldItem.jsonFields = response.data.jsonFields
         })
@@ -203,7 +215,7 @@ const fieldOptions = [
 ]
 const disabledNext = ref(false)
 const saveItem = () => {
-  if (apiItem.fields.length === 0) {
+  if (apiItem.type !== 'params' && apiItem.fields.length === 0) {
     ElMessage.error(t('datasource.api_field_not_empty'))
     return
   }
@@ -239,7 +251,8 @@ const next = () => {
       }
       cancelMap['/datasource/checkApiDatasource']?.()
 
-      checkApiItem({ data: Base64.encode(JSON.stringify(apiItem)) })
+      const params = Base64.encode(JSON.stringify(paramsList))
+      checkApiItem({ data: Base64.encode(JSON.stringify(apiItem)), paramsList: params })
         .then(response => {
           apiItem.jsonFields = response.data.jsonFields
           apiItem.fields = []
@@ -465,6 +478,7 @@ defineExpose({
             <api-http-request-form
               v-if="edit_api_item"
               :request="apiItem.request"
+              :value-list="valueList"
               @changeId="changeId"
             />
           </el-form-item>
@@ -572,7 +586,11 @@ defineExpose({
               </template>
             </el-table-column>
 
-            <el-table-column prop="deExtractType" :label="t('datasource.field_type')">
+            <el-table-column
+              prop="deExtractType"
+              :label="t('datasource.field_type')"
+              :disabled="apiItem.type == 'params'"
+            >
               <template #default="scope">
                 <el-select
                   v-model="scope.row.deExtractType"
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
index 94bb310688..525520ff0d 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
@@ -22,6 +22,10 @@ const props = defineProps({
     type: Boolean,
     default: true
   },
+  valueList: {
+    type: Array as PropType<Item[]>,
+    default: () => []
+  },
   request: {
     type: Object as PropType<ApiRequest>,
     default: () => ({
@@ -143,6 +147,7 @@ const emits = defineEmits(['changeId'])
           :show-desc="true"
           :suggestions="headerSuggestions"
           :items="apiRequest.headers"
+          :value-list="valueList"
         />
       </el-tab-pane>
 
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
index 213f62c903..3dd5aaa69f 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
@@ -22,6 +22,10 @@ const props = defineProps({
     type: Array as PropType<Item[]>,
     default: () => []
   },
+  valueList: {
+    type: Array as PropType<Item[]>,
+    default: () => []
+  },
   suggestions: {
     type: Array,
     default: () => []
@@ -78,7 +82,6 @@ const options = [
     value: 'fixed'
   }
 ]
-
 const value = ref('')
 </script>
 
@@ -91,7 +94,7 @@ const value = ref('')
             <el-icon class="drag handle">
               <Icon name="icon_drag_outlined"></Icon>
             </el-icon>
-            <el-col :span="activeName === 'third' ? 8 : 6" v-if="!unShowSelect">
+            <el-col :span="activeName === 'params' ? 8 : 6" v-if="!unShowSelect">
               <el-input
                 v-if="!suggestions"
                 v-model="element.name"
@@ -110,8 +113,8 @@ const value = ref('')
                 show-word-limit
               />
             </el-col>
-            <el-col :span="3" v-if="activeName === 'fourth'">
-              <el-select v-model="value">
+            <el-col :span="3" v-if="activeName === 'table'">
+              <el-select v-model="element.nameType">
                 <el-option
                   v-for="item in options"
                   :key="item.value"
@@ -131,19 +134,31 @@ const value = ref('')
               />
             </el-col>
 
-            <el-col :span="activeName === 'third' ? 7 : 6">
+            <el-col :span="activeName === 'params' ? 7 : 6">
               <el-input
-                v-if="!needMock && activeName === 'third'"
+                v-if="!needMock && activeName === 'params'"
                 v-model="element.value"
                 :disabled="isReadOnly"
                 :placeholder="unShowSelect ? t('common.description') : valueText"
                 show-word-limit
               />
+              <el-select
+                v-model="element.value"
+                v-if="!needMock && activeName === 'table' && element.nameType === 'params'"
+              >
+                <el-option
+                  v-for="item in valueList"
+                  :key="item.originName"
+                  :label="item.name"
+                  :value="item.originName"
+                />
+              </el-select>
+
               <el-input
-                v-if="!needMock && activeName === 'fourth'"
+                v-if="!needMock && activeName === 'table' && element.nameType !== 'params'"
                 v-model="element.value"
                 :disabled="isReadOnly"
-                :placeholder="value === 'params' ? '参数名称' : '值'"
+                :placeholder="'值'"
                 show-word-limit
               />
             </el-col>
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 fa007b0c6a..937a1e6ce6 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
@@ -27,6 +27,7 @@ const prop = defineProps({
         syncSetting?: SyncSetting
         configuration?: Configuration
         apiConfiguration?: ApiConfiguration[]
+        paramsConfiguration?: ApiConfiguration[]
       }>({
         id: 0,
         name: '',
@@ -80,6 +81,7 @@ const defaultApiItem = {
   name: '',
   deTableName: '',
   url: '',
+  type: '',
   serialNumber: 0,
   method: 'GET',
   request: {
@@ -319,17 +321,24 @@ const addApiItem = item => {
     apiItem = cloneDeep(item)
   } else {
     apiItem = cloneDeep(defaultApiItem)
-    apiItem.serialNumber =
+    apiItem.type = activeName.value
+    let serialNumber1 =
       form.value.apiConfiguration.length > 0
         ? form.value.apiConfiguration[form.value.apiConfiguration.length - 1].serialNumber + 1
         : 0
+    let serialNumber2 =
+      form.value.paramsConfiguration.length > 0
+        ? form.value.paramsConfiguration[form.value.paramsConfiguration.length - 1].serialNumber + 1
+        : 0
+
+    apiItem.serialNumber = serialNumber1 + serialNumber2
   }
   nextTick(() => {
-    editApiItem.value.initApiItem(apiItem, form.value.apiConfiguration, activeName.value)
+    editApiItem.value.initApiItem(apiItem, form.value, activeName.value)
   })
 }
 
-const activeName = ref('third')
+const activeName = ref('table')
 const showPriority = ref(false)
 
 const deleteItem = (item, idx) => {
@@ -354,15 +363,28 @@ const resetForm = () => {
 
 const returnItem = apiItem => {
   var find = false
-  for (let i = 0; i < form.value.apiConfiguration.length; i++) {
-    if (form.value.apiConfiguration[i].serialNumber === apiItem.serialNumber) {
-      find = true
-      form.value.apiConfiguration[i] = apiItem
+  if (apiItem.type !== 'params') {
+    for (let i = 0; i < form.value.apiConfiguration.length; i++) {
+      if (form.value.apiConfiguration[i].serialNumber === apiItem.serialNumber) {
+        find = true
+        form.value.apiConfiguration[i] = apiItem
+      }
+    }
+    if (!find) {
+      state.itemRef = []
+      form.value.apiConfiguration.push(apiItem)
+    }
+  } else {
+    for (let i = 0; i < form.value.paramsConfiguration.length; i++) {
+      if (form.value.paramsConfiguration[i].serialNumber === apiItem.serialNumber) {
+        find = true
+        form.value.paramsConfiguration[i] = apiItem
+      }
+    }
+    if (!find) {
+      state.itemRef = []
+      form.value.paramsConfiguration.push(apiItem)
     }
-  }
-  if (!find) {
-    state.itemRef = []
-    form.value.apiConfiguration.push(apiItem)
   }
 }
 
@@ -476,12 +498,6 @@ const apiRule = {
 const dialogEditParams = ref(false)
 const dialogRenameApi = ref(false)
 const activeParamsName = ref('')
-const apiParams = ref([
-  {
-    id: 1,
-    name: '接口1'
-  }
-])
 const paramsObj = ref({
   name: '',
   id: 1,
@@ -490,7 +506,7 @@ const paramsObj = ref({
 
 const apiObj = ref({
   name: '',
-  id: 1
+  serialNumber: 1
 })
 const paramsObjRules = {
   name: [
@@ -524,6 +540,7 @@ const apiObjRules = {
   ]
 }
 const setActiveName = val => {
+  gridData.value = val.fields
   activeParamsName.value = val.name
 }
 
@@ -545,12 +562,13 @@ const saveParamsObj = () => {
 const saveApiObj = () => {
   apiObjRef.value.validate(result => {
     if (result) {
-      apiParams.value.forEach(ele => {
-        if (ele.id === apiObj.value.id) {
+      form.value.paramsConfiguration.forEach(ele => {
+        if (ele.serialNumber === apiObj.value.serialNumber) {
           ele.name = apiObj.value.name
         }
       })
     }
+    dialogRenameApi.value = false
   })
 }
 
@@ -562,17 +580,12 @@ const apiResetForm = () => {
   dialogRenameApi.value = false
 }
 
-const gridData = ref([
-  {
-    name: 'name',
-    deType: 0,
-    id: 0
-  }
-])
+const gridData = ref([])
 const handleApiParams = (cmd: string, data) => {
   if (cmd === 'rename') {
     dialogRenameApi.value = true
-    paramsObj.value.name = data.name
+    apiObj.value.name = data.name
+    apiObj.value.serialNumber = data.serialNumber
   }
   if (cmd === 'delete') {
     ElMessageBox.confirm('确定删除吗?', {
@@ -581,7 +594,10 @@ const handleApiParams = (cmd: string, data) => {
       autofocus: false,
       showClose: false
     }).then(() => {
-      apiParams.value.splice(0, 1)
+      form.value.paramsConfiguration.splice(0, 1)
+      if (activeParamsName.value === data.name) {
+        gridData.value = []
+      }
     })
   }
 
@@ -601,7 +617,7 @@ const delParams = data => {
     autofocus: false,
     showClose: false
   }).then(() => {
-    apiParams.value.splice(0, 1)
+    gridData.value.splice(0, 1)
   })
 }
 const datasetTypeList = [
@@ -668,8 +684,8 @@ defineExpose({
         <template v-if="form.type === 'API'">
           <div class="title-form_primary flex-space table-info-mr" v-show="activeStep !== 2">
             <el-tabs v-model="activeName" class="api-tabs">
-              <el-tab-pane :label="t('datasource.data_table')" name="third"></el-tab-pane>
-              <el-tab-pane label="接口参数" name="fourth"></el-tab-pane>
+              <el-tab-pane :label="t('datasource.data_table')" name="table"></el-tab-pane>
+              <el-tab-pane label="接口参数" name="params"></el-tab-pane>
             </el-tabs>
             <el-button type="primary" style="margin-left: auto" @click="() => addApiItem(null)">
               <template #icon>
@@ -680,11 +696,11 @@ defineExpose({
           </div>
           <empty-background
             v-show="activeStep !== 2"
-            v-if="!form.apiConfiguration.length"
+            v-if="!form.apiConfiguration.length && activeName === 'table'"
             :description="t('datasource.no_data_table')"
             img-type="noneWhite"
           />
-          <template v-if="form.type === 'API' && activeStep === 1 && activeName === 'third'">
+          <template v-if="form.type === 'API' && activeStep === 1 && activeName === 'table'">
             <div class="api-card-content">
               <div
                 v-for="(api, idx) in form.apiConfiguration"
@@ -759,11 +775,11 @@ defineExpose({
           </template>
           <div
             style="display: flex"
-            v-if="form.type === 'API' && activeStep === 1 && activeName === 'fourth'"
+            v-if="form.type === 'API' && activeStep === 1 && activeName === 'params'"
           >
             <div class="left-api_params">
               <div
-                v-for="ele in apiParams"
+                v-for="ele in form.paramsConfiguration"
                 :class="[{ active: activeParamsName === ele.name }]"
                 class="list-item_primary"
                 :title="ele.name"
@@ -812,12 +828,6 @@ defineExpose({
 
                 <el-table-column :label="t('common.operate')">
                   <template #default="scope">
-                    <el-button text @click.stop="editParams(scope.row)">
-                      <template #icon>
-                        <Icon name="icon_edit_outlined"></Icon>
-                      </template>
-                    </el-button>
-
                     <el-button text @click.stop="delParams(scope.row)">
                       <template #icon>
                         <Icon name="icon_delete-trash_outlined"></Icon>
@@ -1217,7 +1227,7 @@ defineExpose({
         <el-form
           label-position="top"
           require-asterisk-position="right"
-          ref="paramsObjRef"
+          ref="apiObjRef"
           @keydown.stop.prevent.enter
           :model="apiObj"
           :rules="apiObjRules"
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 4f6bd7cf52..b8b6b80c18 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
@@ -36,6 +36,7 @@ interface Form {
   type: string
   configuration?: Configuration
   apiConfiguration?: ApiConfiguration[]
+  paramsConfiguration?: ApiConfiguration[]
   syncSetting?: SyncSetting
 }
 
@@ -353,7 +354,10 @@ const saveDS = () => {
         request.apiConfiguration[i].fields[j].value = []
       }
     }
-    request.configuration = Base64.encode(JSON.stringify(request.apiConfiguration))
+    let apiItems = []
+    apiItems = apiItems.concat(request.apiConfiguration)
+    apiItems = apiItems.concat(request.paramsConfiguration)
+    request.configuration = Base64.encode(JSON.stringify(apiItems))
     request.syncSetting.startTime = new Date(request.syncSetting.startTime).getTime()
     request.syncSetting.endTime = new Date(request.syncSetting.endTime).getTime()
   } else {
@@ -421,7 +425,8 @@ const defaultForm = {
   name: '',
   description: '',
   type: 'API',
-  apiConfiguration: []
+  apiConfiguration: [],
+  paramsConfiguration: []
 }
 const form = reactive<Form>(cloneDeep(defaultForm))
 const defaultForm2 = {
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/option.ts b/core/core-frontend/src/views/visualized/data/datasource/form/option.ts
index 182a29c55e..c34056591b 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/option.ts
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/option.ts
@@ -141,6 +141,7 @@ export interface Configuration {
 export interface ApiConfiguration {
   id: string
   name: string
+  type: string
   deTableName: string
   method: string
   url: string
@@ -176,6 +177,7 @@ export interface Node {
   editType?: number
   configuration?: Configuration
   apiConfiguration?: ApiConfiguration[]
+  paramsConfiguration?: ApiConfiguration[]
   weight?: number
   lastSyncTime?: number | string
 }
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 57eec51078..4569d14051 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -471,6 +471,7 @@ const handleNodeClick = data => {
       configuration,
       syncSetting,
       apiConfigurationStr,
+      paramsStr,
       fileName,
       size,
       description,
@@ -482,6 +483,9 @@ const handleNodeClick = data => {
     if (apiConfigurationStr) {
       apiConfigurationStr = JSON.parse(Base64.decode(apiConfigurationStr))
     }
+    if (paramsStr) {
+      paramsStr = JSON.parse(Base64.decode(paramsStr))
+    }
     Object.assign(nodeInfo, {
       name,
       pid,
@@ -496,6 +500,7 @@ const handleNodeClick = data => {
       configuration,
       syncSetting,
       apiConfiguration: apiConfigurationStr,
+      paramsConfiguration: paramsStr,
       weight: data.weight,
       lastSyncTime
     })
@@ -587,6 +592,7 @@ const editDatasource = (editType?: number) => {
       configuration,
       syncSetting,
       apiConfigurationStr,
+      paramsStr,
       fileName,
       size,
       description,
@@ -595,6 +601,9 @@ const editDatasource = (editType?: number) => {
     if (configuration) {
       configuration = JSON.parse(Base64.decode(configuration))
     }
+    if (paramsStr) {
+      paramsStr = JSON.parse(Base64.decode(paramsStr))
+    }
     if (apiConfigurationStr) {
       apiConfigurationStr = JSON.parse(Base64.decode(apiConfigurationStr))
     }
@@ -613,6 +622,7 @@ const editDatasource = (editType?: number) => {
       configuration,
       syncSetting,
       apiConfiguration: apiConfigurationStr,
+      paramsConfiguration: paramsStr,
       lastSyncTime
     })
     datasourceEditor.value.init(datasource)
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/ApiDefinition.java b/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/ApiDefinition.java
index 8a6f3e18db..1dee889af0 100644
--- a/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/ApiDefinition.java
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/ApiDefinition.java
@@ -28,4 +28,5 @@ public class ApiDefinition {
     private String orgName;
     private boolean showApiStructure;
     private Long updateTime;
+    private String type = "table";
 }
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/DatasourceDTO.java b/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/DatasourceDTO.java
index 9afaddf84c..bfedc23497 100644
--- a/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/DatasourceDTO.java
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/ds/vo/DatasourceDTO.java
@@ -46,6 +46,7 @@ public class DatasourceDTO implements Serializable {
     private String configuration;
 
     private String apiConfigurationStr;
+    private String paramsStr;
 
     /**
      * Create timestamp