pref: 优化公共接口管理部分代码

@@ -56,6 +56,7 @@
         @emitExcute="handleEmitExcute"
         :data="excuteData"
         :method="method"
+        :httpType="requestTypeAndUrl?.requestHttpType"
       />
     </div>
   </div>

@@ -4,7 +4,7 @@
       <a-row>
         <Button @click="handleExcute" type="primary"> 执行测试请求 </Button>
       </a-row>
-      <div v-if="isShowTestResult" style="display: flex; justify-content: space-between">
+      <div v-if="isShowTestResult" class="flex justify-between">
         <a-row class="mt-8" type="flex" justify="center" align="middle">
           <a-col :span="3"> 测试地址 </a-col>
           <a-col :span="21">
@@ -17,10 +17,17 @@
     </div>
     <div class="mt-8">
       <a-row type="flex" align="top">
-        <a-col :span="method === '2' ? 11 : 6">
+        <a-col
+          :span="
+            method === RequestMethodTypeEnum.WEBSOCKET
+              ? 11
+              : httpType === RequestHttpTypeEnum.POST
+              ? 4
+              : 6
+          "
+        >
           <p>过滤器函数编写：</p>
           <AceTypeIsJsEditor
-            style=""
             :restData="getRestData"
             @changeAceContent="onHandleAceContent"
             ref="aceTypeIsJsEditorRef"
@@ -30,9 +37,22 @@
           <a-divider type="vertical" class="divider-color" />
         </a-col>
         <a-col
-          :span="method === '2' ? 12 : 17"
+          :span="
+            method === RequestMethodTypeEnum.WEBSOCKET
+              ? 12
+              : httpType === RequestHttpTypeEnum.POST
+              ? 19
+              : 17
+          "
           style="position: relative"
-          :style="{ left: (method === '2' ? 1.5 : 0) + 'vw' }"
+          :style="{
+            left:
+              (method === RequestMethodTypeEnum.WEBSOCKET
+                ? 1.5
+                : httpType === RequestHttpTypeEnum.POST
+                ? -1.5
+                : 0) + 'vw',
+          }"
         >
           <a-col>
             <p>接口返回数据(res)：</p>
@@ -58,7 +78,7 @@
   import AceTypeIsJsEditor from '../../SimpleRequest/components/aceEditor.vue';
   import { Tag } from 'ant-design-vue';
   import { useThrottleFn } from '@vueuse/shared';
-  import { RequestMethodTypeEnum } from '../../../config/enum';
+  import { RequestMethodTypeEnum, RequestHttpTypeEnum } from '../../../config/enum';
 
   const emits = defineEmits(['emitExcute']);
 
@@ -69,6 +89,9 @@
     method: {
       type: String,
     },
+    httpType: {
+      type: String,
+    },
   });
 
   const showTestFlag = ref(false);