fix: 环境配置变量名过长显示问题

frontend/src/business/components/api/test/components/ApiScenarioVariables.vue

@@ -6,7 +6,7 @@
     <div class="kv-row" v-for="(item, index) in items" :key="index">
       <el-row type="flex" :gutter="20" justify="space-between" align="middle">
         <el-col>
-          <ms-api-variable-input :is-read-only="isReadOnly" v-model="item.name" size="small" maxlength="100" @change="change"
+          <ms-api-variable-input :show-variable="showVariable" :is-read-only="isReadOnly" v-model="item.name" size="small" maxlength="100" @change="change"
                                  :placeholder="$t('api_test.variable_name')" show-word-limit/>
         </el-col>
         <el-col>
@@ -35,7 +35,11 @@
       isReadOnly: {
         type: Boolean,
         default: false
-      }
+      },
+      showVariable: {
+        type: Boolean,
+        default: true
+      },
     },
 
     methods: {

frontend/src/business/components/api/test/components/ApiVariableInput.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="variable-input">
     <el-input :disabled="isReadOnly" :value="value" v-bind="$attrs" :size="size" @change="change" @input="input"/>
-    <div class="variable-combine" v-if="value">
-      <div class="variable">{{variable}}</div>
+    <div :class="{'hidden': !showVariable}" class="variable-combine" v-if="value">
+      <div  class="variable">{{variable}}</div>
       <el-tooltip :content="$t('api_test.copied')" manual v-model="visible" placement="top" :visible-arrow="false">
         <i class="el-icon-copy-document copy" @click="copy"/>
       </el-tooltip>
@@ -20,7 +20,11 @@
       isReadOnly: {
         type: Boolean,
         default: false
-      }
+      },
+      showVariable: {
+        type: Boolean,
+        default: true
+      },
     },
 
     data() {
@@ -93,4 +97,9 @@
     cursor: pointer;
     color: #1E90FF;
   }
+
+  .hidden {
+    visibility: hidden;
+  }
+
 </style>

frontend/src/business/components/api/test/components/environment/EnvironmentEdit.vue

@@ -22,7 +22,7 @@
       </el-form-item>
 
       <span>{{$t('api_test.environment.globalVariable')}}</span>
-      <ms-api-scenario-variables :items="environment.variables"/>
+      <ms-api-scenario-variables :show-variable="false" :items="environment.variables"/>
 
       <span>{{$t('api_test.request.headers')}}</span>
       <ms-api-key-value :items="environment.headers" :suggestions="headerSuggestions"/>