diff --git a/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue b/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
index a91142ef94..cf7c4adb29 100644
--- a/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
@@ -118,9 +118,9 @@
           <template slot-scope="scope">
             <el-select
               v-model="scope.row.type"
+              v-if="!scope.row.scope || scope.row.scope == 'api'"
               :placeholder="$t('commons.please_select')"
               size="mini"
-              @change="changeType(scope.row)"
             >
               <el-option
                 v-for="item in typeSelectOptions"
@@ -129,6 +129,20 @@
                 :value="item.value"
               />
             </el-select>
+
+            <el-select
+              v-else
+              v-model="scope.row.type"
+              :placeholder="$t('commons.please_select')"
+              size="mini"
+            >
+              <el-option
+                v-for="item in uiTypeSelectOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
           </template>
         </ms-table-column>
 
@@ -271,6 +285,12 @@ export default {
         {value: "COUNTER", label: this.$t("api_test.automation.counter")},
         {value: "RANDOM", label: this.$t("api_test.automation.random")},
       ],
+      uiTypeSelectOptions: [
+        {value: "STRING", label: this.$t("api_test.automation.string")},
+        {value: "ARRAY", label: this.$t("api_test.automation.array")},
+        {value: "JSON", label: this.$t("api_test.automation.json")},
+        {value: "NUMBER", label: this.$t("api_test.automation.number")},
+      ],
       variables: {},
       selectVariable: "",
       editData: {},
@@ -343,6 +363,10 @@ export default {
         data.files = [];
         data.quotedData = "false";
       }
+
+      if (!data.scope || data.scope == "ui") {
+        data.type = 'STRING';
+      }
     },
     valueText(data) {
       switch (data.type) {
diff --git a/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue b/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
index b878d911a1..5184cd1597 100644
--- a/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
+++ b/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
@@ -55,20 +55,6 @@
             </el-link>
           </el-row>
           <ms-api-key-value :items="condition.headers" :isShowEnable="true" :suggestions="headerSuggestions"/>
-          <div style="margin-top: 20px">
-            <el-button v-if="!condition.id" type="primary" style="float: right" size="mini" @click="add">
-              {{ $t('commons.add') }}
-            </el-button>
-            <div v-else>
-              <el-button type="primary" style="float: right;margin-left: 10px" size="mini" @click="clear">
-                {{ $t('commons.clear') }}
-              </el-button>
-              <el-button type="primary" style="float: right" size="mini" @click="update(condition)">{{
-                  $t('commons.update')
-                }}
-              </el-button>
-            </div>
-          </div>
         </form-section>
 
         <!--    UI 配置    -->
@@ -102,14 +88,29 @@
             </el-col>
           </el-row>
 
-<!--          当前版本实现免登录是基于 cookie 的但是现在由于安全性问题绝大多数网站都不支持 cookie登录所以先屏蔽了-->
-<!--          <el-row :gutter="10">-->
-<!--            <el-col :span="24">-->
-<!--              <ms-ui-scenario-cookie-table :items="httpConfig.cookie" ref="cookieTable"/>-->
-<!--            </el-col>-->
-<!--          </el-row>-->
+          <!--          当前版本实现免登录是基于 cookie 的但是现在由于安全性问题绝大多数网站都不支持 cookie登录所以先屏蔽了-->
+          <!--          <el-row :gutter="10">-->
+          <!--            <el-col :span="24">-->
+          <!--              <ms-ui-scenario-cookie-table :items="httpConfig.cookie" ref="cookieTable"/>-->
+          <!--            </el-col>-->
+          <!--          </el-row>-->
         </form-section>
 
+        <div style="margin-top: 20px">
+          <el-button v-if="!condition.id" type="primary" style="float: right" size="mini" @click="add">
+            {{ $t('commons.add') }}
+          </el-button>
+          <div v-else>
+            <el-button type="primary" style="float: right;margin-left: 10px" size="mini" @click="clear">
+              {{ $t('commons.clear') }}
+            </el-button>
+            <el-button type="primary" style="float: right" size="mini" @click="update(condition)">{{
+                $t('commons.update')
+              }}
+            </el-button>
+          </div>
+        </div>
+
       </el-form-item>
     </div>
     <div class="ms-border">