style(接口测试): 批量添加样式调整&缺陷应用管理选项消失修复

frontend/src/components/pure/ms-form-create/searchSelect.vue

@@ -46,12 +46,13 @@
   const emit = defineEmits(['update:model-value']);
   const selectValue = ref<string[] | string>();
 
-  const optionsList = ref<{ label: string; value: string }[]>([]);
+  const optionsList = ref<{ label: string; value: string }[]>(props.options || []);
   const selectLoading = ref(false);
 
   const params = ref<OptionsParams>();
   const pluginId = (sessionStorage.getItem('platformKey') as string) || 'jira';
-  async function getLinksItem() {
+
+  const getLinksItem = debounce(async () => {
     if (props.optionMethod) {
       selectLoading.value = true;
       params.value = {
@@ -75,7 +76,7 @@
         console.log(error);
       }
     }
-  }
+  }, 300);
   // 内部的关键词
   const innerKeyword = ref<string | undefined>('');
   const searchHandler = debounce((inputVal: string) => {
@@ -105,9 +106,6 @@
   );
 
   watchEffect(() => {
-    if (props.options) {
-      optionsList.value = props.options;
-    }
     if (props.modelValue) {
       selectValue.value = props.modelValue;
     }

frontend/src/views/api-test/components/batchAddKeyVal.vue

@@ -1,10 +1,7 @@
 <template>
-  <div class="flex w-full" :class="[props.typeTitle ? 'justify-between' : 'justify-start']">
+  <a-button :disabled="props.disabled" type="outline" size="mini" @click="showBatchAddParamDrawer = true">
-    <span v-if="props.typeTitle">{{ props.typeTitle }}</span>
+    {{ t('apiTestDebug.batchAdd') }}
-    <a-button :disabled="props.disabled" type="outline" size="mini" @click="showBatchAddParamDrawer = true">
+  </a-button>
-      {{ t('apiTestDebug.batchAdd') }}
-    </a-button>
-  </div>
 
   <MsDrawer
     v-model:visible="showBatchAddParamDrawer"

frontend/src/views/api-test/components/requestComposition/header.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="mb-[8px] flex items-center justify-between">
+    <span v-if="props.typeTitle">{{ props.typeTitle }}</span>
     <batchAddKeyVal
       :disabled="props.disabledExceptParam"
       :params="innerParams"

frontend/src/views/api-test/components/requestComposition/query.vue

@@ -9,14 +9,12 @@
         />
       </a-tooltip>
     </div>
-    <span>
+    <batchAddKeyVal
-      <batchAddKeyVal
+      :params="innerParams"
-        :params="innerParams"
+      :disabled="props.disabledExceptParam"
-        :disabled="props.disabledExceptParam"
+      :default-param-item="defaultRequestParamsItem"
-        :default-param-item="defaultRequestParamsItem"
+      @apply="handleBatchParamApply"
-        @apply="handleBatchParamApply"
+    />
-      />
-    </span>
   </div>
   <paramTable
     :params="innerParams"

frontend/src/views/api-test/components/requestComposition/rest.vue

@@ -9,14 +9,12 @@
         />
       </a-tooltip>
     </div>
-    <div>
+    <batchAddKeyVal
-      <batchAddKeyVal
+      :params="innerParams"
-        :params="innerParams"
+      :disabled="props.disabledExceptParam"
-        :disabled="props.disabledExceptParam"
+      :default-param-item="defaultRequestParamsItem"
-        :default-param-item="defaultRequestParamsItem"
+      @apply="handleBatchParamApply"
-        @apply="handleBatchParamApply"
+    />
-      />
-    </div>
   </div>
   <paramTable
     :params="innerParams"

frontend/src/views/project-management/environmental/components/allParams/index.vue

@@ -14,14 +14,12 @@
         </span>
       </template>
     </a-input-search>
-    <div>
+    <batchAddKeyVal
-      <batchAddKeyVal
+      :add-type-text="t('project.environmental.env.constantBatchAddTip')"
-        :add-type-text="t('project.environmental.env.constantBatchAddTip')"
+      :params="innerParams"
-        :params="innerParams"
+      no-param-type
-        no-param-type
+      @apply="handleBatchParamApply"
-        @apply="handleBatchParamApply"
+    />
-      />
-    </div>
   </div>
   <paramsTable
     v-model:params="innerParams"