style(接口测试): 引用公共脚本样式修改

--bug=1037464 --user=宋天阳 【接口测试】定义-调试-后置-引用公共脚本样式与设计不一致 https://www.tapd.cn/55049933/s/1489522

frontend/src/views/api-test/components/condition/content.vue

@@ -206,11 +206,17 @@
             {{ t('apiTestDebug.quote') }}
           </MsButton>
         </div>
+        <div v-if="showParameters() || showScript()">
           <a-radio-group v-model:model-value="commonScriptShowType" size="small" type="button" class="mb-[8px] w-fit">
-          <a-radio value="parameters">{{ t('apiTestDebug.parameters') }}</a-radio>
+            <a-radio v-if="showParameters()" value="parameters">{{ t('apiTestDebug.parameters') }}</a-radio>
             <a-radio value="scriptContent">{{ t('apiTestDebug.scriptContent') }}</a-radio>
           </a-radio-group>
-        <MsBaseTable v-show="commonScriptShowType === 'parameters'" v-bind="propsRes" v-on="propsEvent">
+          <MsBaseTable
+            v-if="showParameters()"
+            v-show="commonScriptShowType === 'parameters'"
+            v-bind="propsRes"
+            v-on="propsEvent"
+          >
             <template #value="{ record }">
               <a-tooltip :content="t(record.required ? 'apiTestDebug.paramRequired' : 'apiTestDebug.paramNotRequired')">
                 <div
@@ -239,6 +245,7 @@
             </MsCodeEditor>
           </div>
         </div>
+      </div>
     </template>
     <!-- SQL操作 -->
     <template v-else-if="condition.processorType === RequestConditionProcessor.SQL">
@@ -479,8 +486,14 @@
   import useAppStore from '@/store/modules/app';
   import { hasAnyPermission } from '@/utils/permission';
 
-  import type { ProtocolItem } from '@/models/apiTest/common';
-  import { ExecuteConditionProcessor, JSONPathExtract, RegexExtract, XPathExtract } from '@/models/apiTest/common';
+  import {
+    ExecuteConditionProcessor,
+    JSONPathExtract,
+    KeyValueParam,
+    ProtocolItem,
+    RegexExtract,
+    XPathExtract,
+  } from '@/models/apiTest/common';
   import { ParamsRequestType } from '@/models/projectManagement/commonScript';
   import { DataSourceItem, EnvConfig } from '@/models/projectManagement/environmental';
   import {
@@ -631,14 +644,6 @@ if (!result){
     noDisable: true,
   });
 
-  watch(
-    () => condition.value.commonScriptInfo,
-    (info) => {
-      propsRes.value.data = info?.params as any[]; // 查看详情的时候需要赋值一下
-    },
-    { deep: true, immediate: true }
-  );
-
   const showQuoteDrawer = ref(false);
   function saveQuoteScriptHandler(item: any) {
     // TODO:any
@@ -889,6 +894,28 @@ if (!result){
     emit('change');
   }
 
+  function showParameters() {
+    if (condition.value.commonScriptInfo && condition.value.commonScriptInfo.params) {
+      let emptyKeyCount = 0;
+      condition.value.commonScriptInfo.params.forEach((item: KeyValueParam) => {
+        if (item.key !== '') {
+          emptyKeyCount++;
+        }
+      });
+      if (emptyKeyCount > 0) {
+        return true;
+      }
+      return false;
+    }
+    return false;
+  }
+  function showScript() {
+    if (condition.value.commonScriptInfo && condition.value.commonScriptInfo.script !== '') {
+      return true;
+    }
+    return false;
+  }
+
   /**
    * 提取参数表格-保存快速提取的配置
    */
@@ -921,7 +948,16 @@ if (!result){
       console.log(error);
     }
   });
-
+  watch(
+    () => condition.value.commonScriptInfo,
+    (info) => {
+      propsRes.value.data = info?.params as any[]; // 查看详情的时候需要赋值一下
+      if (!showParameters()) {
+        commonScriptShowType.value = 'scriptContent';
+      }
+    },
+    { deep: true, immediate: true }
+  );
   const hasPreAndPost = computed(() => {
     if (props.showPrePostRequest) {
       return (